Commit aea36f6a authored by sbiego's avatar sbiego

better logo/home animation onload window fix bug and better logo in headings

parent fb9218ff
......@@ -4,7 +4,7 @@
<div class="container">
<div class="navbar-header">
<a class="navbar-brand home" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}">
<a class="navbar-brand home" id="navbarBrandHome" style="visibility:hidden" href="{{ .Site.BaseURL }}{{ .Site.Language.Lang }}">
<img src="{{ .Site.BaseURL }}img/logo.png" alt="{{ .Title }} logo" class="hidden-xs hidden-sm">
<img src="{{ .Site.BaseURL }}img/logo-small.png" alt="{{ .Title }} logo" class="visible-xs visible-sm">
<span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
......
......@@ -6,13 +6,13 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
{{ if .Site.Params.googleMapsApiKey }}
<script src="//maps.googleapis.com/maps/api/js?key={{.Site.Params.googleMapsApiKey}}&v=3.exp"></script>
{{ else }}
<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
{{ end }}
<script src="{{ .Site.BaseURL }}js/hpneo.gmaps.js"></script>
<script src="{{ .Site.BaseURL }}js/gmaps.init.js"></script>
<!-- {{ if .Site.Params.googleMapsApiKey }} -->
<!-- <script src="//maps.googleapis.com/maps/api/js?key={{.Site.Params.googleMapsApiKey}}&v=3.exp"></script> -->
<!-- {{ else }} -->
<!-- <script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script> -->
<!-- {{ end }} -->
<!-- <script src="{{ .Site.BaseURL }}js/hpneo.gmaps.js"></script> -->
<!-- <script src="{{ .Site.BaseURL }}js/gmaps.init.js"></script> -->
<script src="{{ .Site.BaseURL }}js/front.js"></script>
<!-- owl carousel -->
......@@ -56,6 +56,12 @@
// items:9
// }
});
window.onload = function() {
// executes when complete page is fully loaded, including all frames, objects and images
document.getElementById('navbarBrandHome').style.visibility='visible';
};
// owl.on('mousewheel', '.owl-stage', function (e) {
// if (e.deltaY>0) {
// owl.trigger('next.owl');
......
......@@ -387,7 +387,7 @@ div.social_external {
/*background-image: none;*/
margin-left: 15px;
min-width: 200px;
animation: reveal .9s;
animation: reveal 1s;
}
.affix > .navbar > .container > .navbar-header > .navbar-brand {
/*transform: translateX(0px);*/
......@@ -396,7 +396,6 @@ div.social_external {
background-size: contain;
background-image: url('../img/logo_draw.png');
margin-left: 15px;
animation: reveal .9s;
}
.affix-top > .navbar > .container > .navbar-header > .navbar-brand > img,
.affix > .navbar > .container > .navbar-header > .navbar-brand > img {
......@@ -414,7 +413,6 @@ div.social_external {
min-width: 150px;
width: 174px;
transform: translate(-15px, 10px);
transform: translate(-15px, 10px);
}
}
@media (max-width: 767px) {
......@@ -520,10 +518,11 @@ div.social_external {
/*color: #e8f4c4;*/
color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, {
color: #000;
border: 1px solid rgba(0, 0, 0, 0.3);
border-top: 2px solid rgba(0, 0, 0, .3);
......@@ -553,11 +552,12 @@ div.social_external {
#heading-breadcrumbs h1::before {
/*position: relative;*/
float: left;
/*background: red;*/
/*float: left;*/
position: absolute;
left: 0;
height: 80px;
width: 118px;
margin: 0;
margin: 4px 0px;
padding: 0;
content: '';
transform: translate(35px,-26px);
......@@ -573,7 +573,7 @@ div.social_external {
font-size: 1.8em;
text-align: center;
animation: semiReveal .6s;
transform: translate(-30px, 16px);
/*transform: translate(-30px, 16px);*/
/*border-bottom: 1px solid rgba(255,255,255,.5);*/
/*box-shadow: 0 20px 30px -30px rgba(0,0,0,.4);*/
......@@ -588,7 +588,7 @@ div.social_external {
padding-bottom: 3px;
transition: all 0s;
}
@media (max-width: 767px) {
@media (max-width: 400px) {
#heading-breadcrumbs h1::before {
display: none;
}
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment