https://tgroechel.github.io/assets/js/main.js

1/*
2	Spatial by TEMPLATED
3	templated.co @templatedco
4	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
5*/
6
7(function($) {
8
9	skel.breakpoints({
10		xlarge:	'(max-width: 1680px)',
11		large:	'(max-width: 1280px)',
12		medium:	'(max-width: 980px)',
13		small:	'(max-width: 736px)',
14		xsmall:	'(max-width: 480px)'
15	});
16
17	$(function() {
18
19		var	$window = $(window),
20			$body = $('body');
21
22		// Disable animations/transitions until the page has loaded.
23			$body.addClass('is-loading');
24
25			$window.on('load', function() {
26				window.setTimeout(function() {
27					$body.removeClass('is-loading');
28				}, 100);
29			});
30
31		// Fix: Placeholder polyfill.
32			$('form').placeholder();
33
34		// Prioritize "important" elements on medium.
35			skel.on('+medium -medium', function() {
36				$.prioritize(
37					'.important\\28 medium\\29',
38					skel.breakpoint('medium').active
39				);
40			});
41
42		// Off-Canvas Navigation.
43
44			// Navigation Panel Toggle.
45				$('<a href="#navPanel" class="navPanelToggle"></a>')
46					.appendTo($body);
47
48			// Navigation Panel.
49				$(
50					'<div id="navPanel">' +
51						$('#nav').html() +
52						'<a href="#navPanel" class="close"></a>' +
53					'</div>'
54				)
55					.appendTo($body)
56					.panel({
57						delay: 500,
58						hideOnClick: true,
59						hideOnSwipe: true,
60						resetScroll: true,
61						resetForms: true,
62						side: 'right'
63					});
64
65			// Fix: Remove transitions on WP<10 (poor/buggy performance).
66				if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
67					$('#navPanel')
68						.css('transition', 'none');
69
70
71	});
72
73})(jQuery);