istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

167 index design updates (#306) 

* updated designs to match mockups

* hid header logo on landing page. made the down array clickable on landing page. scrolls to first section on click
This commit is contained in:
ryangrahamnc 2017-05-22 18:40:22 -04:00 committed by Martin Taillefer
parent 7d7b1dcd24
commit c758f72bc1
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_sass/layouts/_landing.scss
View File

@ -1,3 +1,8 @@
/* hides the logo in the topleft on the landing page */
.navbar-header .navbar-brand{
display:none !important;
}
.landing {
.nav-hero-container{
color:white;
@ -17,8 +22,10 @@
padding:0px;
}
.hero-down-arrow{
display:block;
margin:65px 0 24px 0;
display:inline-block;
margin:60px 0 20px 0;
padding:5px;
cursor:pointer;
}
}

5
js/common.js
View File

@ -77,6 +77,11 @@ $(document).ready(function() {
$('.toggle').on('click',function(){
$(this).toggleClass('active');
});
$('.hero-down-arrow').on('click', function(){
var scrollToY = $('.hero-wrapper:eq(0)').position().top;
$('html,body').animate({scrollTop:scrollToY}, 300);
});
});
// Collapsible navbar menu, using https://github.com/jordnkr/collapsible