rename sections to meaningful names

lektura
max.mehl 2017-03-20 13:37:30 +01:00
parent 25316f4a51
commit 4058b499ff
32 changed files with 198 additions and 241 deletions

View File

@ -2,7 +2,6 @@ baseurl = "http://pmpc.mehl.mx/"
languageCode = "en-us"
title = "Public Money, Public Code"
theme = "hugo-creative-theme"
googleAnalytics = ""
[params]
@ -33,14 +32,14 @@ googleAnalytics = ""
[params.navigation.links]
about = "About"
services = "Advantages"
portfolio = "Resources"
reasons = "Reasons"
resources = "Resources"
spread = "Spread"
contact = "Contact"
# Hero section
[params.hero]
# Start banner
[params.start]
# To change the background of the hero section, replace the 'header.jpg' at './static/img' with your own.
slogan = "Public Money Public Code"
subtitle = "Why is software that is programmed with taxpayers' money not released as Free Software? Code paid by all people should be available to all people."
@ -54,33 +53,33 @@ googleAnalytics = ""
buttonText = "More advantages"
# Service section
[params.services]
# Reasons section
[params.reasons]
headline = "More reasons to free public code"
[[params.services.list]]
[[params.reasons.list]]
icon = "fa-diamond"
title = "Tax savings"
description = "Our templates are updated regularly so they don't break."
[[params.services.list]]
[[params.reasons.list]]
icon = "fa-paper-plane"
title = "Collaboration"
description = "You can use this theme as is, or you can make changes!"
[[params.services.list]]
[[params.reasons.list]]
icon = "fa-newspaper-o"
title = "Serving the public"
description = "We update dependencies to keep things fresh."
[[params.services.list]]
[[params.reasons.list]]
icon = "fa-heart"
title = "Fostering innovation"
description = "You have to make your websites with love these days!"
# Portfolio modals
[params.portfolio.modal]
[params.resources.modal]
client = "Client"
date = "Date"
category = "Category"
@ -100,9 +99,3 @@ googleAnalytics = ""
description = "Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!"
phone = "123-456-6789"
email = "feedback@startbootstrap.com"
# Google Maps section
# [params.location]
# latitude = "34.007850"
# longitude = "-118.499305"
# maps_api_key = ""

View File

