mirror of
https://github.com/simon987/Much-Assembly-Required-Frontend.git
synced 2025-12-14 23:29:02 +00:00
Initial commit
This commit is contained in:
96
assets/js/main.js
Normal file
96
assets/js/main.js
Normal file
@@ -0,0 +1,96 @@
|
||||
/*
|
||||
TXT by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
|
||||
skel
|
||||
.breakpoints({
|
||||
desktop: '(min-width: 737px)',
|
||||
tablet: '(min-width: 737px) and (max-width: 1200px)',
|
||||
mobile: '(max-width: 736px)'
|
||||
})
|
||||
.viewport({
|
||||
breakpoints: {
|
||||
tablet: {
|
||||
width: 1080
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(function () {
|
||||
|
||||
var $window = $(window),
|
||||
$body = $('body');
|
||||
|
||||
// Disable animations/transitions until the page has loaded.
|
||||
$body.addClass('is-loading');
|
||||
|
||||
$window.on('load', function () {
|
||||
$body.removeClass('is-loading');
|
||||
});
|
||||
|
||||
// Fix: Placeholder polyfill.
|
||||
$('form').placeholder();
|
||||
|
||||
// Prioritize "important" elements on mobile.
|
||||
skel.on('+mobile -mobile', function () {
|
||||
$.prioritize(
|
||||
'.important\\28 mobile\\29',
|
||||
skel.breakpoint('mobile').active
|
||||
);
|
||||
});
|
||||
|
||||
// CSS polyfills (IE<9).
|
||||
if (skel.vars.IEVersion < 9)
|
||||
$(':last-child').addClass('last-child');
|
||||
|
||||
// Dropdowns.
|
||||
$('#nav > ul').dropotron({
|
||||
mode: 'fade',
|
||||
noOpenerFade: true,
|
||||
speed: 300,
|
||||
alignment: 'center'
|
||||
});
|
||||
|
||||
// Off-Canvas Navigation.
|
||||
|
||||
// Title Bar.
|
||||
$(
|
||||
'<div id="titleBar">' +
|
||||
'<a href="#navPanel" class="toggle"></a>' +
|
||||
'<span class="title">' + $('#logo').html() + '</span>' +
|
||||
'</div>'
|
||||
)
|
||||
.appendTo($body);
|
||||
|
||||
// Navigation Panel.
|
||||
$(
|
||||
'<div id="navPanel">' +
|
||||
'<nav>' +
|
||||
$('#nav').navList() +
|
||||
'</nav>' +
|
||||
'</div>'
|
||||
)
|
||||
.appendTo($body)
|
||||
.panel({
|
||||
delay: 500,
|
||||
hideOnClick: true,
|
||||
hideOnSwipe: true,
|
||||
resetScroll: true,
|
||||
resetForms: true,
|
||||
side: 'left',
|
||||
target: $body,
|
||||
visibleClass: 'navPanel-visible'
|
||||
});
|
||||
|
||||
// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
|
||||
if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
|
||||
$('#titleBar, #navPanel, #page-wrapper')
|
||||
.css('transition', 'none');
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user