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