Pawlik
/
meghna-hugo
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 1 Wiki Activity
Browse Source

modified navigation

tags/v1.0.0
Themefisher Dev 5 years ago
parent
d047684b37
commit
f3f332f1ae
7 changed files with 64 additions and 2339 deletions
Unified View Show Diff Stats
  1. 6
    36
      assets/css/style.css
  2. 1
    1
      assets/js/script.js
  3. 50
    63
      layouts/partials/navigation.html
  4. 2
    1574
      static/plugins/animate-css/animate.css
  5. 3
    195
      static/plugins/google-map/map.js
  6. 1
    351
      static/plugins/magnific-popup/magnific-popup.css
  7. 1
    119
      static/plugins/slick/slick.css

+ 6
- 36
assets/css/style.css View File

margin-bottom: 0; margin-bottom: 0;
} }


.navigation .logo {
padding: 0;
}

.navigation .navigation-menu li a.active {
color: #57cbcc;
}

.navigation .navigation-menu li a {
font-size: 16px;
color: #737f8a;
}

.navigation .navigation-menu li a:hover,
.navigation .navigation-menu li a:focus {
background: transparent;
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: #57cbcc; color: #57cbcc;
} }


.navigation .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1);
border-radius: 0;
}

.navigation .navbar-collapse {
padding: 10px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
border-top: 5px solid transparent;
}

@media (min-width: 768px) {
.navigation .navbar-collapse {
box-shadow: none;
border-top: none;
}
}

.navbar-toggler:focus { .navbar-toggler:focus {
outline-color: #57cbcc;
outline: 0;
} }


.bg-1 { .bg-1 {
padding: 10px; padding: 10px;
display: block; display: block;
} }

/*# sourceMappingURL=maps/style.css.map */ /*# sourceMappingURL=maps/style.css.map */

+ 1
- 1
assets/js/script.js View File

target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) { if (target.length) {
html_body.animate({ html_body.animate({
scrollTop: target.offset().top - 70
scrollTop: target.offset().top - 50
}, 1500, 'easeInOutExpo'); }, 1500, 'easeInOutExpo');
return false; return false;
} }

+ 50
- 63
layouts/partials/navigation.html View File

{{"<!-- Fixed Navigation -->" | safeHTML}}
<nav id="navigation" class="navbar navbar-expand-lg navigation sticky-top">
<section class="sticky-top navigation">
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand p-0" href="{{ .Site.BaseURL | relLangURL }}">
{{ if .Site.Params.logo }}
<img class="img-fluid" src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}">
{{ else }}
{{ .Site.Title }}
{{ end }}
</a>


{{"<!-- logo -->" | safeHTML}}
<a class="navbar-brand logo" href="{{ .Site.BaseURL | relLangURL }}">
{{ if .Site.Params.logo }}
<img class="img-fluid" src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}">
{{ else }}
{{ .Site.Title }}
{{ end }}
</a>
{{"<!-- /logo -->" | safeHTML}}
<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
<span class="navbar-toggler-icon"></span>
</button>


{{"<!-- responsive nav button -->" | safeHTML}}
<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse"
data-target="#navigation" aria-controls="navigation" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{{"<!-- /responsive nav button -->" | safeHTML}}
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#body">{{ .Site.Params.home }}</a></li>
{{ if .IsHome }}
{{ range .Site.Menus.main }}
<li class="nav-item"><a class="nav-link" href="#{{ .URL }}">{{ .Name }}</a></li>
{{ end }}


{{"<!-- main nav -->" | safeHTML}}
{{ if .IsHome }}
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" href="#body">{{ with .Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range .Site.Menus.main }}
<li class="nav-item"><a class="nav-link" href="#{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ else }}
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}#body">{{ with .Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range .Site.Menus.main }}
<li class="nav-item"><a class="nav-link" href="{{ $.Site.BaseURL | relLangURL }}#{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}
{{"<!-- /main nav -->" | safeHTML}}
{{ else }}


