61 lines
2.0 KiB
JavaScript
61 lines
2.0 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) {
|
|
$('html, body').animate({
|
|
scrollTop: target.offset().top
|
|
}, 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-list')[0].style.transition = "max-height 0.5s";
|
|
$('.nav-bar__menu-list')[0].classList.toggle("hide-ul");
|
|
}
|
|
// navLink.onclick = toggleMobileMenu;
|
|
// navButton.onclick = toggleMobileMenu;
|
|
$('.nav-bar__menu-button, .nav-bar__menu a').click(toggleMobileMenu)
|
|
|
|
}());
|
|
|
|
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)
|
|
})
|
|
}());
|