748286b5 |
1 | /*\r |
2 | Forty by HTML5 UP\r |
3 | html5up.net | @ajlkn\r |
4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r |
5 | */\r |
6 | \r |
7 | (function($) {\r |
8 | \r |
9 | var $window = $(window),\r |
10 | $body = $('body'),\r |
11 | $wrapper = $('#wrapper'),\r |
12 | $header = $('#header'),\r |
13 | $banner = $('#banner');\r |
14 | \r |
15 | // Breakpoints.\r |
16 | breakpoints({\r |
17 | xlarge: ['1281px', '1680px' ],\r |
18 | large: ['981px', '1280px' ],\r |
19 | medium: ['737px', '980px' ],\r |
20 | small: ['481px', '736px' ],\r |
21 | xsmall: ['361px', '480px' ],\r |
22 | xxsmall: [null, '360px' ]\r |
23 | });\r |
24 | \r |
25 | /**\r |
26 | * Applies parallax scrolling to an element's background image.\r |
27 | * @return {jQuery} jQuery object.\r |
28 | */\r |
29 | $.fn._parallax = (browser.name == 'ie' || browser.name == 'edge' || browser.mobile) ? function() { return $(this) } : function(intensity) {\r |
30 | \r |
31 | var $window = $(window),\r |
32 | $this = $(this);\r |
33 | \r |
34 | if (this.length == 0 || intensity === 0)\r |
35 | return $this;\r |
36 | \r |
37 | if (this.length > 1) {\r |
38 | \r |
39 | for (var i=0; i < this.length; i++)\r |
40 | $(this[i])._parallax(intensity);\r |
41 | \r |
42 | return $this;\r |
43 | \r |
44 | }\r |
45 | \r |
46 | if (!intensity)\r |
47 | intensity = 0.25;\r |
48 | \r |
49 | $this.each(function() {\r |
50 | \r |
51 | var $t = $(this),\r |
52 | on, off;\r |
53 | \r |
54 | on = function() {\r |
55 | \r |
56 | $t.css('background-position', 'center 100%, center 100%, center 0px');\r |
57 | \r |
58 | $window\r |
59 | .on('scroll._parallax', function() {\r |
60 | \r |
61 | var pos = parseInt($window.scrollTop()) - parseInt($t.position().top);\r |
62 | \r |
63 | $t.css('background-position', 'center ' + (pos * (-1 * intensity)) + 'px');\r |
64 | \r |
65 | });\r |
66 | \r |
67 | };\r |
68 | \r |
69 | off = function() {\r |
70 | \r |
71 | $t\r |
72 | .css('background-position', '');\r |
73 | \r |
74 | $window\r |
75 | .off('scroll._parallax');\r |
76 | \r |
77 | };\r |
78 | \r |
79 | breakpoints.on('<=medium', off);\r |
80 | breakpoints.on('>medium', on);\r |
81 | \r |
82 | });\r |
83 | \r |
84 | $window\r |
85 | .off('load._parallax resize._parallax')\r |
86 | .on('load._parallax resize._parallax', function() {\r |
87 | $window.trigger('scroll');\r |
88 | });\r |
89 | \r |
90 | return $(this);\r |
91 | \r |
92 | };\r |
93 | \r |
94 | // Play initial animations on page load.\r |
95 | $window.on('load', function() {\r |
96 | window.setTimeout(function() {\r |
97 | $body.removeClass('is-preload');\r |
98 | }, 100);\r |
99 | });\r |
100 | \r |
101 | // Clear transitioning state on unload/hide.\r |
102 | $window.on('unload pagehide', function() {\r |
103 | window.setTimeout(function() {\r |
104 | $('.is-transitioning').removeClass('is-transitioning');\r |
105 | }, 250);\r |
106 | });\r |
107 | \r |
108 | // Fix: Enable IE-only tweaks.\r |
109 | if (browser.name == 'ie' || browser.name == 'edge')\r |
110 | $body.addClass('is-ie');\r |
111 | \r |
112 | // Scrolly.\r |
113 | $('.scrolly').scrolly({\r |
114 | offset: function() {\r |
115 | return $header.height() - 2;\r |
116 | }\r |
117 | });\r |
118 | \r |
119 | // Tiles.\r |
120 | var $tiles = $('.tiles > article');\r |
121 | \r |
122 | $tiles.each(function() {\r |
123 | \r |
124 | var $this = $(this),\r |
125 | $image = $this.find('.image'), $img = $image.find('img'),\r |
126 | $link = $this.find('.link'),\r |
127 | x;\r |
128 | \r |
129 | // Image.\r |
130 | \r |
131 | // Set image.\r |
132 | $this.css('background-image', 'url(' + $img.attr('src') + ')');\r |
133 | \r |
134 | // Set position.\r |
135 | if (x = $img.data('position'))\r |
136 | $image.css('background-position', x);\r |
137 | \r |
138 | // Hide original.\r |
139 | $image.hide();\r |
140 | \r |
141 | // Link.\r |
142 | if ($link.length > 0) {\r |
143 | \r |
144 | $x = $link.clone()\r |
145 | .text('')\r |
146 | .addClass('primary')\r |
147 | .appendTo($this);\r |
148 | \r |
149 | $link = $link.add($x);\r |
150 | \r |
151 | $link.on('click', function(event) {\r |
152 | \r |
153 | var href = $link.attr('href');\r |
154 | \r |
155 | // Prevent default.\r |
156 | event.stopPropagation();\r |
157 | event.preventDefault();\r |
158 | \r |
159 | // Target blank?\r |
160 | if ($link.attr('target') == '_blank') {\r |
161 | \r |
162 | // Open in new tab.\r |
163 | window.open(href);\r |
164 | \r |
165 | }\r |
166 | \r |
167 | // Otherwise ...\r |
168 | else {\r |
169 | \r |
170 | // Start transitioning.\r |
171 | $this.addClass('is-transitioning');\r |
172 | $wrapper.addClass('is-transitioning');\r |
173 | \r |
174 | // Redirect.\r |
175 | window.setTimeout(function() {\r |
176 | location.href = href;\r |
177 | }, 500);\r |
178 | \r |
179 | }\r |
180 | \r |
181 | });\r |
182 | \r |
183 | }\r |
184 | \r |
185 | });\r |
186 | \r |
187 | // Header.\r |
188 | if ($banner.length > 0\r |
189 | && $header.hasClass('alt')) {\r |
190 | \r |
191 | $window.on('resize', function() {\r |
192 | $window.trigger('scroll');\r |
193 | });\r |
194 | \r |
195 | $window.on('load', function() {\r |
196 | \r |
197 | $banner.scrollex({\r |
198 | bottom: $header.height() + 10,\r |
199 | terminate: function() { $header.removeClass('alt'); },\r |
200 | enter: function() { $header.addClass('alt'); },\r |
201 | leave: function() { $header.removeClass('alt'); $header.addClass('reveal'); }\r |
202 | });\r |
203 | \r |
204 | window.setTimeout(function() {\r |
205 | $window.triggerHandler('scroll');\r |
206 | }, 100);\r |
207 | \r |
208 | });\r |
209 | \r |
210 | }\r |
211 | \r |
212 | // Banner.\r |
213 | $banner.each(function() {\r |
214 | \r |
215 | var $this = $(this),\r |
216 | $image = $this.find('.image'), $img = $image.find('img');\r |
217 | \r |
218 | // Parallax.\r |
219 | $this._parallax(0.275);\r |
220 | \r |
221 | // Image.\r |
222 | if ($image.length > 0) {\r |
223 | \r |
224 | // Set image.\r |
225 | $this.css('background-image', 'url(' + $img.attr('src') + ')');\r |
226 | \r |
227 | // Hide original.\r |
228 | $image.hide();\r |
229 | \r |
230 | }\r |
231 | \r |
232 | });\r |
233 | \r |
234 | // Menu.\r |
235 | var $menu = $('#menu'),\r |
236 | $menuInner;\r |
237 | \r |
238 | $menu.wrapInner('<div class="inner"></div>');\r |
239 | $menuInner = $menu.children('.inner');\r |
240 | $menu._locked = false;\r |
241 | \r |
242 | $menu._lock = function() {\r |
243 | \r |
244 | if ($menu._locked)\r |
245 | return false;\r |
246 | \r |
247 | $menu._locked = true;\r |
248 | \r |
249 | window.setTimeout(function() {\r |
250 | $menu._locked = false;\r |
251 | }, 350);\r |
252 | \r |
253 | return true;\r |
254 | \r |
255 | };\r |
256 | \r |
257 | $menu._show = function() {\r |
258 | \r |
259 | if ($menu._lock())\r |
260 | $body.addClass('is-menu-visible');\r |
261 | \r |
262 | };\r |
263 | \r |
264 | $menu._hide = function() {\r |
265 | \r |
266 | if ($menu._lock())\r |
267 | $body.removeClass('is-menu-visible');\r |
268 | \r |
269 | };\r |
270 | \r |
271 | $menu._toggle = function() {\r |
272 | \r |
273 | if ($menu._lock())\r |
274 | $body.toggleClass('is-menu-visible');\r |
275 | \r |
276 | };\r |
277 | \r |
278 | $menuInner\r |
279 | .on('click', function(event) {\r |
280 | event.stopPropagation();\r |
281 | })\r |
282 | .on('click', 'a', function(event) {\r |
283 | \r |
284 | var href = $(this).attr('href');\r |
285 | \r |
286 | event.preventDefault();\r |
287 | event.stopPropagation();\r |
288 | \r |
289 | // Hide.\r |
290 | $menu._hide();\r |
291 | \r |
292 | // Redirect.\r |
293 | window.setTimeout(function() {\r |
294 | window.location.href = href;\r |
295 | }, 250);\r |
296 | \r |
297 | });\r |
298 | \r |
299 | $menu\r |
300 | .appendTo($body)\r |
301 | .on('click', function(event) {\r |
302 | \r |
303 | event.stopPropagation();\r |
304 | event.preventDefault();\r |
305 | \r |
306 | $body.removeClass('is-menu-visible');\r |
307 | \r |
308 | })\r |
309 | .append('<a class="close" href="#menu">Close</a>');\r |
310 | \r |
311 | $body\r |
312 | .on('click', 'a[href="#menu"]', function(event) {\r |
313 | \r |
314 | event.stopPropagation();\r |
315 | event.preventDefault();\r |
316 | \r |
317 | // Toggle.\r |
318 | $menu._toggle();\r |
319 | \r |
320 | })\r |
321 | .on('click', function(event) {\r |
322 | \r |
323 | // Hide.\r |
324 | $menu._hide();\r |
325 | \r |
326 | })\r |
327 | .on('keydown', function(event) {\r |
328 | \r |
329 | // Hide on escape.\r |
330 | if (event.keyCode == 27)\r |
331 | $menu._hide();\r |
332 | \r |
333 | });\r |
334 | \r |
335 | })(jQuery); |