<!-- Language List -->
{{- if .Site.IsMultiLingual }}
<select id="select-language" onchange="location = this.value;">
{{ $siteLanguages := .Site.Languages}}
{{ $pageLang := .Page.Lang}}
{{ range .Page.AllTranslations }}
{{ $translation := .}}
{{ range $siteLanguages }}
{{ if eq $translation.Lang .Lang }}
{{ $selected := false }}
{{ if eq $pageLang .Lang}}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
</option>
{{ else }}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
{{ end }}
{{ end }}
{{ end }}
{{ end }}
</select>
{{ end }}
{{ range .Site.Menus.main }}
<li class="nav-item"><a class="nav-link" href="{{ $.Site.BaseURL | relLangURL }}#{{ .URL }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}
</ul>
<!-- Language List -->
{{- if .Site.IsMultiLingual }}
<select id="select-language" onchange="location = this.value;">
{{ $siteLanguages := .Site.Languages}}
{{ $pageLang := .Page.Lang}}
{{ range .Page.AllTranslations }}
{{ $translation := .}}
{{ range $siteLanguages }}
{{ if eq $translation.Lang .Lang }}
{{ $selected := false }}
{{ if eq $pageLang .Lang}}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
</option>
{{ else }}
<option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
{{ end }}
{{ end }}
{{ end }}
{{ end }}
</select>
{{ end }}
</div>
</nav>
</div> </div>
</nav>
{{"<!-- End Fixed Navigation -->" | safeHTML}}
</section>

+ 2
- 1574
static/plugins/animate-css/animate.css
File diff suppressed because it is too large
View File


+ 3
- 195
static/plugins/google-map/map.js View File

window.marker = null;

function initialize() {
var map;
var latitude = $('#map').attr('data-latitude');
var longitude = $('#map').attr('data-longitude');
var mapMarker = $('#map').attr('data-marker');
var mapMarkerName = $('#map').attr('data-marker-name');
var nottingham = new google.maps.LatLng(latitude, longitude);
var style = [{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
},
{
"color": "#000000"
},
{
"lightness": 40
}
]
},
{
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
},
{
"color": "#000000"
},
{
"lightness": 16
}
]
},
{
"featureType": "all",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
},
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
},
{
"lightness": 20
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
},
{
"lightness": 17
},
{
"weight": 1.2
}
]
},
{
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 20
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 21
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
},
{
"lightness": 17
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
},
{
"lightness": 29
},
{
"weight": 0.2
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 18
}
]
},
{
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 16
}
]
},
{
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 19
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
},
{
"lightness": 17
}
]
}
];
var mapOptions = {
center: nottingham,
mapTypeId: google.maps.MapTypeId.ROADMAP,
backgroundColor: "#000",
zoom: 15,
panControl: false,
zoomControl: true,
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: false,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE
}
}
map = new google.maps.Map(document.getElementById('map'), mapOptions);
var mapType = new google.maps.StyledMapType(style, {
name: "Grayscale"
});
map.mapTypes.set('grey', mapType);
map.setMapTypeId('grey');
var marker_image = mapMarker;
var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(46, 40));
marker = new google.maps.Marker({
position: nottingham,
map: map,
icon: pinIcon,
title: mapMarkerName
});
}
var map = document.getElementById('map');
if (map != null) {
google.maps.event.addDomListener(window, 'load', initialize);
}
window.marker=null;function initialize(){var map;var latitude=$('#map').attr('data-latitude');var longitude=$('#map').attr('data-longitude');var mapMarker=$('#map').attr('data-marker');var mapMarkerName=$('#map').attr('data-marker-name');var nottingham=new google.maps.LatLng(latitude,longitude);var style=[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}];var mapOptions={center:nottingham,mapTypeId:google.maps.MapTypeId.ROADMAP,backgroundColor:"#000",zoom:15,panControl:!1,zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,overviewMapControl:!1,zoomControlOptions:{style:google.maps.ZoomControlStyle.LARGE}}
map=new google.maps.Map(document.getElementById('map'),mapOptions);var mapType=new google.maps.StyledMapType(style,{name:"Grayscale"});map.mapTypes.set('grey',mapType);map.setMapTypeId('grey');var marker_image=mapMarker;var pinIcon=new google.maps.MarkerImage(marker_image,null,null,null,new google.maps.Size(46,40));marker=new google.maps.Marker({position:nottingham,map:map,icon:pinIcon,title:mapMarkerName})}
var map=document.getElementById('map');if(map!=null){google.maps.event.addDomListener(window,'load',initialize)}

+ 1
- 351
static/plugins/magnific-popup/magnific-popup.css
File diff suppressed because it is too large
View File


+ 1
- 119
static/plugins/slick/slick.css View File

/* Slider */
.slick-slider
{
position: relative;

display: block;
box-sizing: border-box;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;

display: block;
overflow: hidden;

margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;

display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;

content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;

height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;

height: auto;

border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

Write Preview
Loading…
Cancel
Save