1 | /*
|
---|
2 | Spectral by HTML5 UP
|
---|
3 | html5up.net | @n33co
|
---|
4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
---|
5 | */
|
---|
6 |
|
---|
7 | (function($) {
|
---|
8 |
|
---|
9 | skel
|
---|
10 | .breakpoints({
|
---|
11 | xlarge: '(max-width: 1680px)',
|
---|
12 | large: '(max-width: 1280px)',
|
---|
13 | medium: '(max-width: 980px)',
|
---|
14 | small: '(max-width: 736px)',
|
---|
15 | xsmall: '(max-width: 480px)'
|
---|
16 | });
|
---|
17 |
|
---|
18 | $(function() {
|
---|
19 |
|
---|
20 | var $window = $(window),
|
---|
21 | $body = $('body'),
|
---|
22 | $wrapper = $('#page-wrapper'),
|
---|
23 | $banner = $('#banner'),
|
---|
24 | $header = $('#header');
|
---|
25 |
|
---|
26 | // Disable animations/transitions until the page has loaded.
|
---|
27 | $body.addClass('is-loading');
|
---|
28 |
|
---|
29 | $window.on('load', function() {
|
---|
30 | window.setTimeout(function() {
|
---|
31 | $body.removeClass('is-loading');
|
---|
32 | }, 100);
|
---|
33 | });
|
---|
34 |
|
---|
35 | // Mobile?
|
---|
36 | if (skel.vars.mobile)
|
---|
37 | $body.addClass('is-mobile');
|
---|
38 | else
|
---|
39 | skel
|
---|
40 | .on('-medium !medium', function() {
|
---|
41 | $body.removeClass('is-mobile');
|
---|
42 | })
|
---|
43 | .on('+medium', function() {
|
---|
44 | $body.addClass('is-mobile');
|
---|
45 | });
|
---|
46 |
|
---|
47 | // Fix: Placeholder polyfill.
|
---|
48 | $('form').placeholder();
|
---|
49 |
|
---|
50 | // Prioritize "important" elements on medium.
|
---|
51 | skel.on('+medium -medium', function() {
|
---|
52 | $.prioritize(
|
---|
53 | '.important\\28 medium\\29',
|
---|
54 | skel.breakpoint('medium').active
|
---|
55 | );
|
---|
56 | });
|
---|
57 |
|
---|
58 | // Scrolly.
|
---|
59 | $('.scrolly')
|
---|
60 | .scrolly({
|
---|
61 | speed: 1500,
|
---|
62 | offset: $header.outerHeight()
|
---|
63 | });
|
---|
64 |
|
---|
65 | // Menu.
|
---|
66 | $('#menu')
|
---|
67 | .append('<a href="#menu" class="close"></a>')
|
---|
68 | .appendTo($body)
|
---|
69 | .panel({
|
---|
70 | delay: 500,
|
---|
71 | hideOnClick: true,
|
---|
72 | hideOnSwipe: true,
|
---|
73 | resetScroll: true,
|
---|
74 | resetForms: true,
|
---|
75 | side: 'right',
|
---|
76 | target: $body,
|
---|
77 | visibleClass: 'is-menu-visible'
|
---|
78 | });
|
---|
79 |
|
---|
80 | // Header.
|
---|
81 | if (skel.vars.IEVersion < 9)
|
---|
82 | $header.removeClass('alt');
|
---|
83 |
|
---|
84 | if ($banner.length > 0
|
---|
85 | && $header.hasClass('alt')) {
|
---|
86 |
|
---|
87 | $window.on('resize', function() { $window.trigger('scroll'); });
|
---|
88 |
|
---|
89 | $banner.scrollex({
|
---|
90 | bottom: $header.outerHeight() + 1,
|
---|
91 | terminate: function() { $header.removeClass('alt'); },
|
---|
92 | enter: function() { $header.addClass('alt'); },
|
---|
93 | leave: function() { $header.removeClass('alt'); }
|
---|
94 | });
|
---|
95 |
|
---|
96 | }
|
---|
97 |
|
---|
98 | });
|
---|
99 |
|
---|
100 | })(jQuery);
|
---|