70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
|
window.console = window.console || function (t) { };
|
||
|
|
|
||
|
|
if (document.location.search.match(/type=embed/gi)) {
|
||
|
|
window.parent.postMessage("resize", "*");
|
||
|
|
}
|
||
|
|
////////////////////////////////////
|
||
|
|
// NAVIGATION SHOW/HIDE
|
||
|
|
|
||
|
|
$("nav ul").hide();
|
||
|
|
|
||
|
|
$(".nav-toggle").click(function () {
|
||
|
|
$("nav ul").slideToggle("medium");
|
||
|
|
});
|
||
|
|
|
||
|
|
$("nav ul li a, .brand a").click(function () {
|
||
|
|
$("nav ul").hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
////////////////////////////////////
|
||
|
|
// SMOOTH SCROLLING WITH NAV HEIGHT OFFSET
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
var navHeight = $("nav").outerHeight();
|
||
|
|
$('a[href*="#"]:not([href="#"])').click(function () {
|
||
|
|
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||
|
|
var target = $(this.hash);
|
||
|
|
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||
|
|
if (target.length) {
|
||
|
|
$('html, body').animate({
|
||
|
|
scrollTop: target.offset().top - navHeight
|
||
|
|
},
|
||
|
|
1000);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
////////////////////////////////////
|
||
|
|
// NAVIGATION STICKY
|
||
|
|
|
||
|
|
var viewHeight = $(window).height();
|
||
|
|
var navigation = $('nav');
|
||
|
|
|
||
|
|
$(window).scroll(function () {
|
||
|
|
if ($(window).scrollTop() > viewHeight - 175) {//edit for nav height
|
||
|
|
navigation.addClass('sticky');
|
||
|
|
} else {
|
||
|
|
navigation.removeClass('sticky');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
////////////////////////////////////////////////
|
||
|
|
// MAKE THE SPLASH CONTAINER VERTICALLY CENTERED
|
||
|
|
|
||
|
|
function centerSplash() {
|
||
|
|
var navHeight = $("nav").outerHeight();
|
||
|
|
var splashHeight = $(".splash .container").height();
|
||
|
|
var remainingHeight = $(window).height() - splashHeight - navHeight;
|
||
|
|
$(".splash .container").css({ "padding-top": remainingHeight / 2, "padding-bottom": remainingHeight / 2 });
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
centerSplash();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(function () {
|
||
|
|
centerSplash();
|
||
|
|
});
|
||
|
|
//# sourceURL=pen.js
|