67 lines
2.4 KiB
JavaScript
67 lines
2.4 KiB
JavaScript
// hero resizer
|
|
function heroResize() {
|
|
jQuery('#hero').css({
|
|
width: jQuery(window).width(),
|
|
height: jQuery(window).height()
|
|
});
|
|
}
|
|
|
|
// Smooth Scroll Init - Register click handler for ID anchors
|
|
$('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) {
|
|
var targetOffset = target.offset().top - $("nav-bar__header").height();
|
|
console.log(targetOffset, target.offset.top, $("nav-bar__header").height())
|
|
// $('html, body').animate({
|
|
// scrollTop: targetOffset
|
|
// }, 1000);
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// navbar - preload
|
|
(function navbarInit() {
|
|
|
|
// var navButton = document.getElementById("nav-menu-button"),
|
|
// var navButton = document.getElementById("nav-container"),
|
|
// navUl = document.getElementsByClassName("nav-ul");
|
|
|
|
function toggleMobileMenu() {
|
|
$('.nav-bar__menu')[0].style.transition = "max-height 0.5s";
|
|
$('.nav-bar__menu')[0].classList.toggle("hide-menu");
|
|
}
|
|
$('.nav-bar__menu-button').click(toggleMobileMenu)
|
|
|
|
}());
|
|
|
|
// function navbarPadding() {
|
|
// // apply dynamic padding at the top of the body according to the fixed navbar height
|
|
// console.log($(".nav-bar__header").height())
|
|
// // $("#page").css("padding-top", $(".nav-bar__header").height());
|
|
// };
|
|
|
|
// function iframeResize(percent = 1) {
|
|
// console.log('window width', percent, $(window).width())
|
|
// console.log('section_content', percent, $('.section__content').width())
|
|
// console.log('box embed width', percent, $('.box__embed').width())
|
|
// $('iframe').each(function (i) {
|
|
// console.log('aspect', this.aspect)
|
|
// $(this).attr('height', this.aspect * $('.box__embed').width())
|
|
// $(this).attr('width', $('.box__embed').width())
|
|
// })
|
|
// console.log('new width and height', $('iframe')[0].width, $('iframe')[0].height)
|
|
// console.log('new width and height', $('iframe')[1].width, $('iframe')[1].height)
|
|
// }
|
|
//
|
|
// // get all original iframe dimensions
|
|
// (function iframeInit() {
|
|
// $('iframe').each(function (i) {
|
|
// console.log(i, $(this).attr('height'), $(this).attr('width'));
|
|
// this.aspect = $(this).attr('height') / $(this).attr('width')
|
|
// console.log('aspect iframe', i, this.aspect)
|
|
// })
|
|
// }());
|