@ -267,14 +267,14 @@ header .header-content .header-content-inner p {
margin-bottom: 0;
}
.portfolio-box {
.resources-box {
display: block;
position: relative;
margin: 0 auto;
max-width: 650px;
}
.portfolio-box .portfolio-box-caption {
.resources-box .resources-box-caption {
display: block;
position: absolute;
bottom: 0;
@ -289,7 +289,7 @@ header .header-content .header-content-inner p {
transition: all .35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
.resources-box .resources-box-caption .resources-box-caption-content {
position: absolute;
top: 50%;
width: 100%;
@ -297,32 +297,32 @@ header .header-content .header-content-inner p {
transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category,
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
padding: 0 15px;
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
.resources-box:hover .resources-box-caption {
opacity: 1;
}
@media(min-width:768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
font-size: 16px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
font-size: 22px;
}
}

View File

@ -16,7 +16,7 @@ body {
margin: 0 auto;
}
.portfolio-modal .modal-content {
.resources-modal .modal-content {
padding: 100px 0;
min-height: 100%;
border: 0;
@ -27,20 +27,20 @@ body {
box-shadow: none;
}
.portfolio-modal .modal-content h2 {
.resources-modal .modal-content h2 {
margin: 0;
font-size: 3em;
}
.portfolio-modal .modal-content img {
.resources-modal .modal-content img {
margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
.resources-modal .modal-content .item-details {
margin: 30px 0;
}
.portfolio-modal .close-modal {
.resources-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
@ -50,11 +50,11 @@ body {
cursor: pointer;
}
.portfolio-modal .close-modal:hover {
.resources-modal .close-modal:hover {
opacity: .3;
}
.portfolio-modal .close-modal .lr {
.resources-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
@ -65,7 +65,7 @@ body {
transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
.resources-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
@ -75,7 +75,7 @@ body {
transform: rotate(90deg);
}
.portfolio-modal .modal-backdrop {
.resources-modal .modal-backdrop {
display: none;
opacity: 0;
}

View File

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

View File

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

View File

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

View File

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View File

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

View File

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -59,12 +59,12 @@
<li>
<a class="page-scroll" href="#services">Advantages</a>
<a class="page-scroll" href="#reasons">Reasons</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Resources</a>
<a class="page-scroll" href="#resources">Resources</a>
</li>
@ -73,7 +73,6 @@
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
@ -137,7 +136,7 @@
<!-- SERVICES -->
<section id="services">
<section id="reasons">
<div class="container">
<div class="row">
@ -198,23 +197,23 @@
<section class="no-padding" id="portfolio">
<section class="no-padding" id="resources">
<div class="container-fluid">
<div class="row no-gutter">
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal1" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/1.jpg" class="img-responsive" alt="">
<a href="#resourcesModal1" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/1.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="project-category text-faded">
<div class="resource-category text-faded">
Web Development
</div>
<div class="project-name">
<div class="resource-name">
Guide for Public Administration
</div>
@ -225,18 +224,18 @@
</div>
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal2" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/2.jpg" class="img-responsive" alt="">
<a href="#resourcesModal2" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/2.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="project-category text-faded">
<div class="resource-category text-faded">
Web Development
</div>
<div class="project-name">
<div class="resource-name">
Guide for general public
</div>
@ -247,18 +246,18 @@
</div>
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal3" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/3.jpg" class="img-responsive" alt="">
<a href="#resourcesModal3" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="project-category text-faded">
<div class="resource-category text-faded">
Web Development
</div>
<div class="project-name">
<div class="resource-name">
Take Action!
</div>
@ -269,40 +268,18 @@
</div>
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal5" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/5.jpg" class="img-responsive" alt="">
<a href="#resourcesModal4" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/4.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="project-category text-faded">
<div class="resource-category text-faded">
Web Development
</div>
<div class="project-name">
Freedom of Information
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal4" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/4.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Web Development
</div>
<div class="project-name">
<div class="resource-name">
Latest News
</div>
@ -313,18 +290,40 @@
</div>
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal6" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/6.jpg" class="img-responsive" alt="">
<a href="#resourcesModal5" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/5.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="project-category text-faded">
<div class="resource-category text-faded">
Web Development
</div>
<div class="project-name">
<div class="resource-name">
Freedom of Information
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="#resourcesModal6" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/6.jpg" class="img-responsive" alt="">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
<div class="resource-category text-faded">
Web Development
</div>
<div class="resource-name">
Press information
</div>
@ -341,8 +340,6 @@
<!-- SPREAD -->
<section id="spread" class="bg-dark">
<div class="container">
@ -425,9 +422,9 @@
<!-- Portfolio Modals -->
<!-- resources Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="resources-modal modal fade" id="resourcesModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -445,7 +442,7 @@
<hr class="star-primary">
<img src="img/portfolio/1.jpg" class="img-responsive img-centered" alt="">
<img src="img/resources/1.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse iaculis molestie nisl, dapibus viverra nisl vehicula eu. Phasellus a lorem vel felis dignissim varius. Aenean et porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sodales augue eu lorem vestibulum luctus. Nunc bibendum sapien id ligula tempor, at tincidunt orci dignissim. Nam convallis, tortor nec bibendum ultrices, erat turpis vehicula enim, sit amet dictum leo urna non ante. Aenean fermentum finibus nibh, quis ultricies ipsum maximus vitae.</p>
<p>Vivamus massa mauris, blandit eu ante nec, pretium accumsan risus. Sed malesuada eu elit sit amet feugiat. Morbi a neque lorem. In rutrum ante nisl. Aliquam dapibus tempor libero eget elementum. Donec vitae odio sed ligula dictum malesuada. Fusce vitae facilisis turpis. Vivamus congue dolor lobortis, rutrum nibh at, pulvinar eros.</p>
@ -481,7 +478,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="resources-modal modal fade" id="resourcesModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -499,7 +496,7 @@
<hr class="star-primary">
<img src="img/portfolio/2.jpg" class="img-responsive img-centered" alt="">
<img src="img/resources/2.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
@ -532,7 +529,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="resources-modal modal fade" id="resourcesModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -550,7 +547,7 @@
<hr class="star-primary">
<img src="img/portfolio/3.jpg" class="img-responsive img-centered" alt="">
<img src="img/resources/3.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
@ -583,54 +580,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Freedom of Information</h2>
<hr class="star-primary">
<img src="img/portfolio/5.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
<ul class="list-inline item-details">
<li>Date:
<strong><a href="#">2014-07-08</a></strong>
</li>
<li>Category:
<strong><a href="#">Web Development</a></strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="resources-modal modal fade" id="resourcesModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -648,7 +598,7 @@
<hr class="star-primary">
<img src="img/portfolio/4.jpg" class="img-responsive img-centered" alt="">
<img src="img/resources/4.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
@ -677,7 +627,54 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="resources-modal modal fade" id="resourcesModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Freedom of Information</h2>
<hr class="star-primary">
<img src="img/resources/5.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
<ul class="list-inline item-details">
<li>Date:
<strong><a href="#">2014-07-08</a></strong>
</li>
<li>Category:
<strong><a href="#">Web Development</a></strong>
</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="resources-modal modal fade" id="resourcesModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -695,7 +692,7 @@
<hr class="star-primary">
<img src="img/portfolio/6.jpg" class="img-responsive img-centered" alt="">
<img src="img/resources/6.jpg" class="img-responsive img-centered" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.</p>
@ -739,11 +736,8 @@
<script src="http://pmpc.mehl.mx/js/jquery.easing.min.js"></script>
<script src="http://pmpc.mehl.mx/js/jquery.fittext.js"></script>
<script src="http://pmpc.mehl.mx/js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="http://pmpc.mehl.mx/js/creative.js"></script>
</body>
</html>

View File

@ -4,28 +4,24 @@
{{ partial "head.html" . }}
</head>
<body id="page-top">
{{ if or .Site.Params.navigation.links.about .Site.Params.navigation.links.services .Site.Params.navigation.links.portfolio .Site.Params.navigation.links.contact }}
{{ if or .Site.Params.navigation.links.about .Site.Params.navigation.links.reasons .Site.Params.navigation.links.resources .Site.Params.navigation.links.contact }}
{{ partial "nav.html" . }}
{{ end }}
{{ if .Site.Params.hero }}
{{ partial "hero.html" . }}
{{ if .Site.Params.start }}
{{ partial "start.html" . }}
{{ end }}
{{ if .Site.Params.about }}
{{ partial "about.html" . }}
{{ end }}
{{ if .Site.Params.services.list }}
{{ partial "services.html" . }}
{{ if .Site.Params.reasons.list }}
{{ partial "reasons.html" . }}
{{ end }}
{{ if .Site.Data.projects }}
{{ partial "portfolio.html" . }}
{{ end }}
{{ if .Site.Params.location }}
{{ partial "location.html" . }}
{{ if .Site.Data.resources }}
{{ partial "resources.html" . }}
{{ end }}
{{ if .Site.Params.spread }}
@ -36,12 +32,10 @@
{{ partial "contact.html" . }}
{{ end }}
{{ if .Site.Data.projects }}
{{ if .Site.Data.resources }}
{{ partial "modals.html" . }}
{{ end }}
{{ partial "js.html" . }}
{{ template "_internal/google_analytics.html" . }}
</body>
</html>

View File

@ -6,10 +6,5 @@
<script src="{{ "js/jquery.easing.min.js" | absURL }}"></script>
<script src="{{ "js/jquery.fittext.js" | absURL }}"></script>
<script src="{{ "js/wow.min.js" | absURL }}"></script>
{{ if .Site.Params.location }}
<script src="//maps.googleapis.com/maps/api/js?key={{ .Site.Params.location.maps_api_key }}&v=3.exp"></script>
<script src="{{ "js/hpneo.gmaps.js" | absURL }}"></script>
<script src="{{ "js/gmaps.init.js" | absURL }}"></script>
{{ end }}
{{ "<!-- Custom Theme JavaScript -->" | safeHTML }}
<script src="{{ "js/creative.js" | absURL }}"></script>

View File

@ -1,14 +0,0 @@
{{ if and .Site.Params.location.latitude .Site.Params.location.longitude }}
<section id="location" class="no-padding">
<div class="hidden">
<input id="gmap-lat" value="{{ .Site.Params.location.latitude }}" />
<input id="gmap-lng" value="{{ .Site.Params.location.longitude }}" />
</div>
<a href="https://www.google.com/maps?z=16&q={{ .Site.Params.location.latitude }},{{ .Site.Params.location.longitude }}&ll={{ .Site.Params.location.latitude }},{{ .Site.Params.location.longitude }}">
<div id="map">
&nbsp;
</div>
</a>
</section>
{{ end }}

View File

@ -1,6 +1,6 @@
{{ "<!-- Portfolio Modals -->" | safeHTML }}
{{ range .Site.Data.projects }}
<div class="portfolio-modal modal fade" id="portfolioModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
{{ "<!-- resources Modals -->" | safeHTML }}
{{ range .Site.Data.resources }}
<div class="resources-modal modal fade" id="resourcesModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -18,30 +18,30 @@
{{ if and .title .description }}
<hr class="star-primary">
{{ end }}
<img src="img/portfolio/{{ .img }}" class="img-responsive img-centered" alt="">
<img src="img/resources/{{ .img }}" class="img-responsive img-centered" alt="">
{{ with .description }}
<p>{{ . | markdownify }}</p>
{{ end }}
{{ if or .client .date .category }}
<ul class="list-inline item-details">
{{ if .client }}
<li>{{ with $.Site.Params.portfolio.modal.client }}{{.}}: {{ end }}
<li>{{ with $.Site.Params.resources.modal.client }}{{.}}: {{ end }}
<strong><a href="{{ with .clientLink }}{{ . }}{{ else }}#{{ end }}">{{ .client }}</a></strong>
</li>
{{ end }}
{{ if .date }}
<li>{{ with $.Site.Params.portfolio.modal.date }}{{.}}: {{ end }}
<li>{{ with $.Site.Params.resources.modal.date }}{{.}}: {{ end }}
<strong><a href="#">{{ .date }}</a></strong>
</li>
{{ end }}
{{ if .category }}
<li>{{ with $.Site.Params.portfolio.modal.category }}{{.}}: {{ end }}
<li>{{ with $.Site.Params.resources.modal.category }}{{.}}: {{ end }}
<strong><a href="#">{{ .category }}</a></strong>
</li>
{{ end }}
</ul>
{{ end }}
{{ with $.Site.Params.portfolio.modal.buttonText }}
{{ with $.Site.Params.resources.modal.buttonText }}
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>{{.}}</button>
{{ end }}
</div>

View File

@ -21,14 +21,14 @@
<a class="page-scroll" href="#about">{{ .Site.Params.navigation.links.about }}</a>
</li>
{{ end }}
{{ if and .Site.Params.services.list .Site.Params.navigation.links.services }}
{{ if and .Site.Params.reasons.list .Site.Params.navigation.links.reasons }}
<li>
<a class="page-scroll" href="#services">{{ .Site.Params.navigation.links.services }}</a>
<a class="page-scroll" href="#reasons">{{ .Site.Params.navigation.links.reasons }}</a>
</li>
{{ end }}
{{ if and .Site.Data.projects .Site.Params.navigation.links.portfolio }}
{{ if and .Site.Data.resources .Site.Params.navigation.links.resources }}
<li>
<a class="page-scroll" href="#portfolio">{{ .Site.Params.navigation.links.portfolio }}</a>
<a class="page-scroll" href="#resources">{{ .Site.Params.navigation.links.resources }}</a>
</li>
{{ end }}
{{ if and .Site.Params.spread .Site.Params.navigation.links.spread }}
@ -36,11 +36,6 @@
<a class="page-scroll" href="#spread">{{ .Site.Params.navigation.links.spread }}</a>
</li>
{{ end }}
{{ if and .Site.Params.location .Site.Params.navigation.links.location }}
<li>
<a class="page-scroll" href="#location">{{ .Site.Params.navigation.links.location }}</a>
</li>
{{ end }}
{{ if and .Site.Params.contact .Site.Params.navigation.links.contact }}
<li>
<a class="page-scroll" href="#contact">{{ .Site.Params.navigation.links.contact }}</a>

View File

@ -1,6 +1,6 @@
{{ "<!-- SERVICES -->" | safeHTML }}
<section id="services">
{{ with .Site.Params.services.headline }}
<section id="reasons">
{{ with .Site.Params.reasons.headline }}
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
@ -12,7 +12,7 @@
{{ end }}
<div class="container">
<div class="row">
{{ range .Site.Params.services.list }}
{{ range .Site.Params.reasons.list }}
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x {{ .icon }} wow bounceIn text-primary"></i>

View File

@ -1,20 +1,20 @@
<section class="no-padding" id="portfolio">
<section class="no-padding" id="resources">
<div class="container-fluid">
<div class="row no-gutter">
{{ range .Site.Data.projects }}
{{ range .Site.Data.resources }}
<div class="col-lg-4 col-sm-6">
<a href="#portfolioModal{{ .modalID }}" class="portfolio-box portfolio-link" data-toggle="modal">
<img src="img/portfolio/{{ .img }}" class="img-responsive" alt="">
<a href="#resourcesModal{{ .modalID }}" class="resources-box resources-link" data-toggle="modal">
<img src="img/resources/{{ .img }}" class="img-responsive" alt="">
{{ if and .category .title }}
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="resources-box-caption">
<div class="resources-box-caption-content">
{{ with .category }}
<div class="project-category text-faded">
<div class="resource-category text-faded">
{{ . }}
</div>
{{ end }}
{{ with .title }}
<div class="project-name">
<div class="resource-name">
{{ . }}
</div>
{{ end }}

View File

@ -2,16 +2,16 @@
<header>
<div class="header-content">
<div class="header-content-inner">
{{ with .Site.Params.hero.slogan }}
{{ with .Site.Params.start.slogan }}
<h1>{{ . | markdownify }}</h1>
{{ end }}
{{ if and .Site.Params.hero.slogan .Site.Params.hero.subtitle }}
{{ if and .Site.Params.start.slogan .Site.Params.start.subtitle }}
<hr>
{{ end }}
{{ with .Site.Params.hero.subtitle }}
{{ with .Site.Params.start.subtitle }}
<p>{{ . | markdownify }}</p>
{{ end }}
{{ with .Site.Params.hero.buttonText }}
{{ with .Site.Params.start.buttonText }}
<a href="#about" class="btn btn-primary btn-xl page-scroll">{{ . }}</a>
{{ end }}
</div>

View File

@ -267,14 +267,14 @@ header .header-content .header-content-inner p {
margin-bottom: 0;
}
.portfolio-box {
.resources-box {
display: block;
position: relative;
margin: 0 auto;
max-width: 650px;
}
.portfolio-box .portfolio-box-caption {
.resources-box .resources-box-caption {
display: block;
position: absolute;
bottom: 0;
@ -289,7 +289,7 @@ header .header-content .header-content-inner p {
transition: all .35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
.resources-box .resources-box-caption .resources-box-caption-content {
position: absolute;
top: 50%;
width: 100%;
@ -297,32 +297,32 @@ header .header-content .header-content-inner p {
transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category,
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
padding: 0 15px;
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
.resources-box:hover .resources-box-caption {
opacity: 1;
}
@media(min-width:768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
.resources-box .resources-box-caption .resources-box-caption-content .resource-category {
font-size: 16px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
.resources-box .resources-box-caption .resources-box-caption-content .resource-name {
font-size: 22px;
}
}

View File

@ -16,7 +16,7 @@ body {
margin: 0 auto;
}
.portfolio-modal .modal-content {
.resources-modal .modal-content {
padding: 100px 0;
min-height: 100%;
border: 0;
@ -27,20 +27,20 @@ body {
box-shadow: none;
}
.portfolio-modal .modal-content h2 {
.resources-modal .modal-content h2 {
margin: 0;
font-size: 3em;
}
.portfolio-modal .modal-content img {
.resources-modal .modal-content img {
margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
.resources-modal .modal-content .item-details {
margin: 30px 0;
}
.portfolio-modal .close-modal {
.resources-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
@ -50,11 +50,11 @@ body {
cursor: pointer;
}
.portfolio-modal .close-modal:hover {
.resources-modal .close-modal:hover {
opacity: .3;
}
.portfolio-modal .close-modal .lr {
.resources-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
@ -65,7 +65,7 @@ body {
transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
.resources-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
@ -75,7 +75,7 @@ body {
transform: rotate(90deg);
}
.portfolio-modal .modal-backdrop {
.resources-modal .modal-backdrop {
display: none;
opacity: 0;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB