├── img ├── grid.png ├── hero.jpg ├── avatar.jpg ├── avatar.png ├── blank.gif ├── cross.png ├── avatar@2x.png ├── device-bg.jpg ├── feature-1.png ├── feature-2.png ├── feature-3.png ├── hero-01.jpg ├── large │ ├── 01.jpg │ ├── 02.jpg │ ├── 03.jpg │ ├── 04.jpg │ ├── 05.jpg │ ├── 06.jpg │ ├── 07.jpg │ └── 08.jpg ├── logo-blue.png ├── screen1.jpg ├── screen2.jpg ├── screen3.jpg ├── html5-logo.png ├── logo-white.png ├── quote-logo.png ├── showcase-bg.jpg ├── 01-screenshot.jpg ├── 02-screenshot.jpg ├── 03-screenshot.jpg ├── 04-screenshot.jpg ├── 05-screenshot.jpg ├── 06-screenshot.jpg ├── 07-screenshot.jpg ├── 08-screenshot.jpg ├── bg_play_pause.png ├── codrops-logo.png ├── features-intro.jpg ├── html5-logo@2x.png ├── logo-blue@2x.png ├── logo-white@2x.png ├── codrops-logo@2x.png ├── fancybox_loading.gif ├── fancybox_overlay.png ├── fancybox_sprite.png ├── iphone-skeleton.png ├── device-content-img.jpg ├── fancybox_loading@2x.gif ├── fancybox_sprite@2x.png ├── features-intro-01.jpg ├── showcase-bg-fixed.jpg └── showcase-bg-fixed-01.jpg ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff ├── js ├── min │ ├── toucheffects-min.js │ └── scripts-min.js ├── toucheffects.js ├── scripts.js ├── jquery.fitvids.js ├── retina.js ├── waypoints.min.js ├── modernizr.custom.js ├── modernizr-2.6.2.min.js ├── jquery.fancybox.pack.js ├── bootstrap.min.js └── flickity.pkgd.min.js ├── css ├── queries.css ├── flickity.css ├── lightbox.css ├── jquery.fancybox.css └── styles.css ├── README.md └── index.html /img/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/grid.png -------------------------------------------------------------------------------- /img/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/hero.jpg -------------------------------------------------------------------------------- /img/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/avatar.jpg -------------------------------------------------------------------------------- /img/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/avatar.png -------------------------------------------------------------------------------- /img/blank.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/blank.gif -------------------------------------------------------------------------------- /img/cross.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/cross.png -------------------------------------------------------------------------------- /img/avatar@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/avatar@2x.png -------------------------------------------------------------------------------- /img/device-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/device-bg.jpg -------------------------------------------------------------------------------- /img/feature-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/feature-1.png -------------------------------------------------------------------------------- /img/feature-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/feature-2.png -------------------------------------------------------------------------------- /img/feature-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/feature-3.png -------------------------------------------------------------------------------- /img/hero-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/hero-01.jpg -------------------------------------------------------------------------------- /img/large/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/01.jpg -------------------------------------------------------------------------------- /img/large/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/02.jpg -------------------------------------------------------------------------------- /img/large/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/03.jpg -------------------------------------------------------------------------------- /img/large/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/04.jpg -------------------------------------------------------------------------------- /img/large/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/05.jpg -------------------------------------------------------------------------------- /img/large/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/06.jpg -------------------------------------------------------------------------------- /img/large/07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/07.jpg -------------------------------------------------------------------------------- /img/large/08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/large/08.jpg -------------------------------------------------------------------------------- /img/logo-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/logo-blue.png -------------------------------------------------------------------------------- /img/screen1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/screen1.jpg -------------------------------------------------------------------------------- /img/screen2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/screen2.jpg -------------------------------------------------------------------------------- /img/screen3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/screen3.jpg -------------------------------------------------------------------------------- /img/html5-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/html5-logo.png -------------------------------------------------------------------------------- /img/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/logo-white.png -------------------------------------------------------------------------------- /img/quote-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/quote-logo.png -------------------------------------------------------------------------------- /img/showcase-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/showcase-bg.jpg -------------------------------------------------------------------------------- /img/01-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/01-screenshot.jpg -------------------------------------------------------------------------------- /img/02-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/02-screenshot.jpg -------------------------------------------------------------------------------- /img/03-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/03-screenshot.jpg -------------------------------------------------------------------------------- /img/04-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/04-screenshot.jpg -------------------------------------------------------------------------------- /img/05-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/05-screenshot.jpg -------------------------------------------------------------------------------- /img/06-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/06-screenshot.jpg -------------------------------------------------------------------------------- /img/07-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/07-screenshot.jpg -------------------------------------------------------------------------------- /img/08-screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/08-screenshot.jpg -------------------------------------------------------------------------------- /img/bg_play_pause.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/bg_play_pause.png -------------------------------------------------------------------------------- /img/codrops-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/codrops-logo.png -------------------------------------------------------------------------------- /img/features-intro.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/features-intro.jpg -------------------------------------------------------------------------------- /img/html5-logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/html5-logo@2x.png -------------------------------------------------------------------------------- /img/logo-blue@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/logo-blue@2x.png -------------------------------------------------------------------------------- /img/logo-white@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/logo-white@2x.png -------------------------------------------------------------------------------- /img/codrops-logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/codrops-logo@2x.png -------------------------------------------------------------------------------- /img/fancybox_loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/fancybox_loading.gif -------------------------------------------------------------------------------- /img/fancybox_overlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/fancybox_overlay.png -------------------------------------------------------------------------------- /img/fancybox_sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/fancybox_sprite.png -------------------------------------------------------------------------------- /img/iphone-skeleton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/iphone-skeleton.png -------------------------------------------------------------------------------- /img/device-content-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/device-content-img.jpg -------------------------------------------------------------------------------- /img/fancybox_loading@2x.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/fancybox_loading@2x.gif -------------------------------------------------------------------------------- /img/fancybox_sprite@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/fancybox_sprite@2x.png -------------------------------------------------------------------------------- /img/features-intro-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/features-intro-01.jpg -------------------------------------------------------------------------------- /img/showcase-bg-fixed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/showcase-bg-fixed.jpg -------------------------------------------------------------------------------- /img/showcase-bg-fixed-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/img/showcase-bg-fixed-01.jpg -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/peterfinlan/Boxify/HEAD/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /js/min/toucheffects-min.js: -------------------------------------------------------------------------------- 1 | !function(e){function n(e){return new RegExp("(^|\\s+)"+e+"(\\s+|$)")}function t(e,n){var t=s(e,n)?i:a;t(e,n)}if(Modernizr.touch){var s,a,i;"classList"in document.documentElement?(s=function(e,n){return e.classList.contains(n)},a=function(e,n){e.classList.add(n)},i=function(e,n){e.classList.remove(n)}):(s=function(e,t){return n(t).test(e.className)},a=function(e,n){s(e,n)||(e.className=e.className+" "+n)},i=function(e,t){e.className=e.className.replace(n(t)," ")});var c={hasClass:s,addClass:a,removeClass:i,toggleClass:t,has:s,add:a,remove:i,toggle:t};"function"==typeof define&&define.amd?define(c):e.classie=c,[].slice.call(document.querySelectorAll("ul.grid > li > figure")).forEach(function(e,n){e.querySelector("figcaption").addEventListener("touchstart",function(e){e.stopPropagation()},!1),e.addEventListener("touchstart",function(e){c.toggle(this,"visible")},!1)})}}(window); -------------------------------------------------------------------------------- /css/queries.css: -------------------------------------------------------------------------------- 1 | @media screen and (max-width:1200px){ 2 | .device{left:20%;top:-36px;} 3 | footer li{margin-right:10%;} 4 | .feature-content{width:55%;} 5 | } 6 | @media screen and (max-width:991px){ 7 | .feature-1,.feature-2{margin-bottom:50px;} 8 | .device{display:none;} 9 | .screenshots ul li{width:50%;} 10 | .screenshots-intro{padding:110px 0 100px 0;} 11 | .feature-content{width:80%;} 12 | .features-slider{height:100%} 13 | } 14 | @media screen and (max-width:680px){ 15 | .feature-content{width:60%;} 16 | } 17 | @media screen and (max-width:640px){ 18 | .use-btn{display:none;} 19 | footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;} 20 | nav{margin-top:40px;} 21 | .overlay ul{margin-left:0px;} 22 | .overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;} 23 | } 24 | @media screen and (max-width:465px){ 25 | .hero h1{font-size:40px;margin:100px 0 45px 0} 26 | .screenshots ul li{width:100%;min-height:100%;float:none;} 27 | section.video i{font-size:30px;} 28 | section.video h1{font-size:15px;font-weight:400;} 29 | section.video{padding:40px;} 30 | .feature-content{width:100%;text-align:center;margin-top:20px;} 31 | .feature-icon{display:block;margin:0 auto;} 32 | blockquote p{width:60%;} 33 | .features-slider {padding: 11% 50px 10% 50px;} 34 | } -------------------------------------------------------------------------------- /js/min/scripts-min.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){$(".wp1").waypoint(function(){$(".wp1").addClass("animated fadeInLeft")},{offset:"75%"});$(".wp2").waypoint(function(){$(".wp2").addClass("animated fadeInDown")},{offset:"75%"});$(".wp3").waypoint(function(){$(".wp3").addClass("animated bounceInDown")},{offset:"75%"});$(".wp4").waypoint(function(){$(".wp4").addClass("animated fadeInDown")},{offset:"75%"});$("#featuresSlider").flickity({cellAlign:"left",contain:true,prevNextButtons:false});$("#showcaseSlider").flickity({cellAlign:"left",contain:true,prevNextButtons:false,imagesLoaded:true});$(".youtube-media").on("click",function(e){var t=$(window).width();if(t<=768){return}$.fancybox({href:this.href,padding:4,type:"iframe",href:this.href.replace(new RegExp("watch\\?v=","i"),"v/")});return false})});$(document).ready(function(){$("a.single_image").fancybox({padding:4})});$(".nav-toggle").click(function(){$(this).toggleClass("active");$(".overlay-boxify").toggleClass("open")});$(".overlay ul li a").click(function(){$(".nav-toggle").toggleClass("active");$(".overlay-boxify").toggleClass("open")});$(".overlay").click(function(){$(".nav-toggle").toggleClass("active");$(".overlay-boxify").toggleClass("open")});$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")===this.pathname.replace(/^\//,"")&&location.hostname===this.hostname){var e=$(this.hash);e=e.length?e:$("[name="+this.hash.slice(1)+"]");if(e.length){$("html,body").animate({scrollTop:e.offset().top},2e3);return false}}}) 2 | -------------------------------------------------------------------------------- /css/flickity.css: -------------------------------------------------------------------------------- 1 | /* Flickity 2 | ------------------------- */ 3 | 4 | .flickity-enabled { 5 | position: relative; 6 | } 7 | 8 | .flickity-enabled:focus { outline: none; } 9 | 10 | .flickity-viewport { 11 | overflow: hidden; 12 | position: relative; 13 | cursor: -webkit-grab; 14 | cursor: grab; 15 | } 16 | 17 | .flickity-viewport.is-pointer-down { 18 | cursor: -webkit-grabbing; 19 | cursor: grabbing; 20 | } 21 | 22 | .flickity-slider { 23 | position: absolute; 24 | width: 100%; 25 | } 26 | 27 | /* ---- previous/next buttons ---- */ 28 | 29 | .flickity-prev-next-button { 30 | position: absolute; 31 | top: 50%; 32 | width: 44px; 33 | height: 44px; 34 | border: none; 35 | border-radius: 50%; 36 | background: white; 37 | background: hsla(0, 0%, 100%, 0.75); 38 | cursor: pointer; 39 | /* vertically center */ 40 | -webkit-transform: translateY(-50%); 41 | -ms-transform: translateY(-50%); 42 | transform: translateY(-50%); 43 | } 44 | 45 | .flickity-prev-next-button.previous { left: 10px; } 46 | .flickity-prev-next-button.next { right: 10px; } 47 | 48 | .flickity-prev-next-button:disabled { 49 | opacity: 0.3; 50 | cursor: auto; 51 | } 52 | 53 | .flickity-prev-next-button svg { 54 | position: absolute; 55 | left: 20%; 56 | top: 20%; 57 | width: 60%; 58 | height: 60%; 59 | } 60 | 61 | .flickity-prev-next-button .arrow { 62 | fill: #333; 63 | } 64 | 65 | /* color & size if no SVG - IE8 and Android 2.3 */ 66 | .flickity-prev-next-button.no-svg { 67 | color: #333; 68 | font-size: 26px; 69 | } 70 | 71 | /* ---- page dots ---- */ 72 | 73 | .flickity-page-dots { 74 | position: absolute; 75 | width: 100%; 76 | bottom: -25px; 77 | padding: 0; 78 | margin: 0; 79 | list-style: none; 80 | text-align: center; 81 | line-height: 1; 82 | } 83 | 84 | .flickity-page-dots .dot { 85 | display: inline-block; 86 | width: 10px; 87 | height: 10px; 88 | margin: 0 8px; 89 | background: #333; 90 | border-radius: 50%; 91 | opacity: 0.25; 92 | cursor: pointer; 93 | } 94 | 95 | .flickity-page-dots .dot.is-selected { opacity: 1; } 96 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # "Boxify" One Page Website Template 2 | 3 | "Boxify" is a one page website template made by [Peter Finlan](http://peterfinlan.com/) exclusively for Codrops. 4 | 5 | [Download on Codrops](http://tympanus.net/codrops/2015/01/27/freebie-boxify-one-page-website-template/) 6 | 7 | [Demo](http://tympanus.net/Freebies/Boxify/) 8 | 9 | ## License 10 | 11 | Use it freely but please do not republish, distribute or sell "as-is". [Read more about our license.](http://tympanus.net/codrops/licensing/) 12 | 13 | ## Contributing 14 | 15 | I encourage contributions to all of my templates and I will endeavour to review all pull requests submitted. 16 | 17 | Before contributing, please see the Contributing Guide (Coming soon). 18 | 19 | ## Credits 20 | 21 | ### Bootstrap 22 | 23 | [Bootstrap](http://getbootstrap.com/) by Twitter. Licensed under [MIT](https://github.com/twbs/bootstrap/blob/master/LICENSE) 24 | 25 | ### FancyBox 26 | 27 | [FancyBox](http://fancyapps.com/fancybox/) by fancyApps. Licensed under [CC BY-NC 3.0](http://creativecommons.org/licenses/by-nc/3.0/) 28 | 29 | ### FlexSlider 30 | 31 | [FlexSlider](http://www.woothemes.com/flexslider/) by WooThemes. Licensed under [GNU GENERAL PUBLIC LICENSE](https://github.com/woothemes/FlexSlider/blob/master/LICENSE.md) 32 | 33 | ### Waypoints 34 | 35 | [Waypoints](https://github.com/imakewebthings/waypoints) by Caleb Troughton. Licensed under [MIT](https://github.com/imakewebthings/waypoints/blog/master/licenses.txt) 36 | 37 | ### Animate.css 38 | 39 | [Animate.css](https://daneden.github.io/animate.css/) by Dan Eden 40 | 41 | ### Font Awesome Icons 42 | 43 | [Font Awesome](http://fortawesome.github.io/Font-Awesome/) by Dave Gandy. Licensed under [MIT](http://opensource.org/licenses/mit-license.html) 44 | 45 | ## Misc 46 | 47 | Follow Pete: [Twitter](https://twitter.com/peterfinlan), [Dribbble](http://www.dribbble.com/peterfinlan), [GitHub](https://github.com/peterfinlan) 48 | 49 | Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/) 50 | 51 | [© Codrops 2015](http://www.codrops.com) 52 | 53 | 54 | -------------------------------------------------------------------------------- /js/toucheffects.js: -------------------------------------------------------------------------------- 1 | /** Used Only For Touch Devices **/ 2 | ( function( window ) { 3 | 4 | // for touch devices: add class visible to the figcaption when touching it. 5 | if( Modernizr.touch ) { 6 | 7 | // classie.js https://github.com/desandro/classie/blob/master/classie.js 8 | // class helper functions from bonzo https://github.com/ded/bonzo 9 | 10 | function classReg( className ) { 11 | return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); 12 | } 13 | 14 | // classList support for class management 15 | // altho to be fair, the api sucks because it won't accept multiple classes at once 16 | var hasClass, addClass, removeClass; 17 | 18 | if ( 'classList' in document.documentElement ) { 19 | hasClass = function( elem, c ) { 20 | return elem.classList.contains( c ); 21 | }; 22 | addClass = function( elem, c ) { 23 | elem.classList.add( c ); 24 | }; 25 | removeClass = function( elem, c ) { 26 | elem.classList.remove( c ); 27 | }; 28 | } 29 | else { 30 | hasClass = function( elem, c ) { 31 | return classReg( c ).test( elem.className ); 32 | }; 33 | addClass = function( elem, c ) { 34 | if ( !hasClass( elem, c ) ) { 35 | elem.className = elem.className + ' ' + c; 36 | } 37 | }; 38 | removeClass = function( elem, c ) { 39 | elem.className = elem.className.replace( classReg( c ), ' ' ); 40 | }; 41 | } 42 | 43 | function toggleClass( elem, c ) { 44 | var fn = hasClass( elem, c ) ? removeClass : addClass; 45 | fn( elem, c ); 46 | } 47 | 48 | var classie = { 49 | // full names 50 | hasClass: hasClass, 51 | addClass: addClass, 52 | removeClass: removeClass, 53 | toggleClass: toggleClass, 54 | // short names 55 | has: hasClass, 56 | add: addClass, 57 | remove: removeClass, 58 | toggle: toggleClass 59 | }; 60 | 61 | // transport 62 | if ( typeof define === 'function' && define.amd ) { 63 | // AMD 64 | define( classie ); 65 | } else { 66 | // browser global 67 | window.classie = classie; 68 | } 69 | 70 | [].slice.call( document.querySelectorAll( 'ul.grid > li > figure' ) ).forEach( function( el, i ) { 71 | el.querySelector( 'figcaption' ).addEventListener( 'touchstart', function(e) { 72 | e.stopPropagation(); 73 | }, false ); 74 | el.addEventListener( 'touchstart', function(e) { 75 | classie.toggle( this, 'visible' ); 76 | }, false ); 77 | } ); 78 | 79 | } 80 | 81 | })( window ); -------------------------------------------------------------------------------- /js/scripts.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | 3 | /***************** Waypoints ******************/ 4 | 5 | $('.wp1').waypoint(function() { 6 | $('.wp1').addClass('animated fadeInLeft'); 7 | }, { 8 | offset: '75%' 9 | }); 10 | $('.wp2').waypoint(function() { 11 | $('.wp2').addClass('animated fadeInDown'); 12 | }, { 13 | offset: '75%' 14 | }); 15 | $('.wp3').waypoint(function() { 16 | $('.wp3').addClass('animated bounceInDown'); 17 | }, { 18 | offset: '75%' 19 | }); 20 | $('.wp4').waypoint(function() { 21 | $('.wp4').addClass('animated fadeInDown'); 22 | }, { 23 | offset: '75%' 24 | }); 25 | 26 | /***************** Flickity ******************/ 27 | 28 | $('#featuresSlider').flickity({ 29 | cellAlign: 'left', 30 | contain: true, 31 | prevNextButtons: false 32 | }); 33 | 34 | $('#showcaseSlider').flickity({ 35 | cellAlign: 'left', 36 | contain: true, 37 | prevNextButtons: false, 38 | imagesLoaded: true 39 | }); 40 | 41 | /***************** Fancybox ******************/ 42 | 43 | $(".youtube-media").on("click", function(e) { 44 | var jWindow = $(window).width(); 45 | if (jWindow <= 768) { 46 | return; 47 | } 48 | $.fancybox({ 49 | href: this.href, 50 | padding: 4, 51 | type: "iframe", 52 | 'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 53 | }); 54 | return false; 55 | }); 56 | 57 | }); 58 | 59 | $(document).ready(function() { 60 | $("a.single_image").fancybox({ 61 | padding: 4, 62 | }); 63 | }); 64 | 65 | /***************** Nav Transformicon ******************/ 66 | 67 | /* When user clicks the Icon */ 68 | $(".nav-toggle").click(function() { 69 | $(this).toggleClass("active"); 70 | $(".overlay-boxify").toggleClass("open"); 71 | }); 72 | 73 | /* When user clicks a link */ 74 | $(".overlay ul li a").click(function() { 75 | $(".nav-toggle").toggleClass("active"); 76 | $(".overlay-boxify").toggleClass("open"); 77 | }); 78 | 79 | /* When user clicks outside */ 80 | $(".overlay").click(function() { 81 | $(".nav-toggle").toggleClass("active"); 82 | $(".overlay-boxify").toggleClass("open"); 83 | }); 84 | 85 | /***************** Smooth Scrolling ******************/ 86 | 87 | $('a[href*=#]:not([href=#])').click(function() { 88 | if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { 89 | 90 | var target = $(this.hash); 91 | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 92 | if (target.length) { 93 | $('html,body').animate({ 94 | scrollTop: target.offset().top 95 | }, 2000); 96 | return false; 97 | } 98 | } 99 | }); 100 | -------------------------------------------------------------------------------- /js/jquery.fitvids.js: -------------------------------------------------------------------------------- 1 | /*global jQuery */ 2 | /*jshint browser:true */ 3 | /*! 4 | * FitVids 1.1 5 | * 6 | * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com 7 | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ 8 | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/ 9 | * 10 | */ 11 | 12 | (function( $ ){ 13 | 14 | "use strict"; 15 | 16 | $.fn.fitVids = function( options ) { 17 | var settings = { 18 | customSelector: null, 19 | ignore: null 20 | }; 21 | 22 | if(!document.getElementById('fit-vids-style')) { 23 | // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js 24 | var head = document.head || document.getElementsByTagName('head')[0]; 25 | var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; 26 | var div = document.createElement('div'); 27 | div.innerHTML = '

x

'; 28 | head.appendChild(div.childNodes[1]); 29 | } 30 | 31 | if ( options ) { 32 | $.extend( settings, options ); 33 | } 34 | 35 | return this.each(function(){ 36 | var selectors = [ 37 | "iframe[src*='player.vimeo.com']", 38 | "iframe[src*='youtube.com']", 39 | "iframe[src*='youtube-nocookie.com']", 40 | "iframe[src*='kickstarter.com'][src*='video.html']", 41 | "object", 42 | "embed" 43 | ]; 44 | 45 | if (settings.customSelector) { 46 | selectors.push(settings.customSelector); 47 | } 48 | 49 | var ignoreList = '.fitvidsignore'; 50 | 51 | if(settings.ignore) { 52 | ignoreList = ignoreList + ', ' + settings.ignore; 53 | } 54 | 55 | var $allVideos = $(this).find(selectors.join(',')); 56 | $allVideos = $allVideos.not("object object"); // SwfObj conflict patch 57 | $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. 58 | 59 | $allVideos.each(function(){ 60 | var $this = $(this); 61 | if($this.parents(ignoreList).length > 0) { 62 | return; // Disable FitVids on this video. 63 | } 64 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } 65 | if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) 66 | { 67 | $this.attr('height', 9); 68 | $this.attr('width', 16); 69 | } 70 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), 71 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), 72 | aspectRatio = height / width; 73 | if(!$this.attr('id')){ 74 | var videoID = 'fitvid' + Math.floor(Math.random()*999999); 75 | $this.attr('id', videoID); 76 | } 77 | $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%"); 78 | $this.removeAttr('height').removeAttr('width'); 79 | }); 80 | }); 81 | }; 82 | // Works with either jQuery or Zepto 83 | })( window.jQuery || window.Zepto ); 84 | -------------------------------------------------------------------------------- /css/lightbox.css: -------------------------------------------------------------------------------- 1 | /* Preload images */ 2 | body:after { 3 | content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png); 4 | display: none; 5 | } 6 | 7 | .lightboxOverlay { 8 | position: absolute; 9 | top: 0; 10 | left: 0; 11 | z-index: 9999; 12 | background-color: black; 13 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 14 | opacity: 0.8; 15 | display: none; 16 | } 17 | 18 | .lightbox { 19 | position: absolute; 20 | left: 0; 21 | width: 100%; 22 | z-index: 10000; 23 | text-align: center; 24 | line-height: 0; 25 | font-weight: normal; 26 | } 27 | 28 | .lightbox .lb-image { 29 | display: block; 30 | height: auto; 31 | max-width: inherit; 32 | -webkit-border-radius: 3px; 33 | -moz-border-radius: 3px; 34 | -ms-border-radius: 3px; 35 | -o-border-radius: 3px; 36 | border-radius: 3px; 37 | } 38 | 39 | .lightbox a img { 40 | border: none; 41 | } 42 | 43 | .lb-outerContainer { 44 | position: relative; 45 | background-color: white; 46 | *zoom: 1; 47 | width: 250px; 48 | height: 250px; 49 | margin: 0 auto; 50 | -webkit-border-radius: 4px; 51 | -moz-border-radius: 4px; 52 | -ms-border-radius: 4px; 53 | -o-border-radius: 4px; 54 | border-radius: 4px; 55 | } 56 | 57 | .lb-outerContainer:after { 58 | content: ""; 59 | display: table; 60 | clear: both; 61 | } 62 | 63 | .lb-container { 64 | padding: 4px; 65 | } 66 | 67 | .lb-loader { 68 | position: absolute; 69 | top: 43%; 70 | left: 0; 71 | height: 25%; 72 | width: 100%; 73 | text-align: center; 74 | line-height: 0; 75 | } 76 | 77 | .lb-cancel { 78 | display: block; 79 | width: 32px; 80 | height: 32px; 81 | margin: 0 auto; 82 | background: url(../img/loading.gif) no-repeat; 83 | } 84 | 85 | .lb-nav { 86 | position: absolute; 87 | top: 0; 88 | left: 0; 89 | height: 100%; 90 | width: 100%; 91 | z-index: 10; 92 | } 93 | 94 | .lb-container > .nav { 95 | left: 0; 96 | } 97 | 98 | .lb-nav a { 99 | outline: none; 100 | background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); 101 | } 102 | 103 | .lb-prev, .lb-next { 104 | height: 100%; 105 | cursor: pointer; 106 | display: block; 107 | } 108 | 109 | .lb-nav a.lb-prev { 110 | width: 34%; 111 | left: 0; 112 | float: left; 113 | background: url(../img/prev.png) left 48% no-repeat; 114 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 115 | opacity: 0; 116 | -webkit-transition: opacity 0.6s; 117 | -moz-transition: opacity 0.6s; 118 | -o-transition: opacity 0.6s; 119 | transition: opacity 0.6s; 120 | } 121 | 122 | .lb-nav a.lb-prev:hover { 123 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 124 | opacity: 1; 125 | } 126 | 127 | .lb-nav a.lb-next { 128 | width: 64%; 129 | right: 0; 130 | float: right; 131 | background: url(../img/next.png) right 48% no-repeat; 132 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 133 | opacity: 0; 134 | -webkit-transition: opacity 0.6s; 135 | -moz-transition: opacity 0.6s; 136 | -o-transition: opacity 0.6s; 137 | transition: opacity 0.6s; 138 | } 139 | 140 | .lb-nav a.lb-next:hover { 141 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 142 | opacity: 1; 143 | } 144 | 145 | .lb-dataContainer { 146 | margin: 0 auto; 147 | padding-top: 5px; 148 | *zoom: 1; 149 | width: 100%; 150 | -moz-border-radius-bottomleft: 4px; 151 | -webkit-border-bottom-left-radius: 4px; 152 | border-bottom-left-radius: 4px; 153 | -moz-border-radius-bottomright: 4px; 154 | -webkit-border-bottom-right-radius: 4px; 155 | border-bottom-right-radius: 4px; 156 | } 157 | 158 | .lb-dataContainer:after { 159 | content: ""; 160 | display: table; 161 | clear: both; 162 | } 163 | 164 | .lb-data { 165 | padding: 0 4px; 166 | color: #ccc; 167 | } 168 | 169 | .lb-data .lb-details { 170 | width: 85%; 171 | float: left; 172 | text-align: left; 173 | line-height: 1.1em; 174 | } 175 | 176 | .lb-data .lb-caption { 177 | font-size: 13px; 178 | font-weight: bold; 179 | line-height: 1em; 180 | } 181 | 182 | .lb-data .lb-number { 183 | display: block; 184 | clear: left; 185 | padding-bottom: 1em; 186 | font-size: 12px; 187 | color: #999999; 188 | } 189 | 190 | .lb-data .lb-close { 191 | display: block; 192 | float: right; 193 | width: 30px; 194 | height: 30px; 195 | background: url(../img/close.png) top right no-repeat; 196 | text-align: right; 197 | outline: none; 198 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 199 | opacity: 0.7; 200 | -webkit-transition: opacity 0.2s; 201 | -moz-transition: opacity 0.2s; 202 | -o-transition: opacity 0.2s; 203 | transition: opacity 0.2s; 204 | } 205 | 206 | .lb-data .lb-close:hover { 207 | cursor: pointer; 208 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 209 | opacity: 1; 210 | } 211 | -------------------------------------------------------------------------------- /css/jquery.fancybox.css: -------------------------------------------------------------------------------- 1 | /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ 2 | .fancybox-wrap, 3 | .fancybox-skin, 4 | .fancybox-outer, 5 | .fancybox-inner, 6 | .fancybox-image, 7 | .fancybox-wrap iframe, 8 | .fancybox-wrap object, 9 | .fancybox-nav, 10 | .fancybox-nav span, 11 | .fancybox-tmp 12 | { 13 | padding: 0; 14 | margin: 0; 15 | border: 0; 16 | outline: none; 17 | vertical-align: top; 18 | } 19 | 20 | .fancybox-wrap { 21 | position: absolute; 22 | top: 0; 23 | left: 0; 24 | z-index: 8020; 25 | } 26 | 27 | .fancybox-skin { 28 | position: relative; 29 | background: #f9f9f9; 30 | color: #444; 31 | text-shadow: none; 32 | -webkit-border-radius: 4px; 33 | -moz-border-radius: 4px; 34 | border-radius: 4px; 35 | } 36 | 37 | .fancybox-opened { 38 | z-index: 8030; 39 | } 40 | 41 | .fancybox-opened .fancybox-skin { 42 | -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 43 | -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 44 | box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 45 | } 46 | 47 | .fancybox-outer, .fancybox-inner { 48 | position: relative; 49 | } 50 | 51 | .fancybox-inner { 52 | overflow: hidden; 53 | } 54 | 55 | .fancybox-type-iframe .fancybox-inner { 56 | -webkit-overflow-scrolling: touch; 57 | } 58 | 59 | .fancybox-error { 60 | color: #444; 61 | font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 62 | margin: 0; 63 | padding: 15px; 64 | white-space: nowrap; 65 | } 66 | 67 | .fancybox-image, .fancybox-iframe { 68 | display: block; 69 | width: 100%; 70 | height: 100%; 71 | } 72 | 73 | .fancybox-image { 74 | max-width: 100%; 75 | max-height: 100%; 76 | } 77 | 78 | #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 79 | background-image: url('../img/fancybox_sprite.png'); 80 | } 81 | 82 | #fancybox-loading { 83 | position: fixed; 84 | top: 50%; 85 | left: 50%; 86 | margin-top: -22px; 87 | margin-left: -22px; 88 | background-position: 0 -108px; 89 | opacity: 0.8; 90 | cursor: pointer; 91 | z-index: 8060; 92 | } 93 | 94 | #fancybox-loading div { 95 | width: 44px; 96 | height: 44px; 97 | background: url('../img/fancybox_loading.gif') center center no-repeat; 98 | } 99 | 100 | .fancybox-close { 101 | position: absolute; 102 | top: -18px; 103 | right: -18px; 104 | width: 36px; 105 | height: 36px; 106 | cursor: pointer; 107 | z-index: 8040; 108 | } 109 | 110 | .fancybox-nav { 111 | position: absolute; 112 | top: 0; 113 | width: 40%; 114 | height: 100%; 115 | cursor: pointer; 116 | text-decoration: none; 117 | background: transparent url('blank.gif'); /* helps IE */ 118 | -webkit-tap-highlight-color: rgba(0,0,0,0); 119 | z-index: 8040; 120 | } 121 | 122 | .fancybox-prev { 123 | left: 0; 124 | } 125 | 126 | .fancybox-next { 127 | right: 0; 128 | } 129 | 130 | .fancybox-nav span { 131 | position: absolute; 132 | top: 50%; 133 | width: 36px; 134 | height: 34px; 135 | margin-top: -18px; 136 | cursor: pointer; 137 | z-index: 8040; 138 | visibility: hidden; 139 | } 140 | 141 | .fancybox-prev span { 142 | left: 10px; 143 | background-position: 0 -36px; 144 | } 145 | 146 | .fancybox-next span { 147 | right: 10px; 148 | background-position: 0 -72px; 149 | } 150 | 151 | .fancybox-nav:hover span { 152 | visibility: visible; 153 | } 154 | 155 | .fancybox-tmp { 156 | position: absolute; 157 | top: -99999px; 158 | left: -99999px; 159 | visibility: hidden; 160 | max-width: 99999px; 161 | max-height: 99999px; 162 | overflow: visible !important; 163 | } 164 | 165 | /* Overlay helper */ 166 | 167 | .fancybox-lock { 168 | overflow: hidden !important; 169 | width: auto; 170 | } 171 | 172 | .fancybox-lock body { 173 | overflow: hidden !important; 174 | } 175 | 176 | .fancybox-lock-test { 177 | overflow-y: hidden !important; 178 | } 179 | 180 | .fancybox-overlay { 181 | position: absolute; 182 | top: 0; 183 | left: 0; 184 | overflow: hidden; 185 | display: none; 186 | z-index: 8000; 187 | background: url('../img/fancybox_overlay.png'); 188 | } 189 | 190 | .fancybox-overlay-fixed { 191 | position: fixed; 192 | bottom: 0; 193 | right: 0; 194 | } 195 | 196 | .fancybox-lock .fancybox-overlay { 197 | overflow: auto; 198 | overflow-y: scroll; 199 | } 200 | 201 | /* Title helper */ 202 | 203 | .fancybox-title { 204 | visibility: hidden; 205 | font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 206 | position: relative; 207 | text-shadow: none; 208 | z-index: 8050; 209 | } 210 | 211 | .fancybox-opened .fancybox-title { 212 | visibility: visible; 213 | } 214 | 215 | .fancybox-title-float-wrap { 216 | position: absolute; 217 | bottom: 0; 218 | right: 50%; 219 | margin-bottom: -35px; 220 | z-index: 8050; 221 | text-align: center; 222 | } 223 | 224 | .fancybox-title-float-wrap .child { 225 | display: inline-block; 226 | margin-right: -100%; 227 | padding: 2px 20px; 228 | background: transparent; /* Fallback for web browsers that doesn't support RGBa */ 229 | background: rgba(0, 0, 0, 0.8); 230 | -webkit-border-radius: 15px; 231 | -moz-border-radius: 15px; 232 | border-radius: 15px; 233 | text-shadow: 0 1px 2px #222; 234 | color: #FFF; 235 | font-weight: bold; 236 | line-height: 24px; 237 | white-space: nowrap; 238 | } 239 | 240 | .fancybox-title-outside-wrap { 241 | position: relative; 242 | margin-top: 10px; 243 | color: #fff; 244 | } 245 | 246 | .fancybox-title-inside-wrap { 247 | padding-top: 10px; 248 | } 249 | 250 | .fancybox-title-over-wrap { 251 | position: absolute; 252 | bottom: 0; 253 | left: 0; 254 | color: #fff; 255 | padding: 10px; 256 | background: #000; 257 | background: rgba(0, 0, 0, .8); 258 | } 259 | 260 | /*Retina graphics!*/ 261 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), 262 | only screen and (min--moz-device-pixel-ratio: 1.5), 263 | only screen and (min-device-pixel-ratio: 1.5){ 264 | 265 | #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 266 | background-image: url('../img/fancybox_sprite@2x.png'); 267 | background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ 268 | } 269 | 270 | #fancybox-loading div { 271 | background-image: url('../img/fancybox_loading@2x.gif'); 272 | background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ 273 | } 274 | } -------------------------------------------------------------------------------- /js/retina.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Retina.js v1.3.0 3 | * 4 | * Copyright 2014 Imulus, LLC 5 | * Released under the MIT license 6 | * 7 | * Retina.js is an open source script that makes it easy to serve 8 | * high-resolution images to devices with retina displays. 9 | */ 10 | 11 | (function() { 12 | var root = (typeof exports === 'undefined' ? window : exports); 13 | var config = { 14 | // An option to choose a suffix for 2x images 15 | retinaImageSuffix : '@2x', 16 | 17 | // Ensure Content-Type is an image before trying to load @2x image 18 | // https://github.com/imulus/retinajs/pull/45) 19 | check_mime_type: true, 20 | 21 | // Resize high-resolution images to original image's pixel dimensions 22 | // https://github.com/imulus/retinajs/issues/8 23 | force_original_dimensions: true 24 | }; 25 | 26 | function Retina() {} 27 | 28 | root.Retina = Retina; 29 | 30 | Retina.configure = function(options) { 31 | if (options === null) { 32 | options = {}; 33 | } 34 | 35 | for (var prop in options) { 36 | if (options.hasOwnProperty(prop)) { 37 | config[prop] = options[prop]; 38 | } 39 | } 40 | }; 41 | 42 | Retina.init = function(context) { 43 | if (context === null) { 44 | context = root; 45 | } 46 | 47 | var existing_onload = context.onload || function(){}; 48 | 49 | context.onload = function() { 50 | var images = document.getElementsByTagName('img'), retinaImages = [], i, image; 51 | for (i = 0; i < images.length; i += 1) { 52 | image = images[i]; 53 | if (!!!image.getAttributeNode('data-no-retina')) { 54 | retinaImages.push(new RetinaImage(image)); 55 | } 56 | } 57 | existing_onload(); 58 | }; 59 | }; 60 | 61 | Retina.isRetina = function(){ 62 | var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)'; 63 | 64 | if (root.devicePixelRatio > 1) { 65 | return true; 66 | } 67 | 68 | if (root.matchMedia && root.matchMedia(mediaQuery).matches) { 69 | return true; 70 | } 71 | 72 | return false; 73 | }; 74 | 75 | 76 | var regexMatch = /\.\w+$/; 77 | function suffixReplace (match) { 78 | return config.retinaImageSuffix + match; 79 | } 80 | 81 | function RetinaImagePath(path, at_2x_path) { 82 | this.path = path || ''; 83 | if (typeof at_2x_path !== 'undefined' && at_2x_path !== null) { 84 | this.at_2x_path = at_2x_path; 85 | this.perform_check = false; 86 | } else { 87 | if (undefined !== document.createElement) { 88 | var locationObject = document.createElement('a'); 89 | locationObject.href = this.path; 90 | locationObject.pathname = locationObject.pathname.replace(regexMatch, suffixReplace); 91 | this.at_2x_path = locationObject.href; 92 | } else { 93 | var parts = this.path.split('?'); 94 | parts[0] = parts[0].replace(regexMatch, suffixReplace); 95 | this.at_2x_path = parts.join('?'); 96 | } 97 | this.perform_check = true; 98 | } 99 | } 100 | 101 | root.RetinaImagePath = RetinaImagePath; 102 | 103 | RetinaImagePath.confirmed_paths = []; 104 | 105 | RetinaImagePath.prototype.is_external = function() { 106 | return !!(this.path.match(/^https?\:/i) && !this.path.match('//' + document.domain) ); 107 | }; 108 | 109 | RetinaImagePath.prototype.check_2x_variant = function(callback) { 110 | var http, that = this; 111 | if (this.is_external()) { 112 | return callback(false); 113 | } else if (!this.perform_check && typeof this.at_2x_path !== 'undefined' && this.at_2x_path !== null) { 114 | return callback(true); 115 | } else if (this.at_2x_path in RetinaImagePath.confirmed_paths) { 116 | return callback(true); 117 | } else { 118 | http = new XMLHttpRequest(); 119 | http.open('HEAD', this.at_2x_path); 120 | http.onreadystatechange = function() { 121 | if (http.readyState !== 4) { 122 | return callback(false); 123 | } 124 | 125 | if (http.status >= 200 && http.status <= 399) { 126 | if (config.check_mime_type) { 127 | var type = http.getResponseHeader('Content-Type'); 128 | if (type === null || !type.match(/^image/i)) { 129 | return callback(false); 130 | } 131 | } 132 | 133 | RetinaImagePath.confirmed_paths.push(that.at_2x_path); 134 | return callback(true); 135 | } else { 136 | return callback(false); 137 | } 138 | }; 139 | http.send(); 140 | } 141 | }; 142 | 143 | 144 | function RetinaImage(el) { 145 | this.el = el; 146 | this.path = new RetinaImagePath(this.el.getAttribute('src'), this.el.getAttribute('data-at2x')); 147 | var that = this; 148 | this.path.check_2x_variant(function(hasVariant) { 149 | if (hasVariant) { 150 | that.swap(); 151 | } 152 | }); 153 | } 154 | 155 | root.RetinaImage = RetinaImage; 156 | 157 | RetinaImage.prototype.swap = function(path) { 158 | if (typeof path === 'undefined') { 159 | path = this.path.at_2x_path; 160 | } 161 | 162 | var that = this; 163 | function load() { 164 | if (! that.el.complete) { 165 | setTimeout(load, 5); 166 | } else { 167 | if (config.force_original_dimensions) { 168 | that.el.setAttribute('width', that.el.offsetWidth); 169 | that.el.setAttribute('height', that.el.offsetHeight); 170 | } 171 | 172 | that.el.setAttribute('src', path); 173 | } 174 | } 175 | load(); 176 | }; 177 | 178 | 179 | if (Retina.isRetina()) { 180 | Retina.init(root); 181 | } 182 | })(); 183 | -------------------------------------------------------------------------------- /js/waypoints.min.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.6.2 2 | /* 3 | jQuery Waypoints - v2.0.3 4 | Copyright (c) 2011-2013 Caleb Troughton 5 | Dual licensed under the MIT license and GPL license. 6 | https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt 7 | */ 8 | (function(){var t=[].indexOf||function(t){for(var e=0,n=this.length;e=0;s={horizontal:{},vertical:{}};f=1;a={};u="waypoints-context-id";p="resize.waypoints";y="scroll.waypoints";v=1;w="waypoints-waypoint-ids";g="waypoint";m="waypoints";o=function(){function t(t){var e=this;this.$element=t;this.element=t[0];this.didResize=false;this.didScroll=false;this.id="context"+f++;this.oldScroll={x:t.scrollLeft(),y:t.scrollTop()};this.waypoints={horizontal:{},vertical:{}};t.data(u,this.id);a[this.id]=this;t.bind(y,function(){var t;if(!(e.didScroll||c)){e.didScroll=true;t=function(){e.doScroll();return e.didScroll=false};return r.setTimeout(t,n[m].settings.scrollThrottle)}});t.bind(p,function(){var t;if(!e.didResize){e.didResize=true;t=function(){n[m]("refresh");return e.didResize=false};return r.setTimeout(t,n[m].settings.resizeThrottle)}})}t.prototype.doScroll=function(){var t,e=this;t={horizontal:{newScroll:this.$element.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.$element.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};if(c&&(!t.vertical.oldScroll||!t.vertical.newScroll)){n[m]("refresh")}n.each(t,function(t,r){var i,o,l;l=[];o=r.newScroll>r.oldScroll;i=o?r.forward:r.backward;n.each(e.waypoints[t],function(t,e){var n,i;if(r.oldScroll<(n=e.offset)&&n<=r.newScroll){return l.push(e)}else if(r.newScroll<(i=e.offset)&&i<=r.oldScroll){return l.push(e)}});l.sort(function(t,e){return t.offset-e.offset});if(!o){l.reverse()}return n.each(l,function(t,e){if(e.options.continuous||t===l.length-1){return e.trigger([i])}})});return this.oldScroll={x:t.horizontal.newScroll,y:t.vertical.newScroll}};t.prototype.refresh=function(){var t,e,r,i=this;r=n.isWindow(this.element);e=this.$element.offset();this.doScroll();t={horizontal:{contextOffset:r?0:e.left,contextScroll:r?0:this.oldScroll.x,contextDimension:this.$element.width(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:r?0:e.top,contextScroll:r?0:this.oldScroll.y,contextDimension:r?n[m]("viewportHeight"):this.$element.height(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};return n.each(t,function(t,e){return n.each(i.waypoints[t],function(t,r){var i,o,l,s,f;i=r.options.offset;l=r.offset;o=n.isWindow(r.element)?0:r.$element.offset()[e.offsetProp];if(n.isFunction(i)){i=i.apply(r.element)}else if(typeof i==="string"){i=parseFloat(i);if(r.options.offset.indexOf("%")>-1){i=Math.ceil(e.contextDimension*i/100)}}r.offset=o-e.contextOffset+e.contextScroll-i;if(r.options.onlyOnScroll&&l!=null||!r.enabled){return}if(l!==null&&l<(s=e.oldScroll)&&s<=r.offset){return r.trigger([e.backward])}else if(l!==null&&l>(f=e.oldScroll)&&f>=r.offset){return r.trigger([e.forward])}else if(l===null&&e.oldScroll>=r.offset){return r.trigger([e.forward])}})})};t.prototype.checkEmpty=function(){if(n.isEmptyObject(this.waypoints.horizontal)&&n.isEmptyObject(this.waypoints.vertical)){this.$element.unbind([p,y].join(" "));return delete a[this.id]}};return t}();l=function(){function t(t,e,r){var i,o;r=n.extend({},n.fn[g].defaults,r);if(r.offset==="bottom-in-view"){r.offset=function(){var t;t=n[m]("viewportHeight");if(!n.isWindow(e.element)){t=e.$element.height()}return t-n(this).outerHeight()}}this.$element=t;this.element=t[0];this.axis=r.horizontal?"horizontal":"vertical";this.callback=r.handler;this.context=e;this.enabled=r.enabled;this.id="waypoints"+v++;this.offset=null;this.options=r;e.waypoints[this.axis][this.id]=this;s[this.axis][this.id]=this;i=(o=t.data(w))!=null?o:[];i.push(this.id);t.data(w,i)}t.prototype.trigger=function(t){if(!this.enabled){return}if(this.callback!=null){this.callback.apply(this.element,t)}if(this.options.triggerOnce){return this.destroy()}};t.prototype.disable=function(){return this.enabled=false};t.prototype.enable=function(){this.context.refresh();return this.enabled=true};t.prototype.destroy=function(){delete s[this.axis][this.id];delete this.context.waypoints[this.axis][this.id];return this.context.checkEmpty()};t.getWaypointsByElement=function(t){var e,r;r=n(t).data(w);if(!r){return[]}e=n.extend({},s.horizontal,s.vertical);return n.map(r,function(t){return e[t]})};return t}();d={init:function(t,e){var r;if(e==null){e={}}if((r=e.handler)==null){e.handler=t}this.each(function(){var t,r,i,s;t=n(this);i=(s=e.context)!=null?s:n.fn[g].defaults.context;if(!n.isWindow(i)){i=t.closest(i)}i=n(i);r=a[i.data(u)];if(!r){r=new o(i)}return new l(t,r,e)});n[m]("refresh");return this},disable:function(){return d._invoke(this,"disable")},enable:function(){return d._invoke(this,"enable")},destroy:function(){return d._invoke(this,"destroy")},prev:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(e>0){return t.push(n[e-1])}})},next:function(t,e){return d._traverse.call(this,t,e,function(t,e,n){if(et.oldScroll.y})},left:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset<=t.oldScroll.x})},right:function(t){if(t==null){t=r}return h._filter(t,"horizontal",function(t,e){return e.offset>t.oldScroll.x})},enable:function(){return h._invoke("enable")},disable:function(){return h._invoke("disable")},destroy:function(){return h._invoke("destroy")},extendFn:function(t,e){return d[t]=e},_invoke:function(t){var e;e=n.extend({},s.vertical,s.horizontal);return n.each(e,function(e,n){n[t]();return true})},_filter:function(t,e,r){var i,o;i=a[n(t).data(u)];if(!i){return[]}o=[];n.each(i.waypoints[e],function(t,e){if(r(i,e)){return o.push(e)}});o.sort(function(t,e){return t.offset-e.offset});return n.map(o,function(t){return t.element})}};n[m]=function(){var t,n;n=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(h[n]){return h[n].apply(null,t)}else{return h.aggregate.call(null,n)}};n[m].settings={resizeThrottle:100,scrollThrottle:30};return i.load(function(){return n[m]("refresh")})})}).call(this); -------------------------------------------------------------------------------- /js/modernizr.custom.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-touch-shiv-cssclasses-teststyles-prefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function w(a){j.cssText=a}function x(a,b){return w(m.join(a+";")+(b||""))}function y(a,b){return typeof a===b}function z(a,b){return!!~(""+a).indexOf(b)}function A(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:y(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={},o={},p={},q=[],r=q.slice,s,t=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},u={}.hasOwnProperty,v;!y(u,"undefined")&&!y(u.call,"undefined")?v=function(a,b){return u.call(a,b)}:v=function(a,b){return b in a&&y(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=r.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(r.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(r.call(arguments)))};return e}),n.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:t(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c};for(var B in n)v(n,B)&&(s=B.toLowerCase(),e[s]=n[B](),q.push((e[s]?"":"no-")+s));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)v(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},w(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.testStyles=t,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+q.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return J("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var L in s)C(s,L)&&(x=L.toLowerCase(),e[x]=s[L](),v.push((e[x]?"":"no-")+x));return e.input||K(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)C(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},D(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Boxify: Free HTML5/CSS3 Template 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 41 | 42 | 43 | 46 | 47 |
48 |
49 |
50 |
51 | 59 |
60 |
61 |

An Exclusive, Premium HTML5 & CSS3 Template created exlusively for Codrops.

62 | Use it for free Learn more 63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |

Watch the Video

73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 | HTML5 Logo 85 |
86 |
87 |
88 |
89 |
90 |
    91 |
  • 92 |

    The Fore-front of Design & Technology

    93 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.

    94 |

    Find out why this freebie rocks!

    95 |
  • 96 |
  • 97 |

    Multi-Purpose User Centric Design

    98 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.

    99 |

    Find out why this freebie rocks!

    100 |
  • 101 |
  • 102 |

    Made with Love, Released for Free

    103 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.

    104 |

    Find out why this freebie rocks!

    105 |
  • 106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 | 117 |
118 |
119 | 120 |
121 |
122 |

Responsive

123 |

Built using HTML5/CSS3 and jQuery, and built using one of the world's most powerful CSS frameworks available, Bootstrap.

124 | Read More 125 |
126 |
127 |
128 |
129 | 130 |
131 |
132 |

Multi-Purpose

133 |

Perfect if you run your own start-up, product or service. Boxify can showcase your business converting your visits to income.

134 | Read More 135 |
136 |
137 |
138 |
139 | 140 |
141 |
142 |

Absolutely Free

143 |

As aways, download Boxify for free exclusively from Codrops. If you love Boxify and want to thank me, simply buy me a beer.

144 | Read More 145 |
146 |
147 | 148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
    162 |
  • 163 | Device Content Image 164 |
  • 165 |
  • 166 | Device Content Image 167 |
  • 168 |
  • 169 | Device Content Image 170 |
  • 171 |
172 |
173 |
174 |
175 |
176 |
177 |

Showcase your Product or Service

178 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.

179 |
180 |
User Avatar
181 |

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc." - Steve Jobs

182 |
183 | Codrops Logo 184 |
185 |
186 | Download! 187 |
188 |
189 |
190 |
191 |
192 | 193 |
194 |
195 |
196 |
197 |

Packed Full of Powerful Features

198 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.

199 |

See the screenshots!

200 |
201 |
202 |
203 |
204 |
205 |
206 |
207 | 261 |
262 |
263 | 317 |
318 |
319 |
320 |
321 |
322 |
323 |
324 |

Seen Enough?

325 | Download! 326 |
327 |
328 |
329 |
330 |
331 |
332 |
333 |
334 |

335 | Footer Logo Blue 336 |

337 |

A free website template created exclusively for Codrops

338 |
339 |
340 | 346 |
347 |
348 |
349 |
350 |
351 | 361 |
362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 381 | 382 | 383 | -------------------------------------------------------------------------------- /js/jquery.fancybox.pack.js: -------------------------------------------------------------------------------- 1 | /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ 2 | (function(r,G,f,v){var J=f("html"),n=f(r),p=f(G),b=f.fancybox=function(){b.open.apply(this,arguments)},I=navigator.userAgent.match(/msie/i),B=null,s=G.createTouch!==v,t=function(a){return a&&a.hasOwnProperty&&a instanceof f},q=function(a){return a&&"string"===f.type(a)},E=function(a){return q(a)&&0
',image:'',iframe:'",error:'

The requested content cannot be loaded.
Please try again later.

',closeBtn:'',next:'',prev:''},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0, 6 | openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1, 7 | isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=t(a)?f(a).get():[a]),f.each(a,function(e,c){var k={},g,h,j,m,l;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),t(c)?(k={href:c.data("fancybox-href")||c.attr("href"),title:c.data("fancybox-title")||c.attr("title"),isDom:!0,element:c},f.metadata&&f.extend(!0,k, 8 | c.metadata())):k=c);g=d.href||k.href||(q(c)?c:null);h=d.title!==v?d.title:k.title||"";m=(j=d.content||k.content)?"html":d.type||k.type;!m&&k.isDom&&(m=c.data("fancybox-type"),m||(m=(m=c.prop("class").match(/fancybox\.(\w+)/))?m[1]:null));q(g)&&(m||(b.isImage(g)?m="image":b.isSWF(g)?m="swf":"#"===g.charAt(0)?m="inline":q(c)&&(m="html",j=c)),"ajax"===m&&(l=g.split(/\s+/,2),g=l.shift(),l=l.shift()));j||("inline"===m?g?j=f(q(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):k.isDom&&(j=c):"html"===m?j=g:!m&&(!g&& 9 | k.isDom)&&(m="inline",j=c));f.extend(k,{href:g,type:m,content:j,title:h,selector:l});a[e]=k}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==v&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1!==b.trigger("onCancel")&&(b.hideLoading(),b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),b.coming=null,b.current|| 10 | b._afterZoomOut(a))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(!b.isOpen||!0===a?(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut()):(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&(b.player.timer= 11 | setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};if(!0===a||!b.player.isActive&&!1!==a){if(b.current&&(b.current.loop||b.current.index=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==v&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,k;c&&(k=b._getPosition(d),a&&"scroll"===a.type?(delete k.position,c.stop(!0,!0).animate(k,200)):(c.css(k),e.pos=f.extend({},e.dim,k)))},update:function(a){var d= 13 | a&&a.type,e=!d||"orientationchange"===d;e&&(clearTimeout(B),B=null);b.isOpen&&!B&&(B=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),B=null)},e&&!s?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,s&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),b.trigger("onUpdate")), 14 | b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('
').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){if(27===(a.which||a.keyCode))a.preventDefault(),b.cancel()});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}))},getViewport:function(){var a=b.current&&b.current.locked||!1,d={x:n.scrollLeft(), 15 | y:n.scrollTop()};a?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=s&&r.innerWidth?r.innerWidth:n.width(),d.h=s&&r.innerHeight?r.innerHeight:n.height());return d},unbindEvents:function(){b.wrap&&t(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");n.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(n.bind("orientationchange.fb"+(s?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=e.which||e.keyCode,k=e.target||e.srcElement; 16 | if(27===c&&b.coming)return!1;!e.ctrlKey&&(!e.altKey&&!e.shiftKey&&!e.metaKey&&(!k||!k.type&&!f(k).is("[contenteditable]")))&&f.each(d,function(d,k){if(1h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();if(0!==c&&!j&&1g||0>k)b.next(0>g?"up":"right");d.preventDefault()}}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0, 18 | {},b.helpers[d].defaults,e),c)});p.trigger(a)}},isImage:function(a){return q(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return q(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=l(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1, 19 | mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio= 20 | !0);"iframe"===c&&s&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(s?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,w(d.padding[a]))});b.trigger("onReady");if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href"); 21 | "image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload= 22 | this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",s?"auto":a.iframe.scrolling).attr("src",a.href); 23 | f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);s||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload, 24 | e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,k,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());b.unbindEvents();e=a.content;c=a.type;k=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin, 25 | outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("
").html(e).find(a.selector):t(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('
').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",!1)}));break;case "image":e=a.tpl.image.replace("{href}", 26 | g);break;case "swf":e='',h="",f.each(a.swf,function(a,b){e+='';h+=" "+a+'="'+b+'"'}),e+='"}(!t(e)||!e.parent().is(a.inner))&&a.inner.append(e);b.trigger("beforeShow");a.inner.css("overflow","yes"===k?"scroll": 27 | "no"===k?"hidden":k);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(b.isOpened){if(d.prevMethod)b.transitions[d.prevMethod]()}else f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,k=b.skin,g=b.inner,h=b.current,c=h.width,j=h.height,m=h.minWidth,u=h.minHeight,n=h.maxWidth,p=h.maxHeight,s=h.scrolling,q=h.scrollOutside? 28 | h.scrollbarWidth:0,x=h.margin,y=l(x[1]+x[3]),r=l(x[0]+x[2]),v,z,t,C,A,F,B,D,H;e.add(k).add(g).width("auto").height("auto").removeClass("fancybox-tmp");x=l(k.outerWidth(!0)-k.width());v=l(k.outerHeight(!0)-k.height());z=y+x;t=r+v;C=E(c)?(a.w-z)*l(c)/100:c;A=E(j)?(a.h-t)*l(j)/100:j;if("iframe"===h.type){if(H=h.content,h.autoHeight&&1===H.data("ready"))try{H[0].contentWindow.document.location&&(g.width(C).height(9999),F=H.contents().find("body"),q&&F.css("overflow-x","hidden"),A=F.outerHeight(!0))}catch(G){}}else if(h.autoWidth|| 29 | h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(C),h.autoHeight||g.height(A),h.autoWidth&&(C=g.width()),h.autoHeight&&(A=g.height()),g.removeClass("fancybox-tmp");c=l(C);j=l(A);D=C/A;m=l(E(m)?l(m,"w")-z:m);n=l(E(n)?l(n,"w")-z:n);u=l(E(u)?l(u,"h")-t:u);p=l(E(p)?l(p,"h")-t:p);F=n;B=p;h.fitToView&&(n=Math.min(a.w-z,n),p=Math.min(a.h-t,p));z=a.w-y;r=a.h-r;h.aspectRatio?(c>n&&(c=n,j=l(c/D)),j>p&&(j=p,c=l(j*D)),cz||y>r)&&(c>m&&j>u)&&!(19n&&(c=n,j=l(c/D)),g.width(c).height(j),e.width(c+x),a=e.width(),y=e.height();else c=Math.max(m,Math.min(c,c-(a-z))),j=Math.max(u,Math.min(j,j-(y-r)));q&&("auto"===s&&jz||y>r)&&c>m&&j>u;c=h.aspectRatio?cu&&j
').appendTo(b.coming?b.coming.parent:a.parent);this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(n.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive? 40 | b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){var a,b;n.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),a=n.scrollTop(),b=n.scrollLeft(),this.el.removeClass("fancybox-lock"),n.scrollTop(a).scrollLeft(b));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");I?(b=Math.max(G.documentElement.offsetWidth,G.body.offsetWidth), 41 | p.width()>b&&(a=p.width())):p.width()>n.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&(this.fixed&&b.fixed)&&(e||(this.margin=p.height()>n.height()?f("html").css("margin-right").replace("px",""):!1),b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){var e,c;b.locked&&(!1!==this.margin&&(f("*").filter(function(){return"fixed"=== 42 | f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin")),e=n.scrollTop(),c=n.scrollLeft(),this.el.addClass("fancybox-lock"),n.scrollTop(e).scrollLeft(c));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",position:"bottom"},beforeShow:function(a){var d= 43 | b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(q(e)&&""!==f.trim(e)){d=f('
'+e+"
");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),I&&d.width(d.width()),d.wrapInner(''),b.current.margin[2]+=Math.abs(l(d.css("margin-bottom")))}d["top"===a.position?"prependTo":"appendTo"](c)}}};f.fn.fancybox=function(a){var d, 44 | e=f(this),c=this.selector||"",k=function(g){var h=f(this).blur(),j=d,k,l;!g.ctrlKey&&(!g.altKey&&!g.shiftKey&&!g.metaKey)&&!h.is(".fancybox-wrap")&&(k=a.groupAttr||"data-fancybox-group",l=h.attr(k),l||(k="rel",l=h.get(0)[k]),l&&(""!==l&&"nofollow"!==l)&&(h=c.length?f(c):e,h=h.filter("["+k+'="'+l+'"]'),j=h.index(this)),a.index=j,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;!c||!1===a.live?e.unbind("click.fb-start").bind("click.fb-start",k):p.undelegate(c,"click.fb-start").delegate(c+ 45 | ":not('.fancybox-item, .fancybox-nav')","click.fb-start",k);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===v&&(f.scrollbarWidth=function(){var a=f('
').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});if(f.support.fixedPosition===v){a=f.support;d=f('
').appendTo("body");var e=20=== 46 | d[0].offsetTop||15===d[0].offsetTop;d.remove();a.fixedPosition=e}f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(r).width();J.addClass("fancybox-lock-test");d=f(r).width();J.removeClass("fancybox-lock-test");f("").appendTo("head")})})(window,document,jQuery); -------------------------------------------------------------------------------- /js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.1.1 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(''}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery); -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- 1 | /* ! normalize.css v1.0.0 | MIT License | git.io/normalize */ 2 | 3 | /* ========================================================================== 4 | HTML5 display definitions 5 | ========================================================================== */ 6 | 7 | /* 8 | * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. 9 | */ 10 | 11 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 12 | display: block 13 | } 14 | 15 | /* 16 | * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. 17 | */ 18 | audio, canvas, video { 19 | display: inline-block; 20 | *display: inline; 21 | *zoom: 1; 22 | } 23 | 24 | /* 25 | * Prevents modern browsers from displaying `audio` without controls. 26 | * Remove excess height in iOS 5 devices. 27 | */ 28 | audio:not([controls]) { 29 | display: none; 30 | height: 0; 31 | } 32 | 33 | /* 34 | * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. 35 | * Known issue:no IE 6 support. 36 | */ 37 | [hidden] { 38 | display: none 39 | } 40 | 41 | /* ========================================================================== 42 | Base 43 | ========================================================================== */ 44 | /* 45 | * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using 46 | * `em` units. 47 | * 2. Prevents iOS text size adjust after orientation change, without disabling 48 | * user zoom. 49 | */ 50 | 51 | html { 52 | font-size: 100%; /* 1 */ 53 | -webkit-text-size-adjust: 100%; /* 2 */ 54 | -ms-text-size-adjust: 100%; /* 2 */ 55 | } 56 | 57 | /* 58 | * Addresses `font-family` inconsistency between `textarea` and other form 59 | * elements. 60 | */ 61 | html, button, input, select, textarea { 62 | font-family: sans-serif; 63 | font-family: 'Nunito', sans-serif; 64 | } 65 | html, body { 66 | overflow-x: hidden; 67 | width: 100%; 68 | } 69 | 70 | /* 71 | * Addresses margins handled incorrectly in IE 6/7. 72 | */ 73 | body { 74 | margin: 0; 75 | font-family: 'Nunito', sans-serif; 76 | } 77 | 78 | /* 79 | * Font Smoothing 80 | */ 81 | html, html a { 82 | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 83 | -webkit-font-smoothing: antialiased; 84 | } 85 | 86 | /* ========================================================================== 87 | Links 88 | ========================================================================== */ 89 | /* 90 | * Addresses `outline` inconsistency between Chrome and other browsers. 91 | */ 92 | 93 | a:focus { 94 | outline: thin dotted; 95 | text-decoration: none; 96 | } 97 | 98 | /* 99 | * Improves readability when focused and also mouse hovered in all browsers. 100 | */ 101 | a:active, a:hover { 102 | outline: 0; 103 | text-decoration: none; 104 | } 105 | 106 | /* ========================================================================== 107 | Typography 108 | ========================================================================== */ 109 | /* 110 | * Addresses font sizes and margins set differently in IE 6/7. 111 | * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. 112 | */ 113 | 114 | h1 { 115 | margin: 0.67em 0; 116 | font-size: 2em; 117 | } 118 | h2 { 119 | margin: 0.83em 0; 120 | font-size: 1.5em; 121 | } 122 | h3 { 123 | margin: 1em 0; 124 | font-size: 1.17em; 125 | } 126 | h4 { 127 | margin: 1.33em 0; 128 | font-size: 1em; 129 | } 130 | h5 { 131 | margin: 1.67em 0; 132 | font-size: 0.83em; 133 | } 134 | h6 { 135 | margin: 2.33em 0; 136 | font-size: 0.75em; 137 | } 138 | 139 | /* 140 | * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. 141 | */ 142 | abbr[title] { 143 | border-bottom: 1px dotted 144 | } 145 | 146 | /* 147 | * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. 148 | */ 149 | b, strong { 150 | font-weight: bold 151 | } 152 | blockquote { 153 | margin: 0px 154 | } 155 | 156 | /* 157 | * Addresses styling not present in Safari 5 and Chrome. 158 | */ 159 | dfn { 160 | font-style: italic 161 | } 162 | 163 | /* 164 | * Addresses styling not present in IE 6/7/8/9. 165 | */ 166 | mark { 167 | background: #ff0; 168 | color: #000; 169 | } 170 | 171 | /* 172 | * Addresses margins set differently in IE 6/7. 173 | */ 174 | p, pre { 175 | margin: 1em 0 176 | } 177 | 178 | /* 179 | * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. 180 | */ 181 | code, kbd, pre, samp { 182 | font-size: 1em; 183 | font-family: monospace, serif; 184 | _font-family: 'courier new', monospace; 185 | } 186 | 187 | /* 188 | * Improves readability of pre-formatted text in all browsers. 189 | */ 190 | pre { 191 | white-space: pre; 192 | white-space: pre-wrap; 193 | word-wrap: break-word; 194 | } 195 | 196 | /* 197 | * Addresses CSS quotes not supported in IE 6/7. 198 | */ 199 | q { 200 | quotes: none 201 | } 202 | 203 | /* 204 | * Addresses `quotes` property not supported in Safari 4. 205 | */ 206 | q:before, q:after { 207 | content: ''; 208 | content: none; 209 | } 210 | small { 211 | font-size: 75% 212 | } 213 | 214 | /* 215 | * Prevents `sub` and `sup` affecting `line-height` in all browsers. 216 | */ 217 | sub, sup { 218 | position: relative; 219 | vertical-align: baseline; 220 | font-size: 75%; 221 | line-height: 0; 222 | } 223 | sup { 224 | top: -0.5em 225 | } 226 | sub { 227 | bottom: -0.25em 228 | } 229 | 230 | /* ========================================================================== 231 | Lists 232 | ========================================================================== */ 233 | /* 234 | * Addresses margins set differently in IE 6/7. 235 | */ 236 | 237 | dl, menu, ol, ul { 238 | margin: 1em 0 239 | } 240 | dd { 241 | margin: 0 0 0 40px 242 | } 243 | 244 | /* 245 | * Addresses paddings set differently in IE 6/7. 246 | */ 247 | menu, ol, ul { 248 | padding: 0 249 | } 250 | 251 | /* 252 | * Corrects list images handled incorrectly in IE 7. 253 | */ 254 | nav ul, nav ol { 255 | list-style: none; 256 | list-style-image: none; 257 | } 258 | 259 | /* ========================================================================== 260 | Embedded content 261 | ========================================================================== */ 262 | /* 263 | * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 264 | * 2. Improves image quality when scaled in IE 7. 265 | */ 266 | 267 | img { 268 | border: 0; /* 1 */ 269 | -ms-interpolation-mode: bicubic; /* 2 */ 270 | } 271 | 272 | /* 273 | * Corrects overflow displayed oddly in IE 9. 274 | */ 275 | svg:not(:root) { 276 | overflow: hidden 277 | } 278 | 279 | /* ========================================================================== 280 | Figures 281 | ========================================================================== */ 282 | /* 283 | * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. 284 | */ 285 | 286 | figure { 287 | margin: 0 288 | } 289 | 290 | /* ========================================================================== 291 | Forms 292 | ========================================================================== */ 293 | /* 294 | * Corrects margin displayed oddly in IE 6/7. 295 | */ 296 | 297 | form { 298 | margin: 0 299 | } 300 | 301 | /* 302 | * Define consistent border, margin, and padding. 303 | */ 304 | fieldset { 305 | margin: 0 2px; 306 | padding: 0.35em 0.625em 0.75em; 307 | border: 1px solid #c0c0c0; 308 | } 309 | 310 | /* 311 | * 1. Corrects color not being inherited in IE 6/7/8/9. 312 | * 2. Corrects text not wrapping in Firefox 3. 313 | * 3. Corrects alignment displayed oddly in IE 6/7. 314 | */ 315 | legend { 316 | padding: 0; 317 | border: 0; /* 1 */ 318 | white-space: normal; /* 2 */ 319 | *margin-left: -7px; /* 3 */ 320 | } 321 | 322 | /* 323 | * 1. Corrects font size not being inherited in all browsers. 324 | * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. 325 | * 3. Improves appearance and consistency in all browsers. 326 | */ 327 | button, input, select, textarea { 328 | margin: 0; /* 2 */ 329 | vertical-align: baseline; /* 3 */ 330 | font-size: 100%; /* 1 */ 331 | *vertical-align: middle; /* 3 */ 332 | } 333 | 334 | /* 335 | * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in 336 | * the UA stylesheet. 337 | */ 338 | button, input { 339 | line-height: normal 340 | } 341 | 342 | /* 343 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 344 | * and `video` controls. 345 | * 2. Corrects inability to style clickable `input` types in iOS. 346 | * 3. Improves usability and consistency of cursor style between image-type 347 | * `input` and others. 348 | * 4. Removes inner spacing in IE 7 without affecting normal text inputs. 349 | * Known issue:inner spacing remains in IE 6. 350 | */ 351 | button, html input[type="button"], /* 1 */ 352 | input[type="reset"], input[type="submit"] { 353 | cursor: pointer; /* 3 */ 354 | -webkit-appearance: button; /* 2 */ 355 | *overflow: visible; /* 4 */ 356 | } 357 | 358 | /* 359 | * Re-set default cursor for disabled elements. 360 | */ 361 | button[disabled], input[disabled] { 362 | cursor: default 363 | } 364 | 365 | /* 366 | * 1. Addresses box sizing set to content-box in IE 8/9. 367 | * 2. Removes excess padding in IE 8/9. 368 | * 3. Removes excess padding in IE 7. 369 | * Known issue:excess padding remains in IE 6. 370 | */ 371 | input[type="checkbox"], input[type="radio"] { 372 | box-sizing: border-box; /* 1 */ 373 | padding: 0; /* 2 */ 374 | *height: 13px; /* 3 */ 375 | *width: 13px; /* 3 */ 376 | } 377 | 378 | /* 379 | * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 380 | * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome 381 | * (include `-moz` to future-proof). 382 | */ 383 | input[type="search"] { 384 | /* 2 */ 385 | box-sizing: content-box; 386 | -webkit-appearance: textfield; /* 1 */ 387 | nowhitespace: afterproperty; 388 | } 389 | 390 | /* 391 | * Removes inner padding and search cancel button in Safari 5 and Chrome 392 | * on OS X. 393 | */ 394 | input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { 395 | -webkit-appearance: none 396 | } 397 | 398 | /* 399 | * Removes inner padding and border in Firefox 3+. 400 | */ 401 | button::-moz-focus-inner, input::-moz-focus-inner { 402 | padding: 0; 403 | border: 0; 404 | } 405 | 406 | /* 407 | * 1. Removes default vertical scrollbar in IE 6/7/8/9. 408 | * 2. Improves readability and alignment in all browsers. 409 | */ 410 | textarea { 411 | overflow: auto; /* 1 */ 412 | vertical-align: top; /* 2 */ 413 | } 414 | 415 | /* ========================================================================== 416 | Tables 417 | ========================================================================== */ 418 | /* 419 | * Remove most spacing between table cells. 420 | */ 421 | 422 | table { 423 | border-spacing: 0; 424 | border-collapse: collapse; 425 | } 426 | 427 | /* ========================================================================== 428 | Global Styles 429 | ========================================================================== */ 430 | .group:after { 431 | content: ""; 432 | display: table; 433 | clear: both; 434 | } 435 | a { 436 | -webkit-transition-timing-function: ease-in-out; 437 | transition-timing-function: ease-in-out; 438 | -webkit-transition-duration: 300ms; 439 | transition-duration: 300ms; 440 | -webkit-transition-property: color, border-color, background-color; 441 | transition-property: color, border-color, background-color; 442 | } 443 | .nopadding { 444 | margin: 0 !important; 445 | padding: 0 !important; 446 | } 447 | p { 448 | font-size: 14px; 449 | line-height: 25px; 450 | } 451 | a { 452 | color: #73d0da 453 | } 454 | a:hover, a:focus { 455 | color: #73d0da; 456 | text-decoration: none; 457 | } 458 | .texture-overlay { 459 | position: absolute; 460 | top: 0px; 461 | left: 0px; 462 | width: 100%; 463 | height: 100%; 464 | background-image: url(../img/grid.png); 465 | } 466 | 467 | /* ========================================================================== 468 | Buttons 469 | ========================================================================== */ 470 | .use-btn { 471 | display: inline-block; 472 | margin: 0 10px 10px 0; 473 | padding: 20px 50px; 474 | border-radius: 3px; 475 | background-color: #fff; 476 | color: #4b98a9; 477 | font-size: 16px; 478 | } 479 | .use-btn:hover, .use-btn:focus { 480 | background-color: #73d0da; 481 | color: #fff; 482 | text-decoration: none; 483 | } 484 | .learn-btn, .download-btn { 485 | display: inline-block; 486 | padding: 18px 46px; 487 | border: 2px solid #fff; 488 | border-radius: 3px; 489 | color: #fff; 490 | font-size: 16px; 491 | } 492 | .learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus { 493 | border-color: #73d0da; 494 | color: #73d0da; 495 | text-decoration: none; 496 | } 497 | .read-more-btn { 498 | display: inline-block; 499 | color: #323a45; 500 | text-transform: uppercase; 501 | font-weight: 400; 502 | } 503 | .read-more-btn i, .download-btn i { 504 | margin-left: 5px 505 | } 506 | .showcase .download-btn { 507 | margin-top: 50px 508 | } 509 | .download .download-btn { 510 | margin-top: 25px 511 | } 512 | 513 | /* ========================================================================== 514 | Navigation 515 | ========================================================================== */ 516 | .nav-toggle { 517 | position: absolute; 518 | top: 0; 519 | right: 15px; 520 | z-index: 999999; 521 | padding: 10px 35px 16px 0px; 522 | cursor: pointer; 523 | } 524 | .nav-toggle:focus { 525 | outline: none; 526 | } 527 | .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { 528 | content: ''; 529 | position: absolute; 530 | display: block; 531 | width: 35px; 532 | height: 5px; 533 | border-radius: 1px; 534 | background: #fff; 535 | cursor: pointer; 536 | } 537 | .nav-toggle span:before { 538 | top: -10px 539 | } 540 | .nav-toggle span:after { 541 | bottom: -10px 542 | } 543 | .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { 544 | -webkit-transition: all 300ms ease-in-out; 545 | transition: all 300ms ease-in-out; 546 | } 547 | .nav-toggle.active span { 548 | background-color: transparent 549 | } 550 | .nav-toggle.active span:before, .nav-toggle.active span:after { 551 | top: 0 552 | } 553 | .nav-toggle.active span:before { 554 | -webkit-transform: rotate(45deg); 555 | -ms-transform: rotate(45deg); 556 | transform: rotate(45deg); 557 | } 558 | .nav-toggle.active span:after { 559 | top: 10px; 560 | -webkit-transform: translateY(-10px) rotate(-45deg); 561 | -ms-transform: translateY(-10px) rotate(-45deg); 562 | transform: translateY(-10px) rotate(-45deg); 563 | } 564 | .navicon { 565 | position: relative; 566 | height: 26px; 567 | } 568 | .navicon p { 569 | margin: 1px 50px 0 0 570 | } 571 | .navicon-fixed { 572 | position: fixed; 573 | top: 59px; 574 | right: 143px; 575 | } 576 | 577 | /* ========================================================================== 578 | Hero 579 | ========================================================================== */ 580 | .hero { 581 | position: relative; 582 | padding: 60px 0 60px 0; 583 | min-height: 800px; 584 | background: rgb(40, 70, 102) url('../img/hero-01.jpg') no-repeat center center; 585 | background-size: cover; 586 | color: #fff; 587 | } 588 | .hero h1 { 589 | margin: 200px 0 45px 0; 590 | font-weight: 300; 591 | font-size: 45px; 592 | } 593 | .hero h1 span { 594 | display: inline-block; 595 | color: #a1a9b0; 596 | } 597 | #home { 598 | width: 100%; 599 | height: 100%; 600 | } 601 | .hero { 602 | width: 100%; 603 | height: 100%; 604 | } 605 | header i { 606 | margin-left: 5px 607 | } 608 | 609 | /* ========================================================================== 610 | Video 611 | ========================================================================== */ 612 | section.video i { 613 | margin-right: 10px; 614 | color: #323a45; 615 | vertical-align: middle; 616 | font-size: 50px; 617 | -webkit-transition: color 300ms ease-in-out; 618 | transition: color 300ms ease-in-out; 619 | } 620 | section.video h1 { 621 | font-weight: 400; 622 | font-size: 20px; 623 | } 624 | section.video { 625 | padding: 60px 0; 626 | background-color: #f6f7f9; 627 | } 628 | section.video a { 629 | color: #323a45 630 | } 631 | section.video a:hover, section.video a:focus { 632 | color: #73d0da; 633 | text-decoration: none; 634 | } 635 | section.video a:hover i, section.video a:focus i { 636 | color: #73d0da 637 | } 638 | 639 | /* ========================================================================== 640 | Custom Slider Controls (Flickity) 641 | ========================================================================== */ 642 | .flickity-page-dots .dot { 643 | width: 13px; 644 | height: 13px; 645 | opacity: 1; 646 | background: transparent; 647 | border: 2px solid white; 648 | -webkit-transition: background 0.3s; 649 | transition: background 0.3s; 650 | } 651 | .flickity-page-dots .dot.is-selected { 652 | background: white; 653 | } 654 | 655 | /* ========================================================================== 656 | Features Slider 657 | ========================================================================== */ 658 | .features-bg { 659 | position: relative; 660 | min-height: 400px; 661 | background: url('../img/features-intro-01.jpg') no-repeat center center; 662 | background-size: cover; 663 | } 664 | .features-img { 665 | width: 100%; 666 | height: 400px; 667 | text-align: center; 668 | line-height: 400px; 669 | } 670 | .features-slider { 671 | position: relative; 672 | padding: 11% 100px 10% 100px; 673 | height: 400px; 674 | background-color: #3F6184; 675 | } 676 | .features-slider ul { 677 | margin: 0; 678 | padding: 0; 679 | list-style: none; 680 | } 681 | .features-slider ul li { 682 | width: 100%; 683 | } 684 | .features-slider li h1 { 685 | margin-bottom: 15px; 686 | color: #fff; 687 | font-weight: 400; 688 | font-size: 22px; 689 | } 690 | .features-slider li p { 691 | color: #fff; 692 | font-size: 14px; 693 | } 694 | .features-intro-img { 695 | position: relative 696 | } 697 | .slides li h1 { 698 | margin: 0; 699 | padding: 0; 700 | } 701 | .features-slider .flickity-page-dots { 702 | text-align: left; 703 | margin-top: 50px; 704 | position: static; 705 | } 706 | .features-slider .flickity-page-dots .dot { 707 | margin: 0 12px 0 0; 708 | } 709 | 710 | /* ========================================================================== 711 | Features List 712 | ========================================================================== */ 713 | .features-list { 714 | padding: 130px 0 715 | } 716 | .features-list h1 { 717 | margin: 0 0 10px 0; 718 | padding: 0; 719 | color: #24374b; 720 | font-size: 20px; 721 | } 722 | .features-list p { 723 | margin-bottom: 20px; 724 | color: #778899; 725 | } 726 | .feature-content { 727 | display: inline-block; 728 | margin-left: 0; 729 | width: 65%; 730 | } 731 | .feature-icon { 732 | display: inline-block; 733 | margin-right: 25px; 734 | width: 90px; 735 | height: 90px; 736 | border: solid 2px #4e9ba3; 737 | border-radius: 50%; 738 | vertical-align: top; 739 | text-align: center; 740 | font-size: 25px; 741 | line-height: 90px; 742 | } 743 | .feature-icon i { 744 | color: #4e9ba3 745 | } 746 | 747 | /* ========================================================================== 748 | Blockquote 749 | ========================================================================== */ 750 | blockquote { 751 | margin: 40px 0 0; 752 | padding: 0; 753 | border: none; 754 | } 755 | blockquote p { 756 | display: inline-block; 757 | margin: 0; 758 | padding: 0; 759 | width: 70%; 760 | vertical-align: top; 761 | font-style: italic; 762 | } 763 | blockquote .avatar { 764 | display: inline-block; 765 | margin-right: 20px; 766 | width: 64px; 767 | height: 64px; 768 | vertical-align: middle; 769 | } 770 | blockquote .logo-quote { 771 | display: inline-block; 772 | margin: 0 0 0 90px; 773 | } 774 | 775 | /* ========================================================================== 776 | Showcase 777 | ========================================================================== */ 778 | .showcase { 779 | background: url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed; 780 | background-size: cover; 781 | } 782 | .showcase h1 { 783 | margin: 0 0 20px 0; 784 | color: #fff; 785 | font-weight: 400; 786 | font-size: 22px; 787 | } 788 | .showcase p { 789 | margin-bottom: 25px; 790 | color: #fff; 791 | } 792 | .device { 793 | position: absolute; 794 | top: -60px; 795 | left: 20%; 796 | min-height: 676px; 797 | width: 359px; 798 | background: url('../img/iphone-skeleton.png') no-repeat center center; 799 | } 800 | .device-content { 801 | position: absolute; 802 | top: 115px; 803 | left: 56px; 804 | width: 247px; 805 | height: 445px; 806 | background: rgba(0, 0, 0, 0.3); 807 | } 808 | .device-content img { 809 | width: 247px; 810 | height: 445px; 811 | } 812 | .showcase-wrap { 813 | position: relative; 814 | padding: 100px 0; 815 | min-height: 600px; 816 | } 817 | .showcase-slider ul { 818 | margin: 0; 819 | padding: 0; 820 | list-style: none; 821 | } 822 | .showcase-slider .flickity-page-dots { 823 | bottom: 20px; 824 | } 825 | 826 | /* ========================================================================== 827 | Screenshots Intro 828 | ========================================================================== */ 829 | .screenshots-intro { 830 | padding: 170px 0 100px 0; 831 | background-color: #f6f7f9; 832 | } 833 | .screenshots-intro h1 { 834 | margin-bottom: 20px; 835 | color: #24374b; 836 | font-weight: 400; 837 | font-size: 22px; 838 | } 839 | .screenshots-intro p { 840 | margin-bottom: 25px; 841 | color: #778899; 842 | } 843 | 844 | /* ========================================================================== 845 | Screenshots 846 | ========================================================================== */ 847 | .screenshots ul { 848 | margin: 0; 849 | padding: 0; 850 | width: 100%; 851 | } 852 | .screenshots ul li { 853 | float: left; 854 | min-height: 100%; 855 | width: 25%; 856 | background-color: #000; 857 | list-style: none; 858 | } 859 | .screenshots figure { 860 | position: relative; 861 | overflow: hidden; 862 | } 863 | .screenshots figure img { 864 | width: 100%; 865 | height: 100%; 866 | -webkit-transition: all 300ms ease-in-out; 867 | transition: all 300ms ease-in-out; 868 | } 869 | .screenshots figure:hover img, .screenshots figure:focus img { 870 | -webkit-transform: scale(1.1); 871 | -ms-transform: scale(1.1); 872 | transform: scale(1.1); 873 | } 874 | .screenshots figcaption { 875 | position: absolute; 876 | top: 0; 877 | left: 0; 878 | padding: 25% 0; 879 | width: 100%; 880 | height: 100%; 881 | background-color: rgba(63, 97, 132, 0.85); 882 | text-align: center; 883 | font-size: 15px; 884 | opacity: 0; 885 | -webkit-transition: all 300ms ease-in-out; 886 | transition: all 300ms ease-in-out; 887 | } 888 | .screenshots figcaption a { 889 | color: #fff 890 | } 891 | .screenshots figcaption a:hover, .screenshots figcaption a:focus { 892 | color: #73d0da 893 | } 894 | .screenshots figure:hover figcaption, .screenshots figure:focus figcaption { 895 | opacity: 1 896 | } 897 | .visible { 898 | opacity: 1 899 | } 900 | .screenshots figure.cs-hover figcaption { 901 | opacity: 1 902 | } 903 | .screenshots figcaption i { 904 | font-size: 35px 905 | } 906 | .screenshots figcaption p { 907 | margin-bottom: 0; 908 | text-transform: uppercase; 909 | font-weight: 400; 910 | } 911 | .screenshots figcaption .caption-content { 912 | position: absolute; 913 | top: 50%; 914 | left: 50%; 915 | margin-top: -40px; 916 | margin-left: -100px; 917 | width: 200px; 918 | -webkit-transform: translate(0px, 15px); 919 | -ms-transform: translate(0px, 15px); 920 | transform: translate(0px, 15px); 921 | -webkit-transition: all 300ms ease-in-out; 922 | transition: all 300ms ease-in-out; 923 | } 924 | .screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content { 925 | -webkit-transform: translate(0px, 0px); 926 | -ms-transform: translate(0px, 0px); 927 | transform: translate(0px, 0px); 928 | } 929 | 930 | /* ========================================================================== 931 | Download Now 932 | ========================================================================== */ 933 | .download { 934 | padding: 120px 0; 935 | background-color: #3f6184; 936 | } 937 | .download h1 { 938 | margin: 0 0 15px 0; 939 | color: #fff; 940 | font-weight: 400; 941 | font-size: 40px; 942 | } 943 | 944 | /* ========================================================================== 945 | Footer 946 | ========================================================================== */ 947 | footer { 948 | padding: 100px 0 949 | } 950 | footer p { 951 | color: #c7cacc; 952 | font-size: 12px; 953 | } 954 | footer ul { 955 | margin-top: 30px 956 | } 957 | footer li { 958 | float: left; 959 | margin-right: 15%; 960 | list-style: none; 961 | text-transform: uppercase; 962 | font-weight: 400; 963 | } 964 | footer li a { 965 | color: #3f6184 966 | } 967 | footer li:last-child { 968 | margin-right: 0 969 | } 970 | 971 | /* ========================================================================== 972 | Nav Overlay 973 | ========================================================================== */ 974 | /* Overlay style */ 975 | 976 | .overlay { 977 | position: fixed; 978 | top: 0; 979 | left: 0; 980 | width: 100%; 981 | height: 100%; 982 | background: rgba(52, 82, 113, 0.95); 983 | } 984 | 985 | /* Menu style */ 986 | .overlay nav { 987 | position: relative; 988 | top: 50%; 989 | height: 60%; 990 | text-align: center; 991 | font-size: 54px; 992 | -webkit-transform: translateY(-50%); 993 | -ms-transform: translateY(-50%); 994 | transform: translateY(-50%); 995 | } 996 | .overlay ul { 997 | position: relative; 998 | display: inline-block; 999 | margin: 0 auto; 1000 | padding: 0; 1001 | list-style: none; 1002 | } 1003 | .overlay ul li { 1004 | display: block; 1005 | float: left; 1006 | margin-right: 20px; 1007 | } 1008 | .overlay ul li:last-child { 1009 | margin-right: 0px 1010 | } 1011 | .overlay ul li i { 1012 | display: block; 1013 | margin-bottom: 10px; 1014 | font-size: 40px; 1015 | } 1016 | .overlay ul li a { 1017 | display: block; 1018 | padding: 50px 0; 1019 | min-width: 190px; 1020 | border: 2px solid #fff; 1021 | border-radius: 3px; 1022 | background-color: #345271; 1023 | color: #fff; 1024 | text-transform: uppercase; 1025 | font-weight: 400; 1026 | font-size: 15px; 1027 | -webkit-transition: all 300ms ease-in-out; 1028 | transition: all 300ms ease-in-out; 1029 | } 1030 | .overlay ul li a:hover, .overlay ul li a:focus { 1031 | border-color: #73d0da; 1032 | color: #73d0da; 1033 | } 1034 | 1035 | /* Effects */ 1036 | .overlay-boxify { 1037 | visibility: hidden; 1038 | opacity: 0; 1039 | -webkit-transition: opacity 0.5s, visibility 0s 0.5s; 1040 | transition: opacity 0.5s, visibility 0s 0.5s; 1041 | } 1042 | .overlay-boxify.open { 1043 | visibility: visible; 1044 | opacity: 1; 1045 | -webkit-transition: opacity 0.5s; 1046 | transition: opacity 0.5s; 1047 | } 1048 | .overlay-boxify nav ul li { 1049 | opacity: 0; 1050 | -webkit-transform: translate3d(0, -80px, 0); 1051 | transform: translate3d(0, -80px, 0); 1052 | -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; 1053 | transition: transform 0.5s, opacity 0.5s; 1054 | } 1055 | .overlay-boxify.open nav ul:first-child li:first-child { 1056 | -webkit-transition-delay: 0.05s; 1057 | transition-delay: 0.05s; 1058 | } 1059 | .overlay-boxify.open nav ul:first-child li:nth-child(2) { 1060 | -webkit-transition-delay: 0.1s; 1061 | transition-delay: 0.1s; 1062 | } 1063 | .overlay-boxify.open nav ul:nth-child(2) li:first-child { 1064 | -webkit-transition-delay: 0.15s; 1065 | transition-delay: 0.15s; 1066 | } 1067 | .overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) { 1068 | -webkit-transition-delay: 0.2s; 1069 | transition-delay: 0.2s; 1070 | } 1071 | .overlay-boxify.open nav ul li { 1072 | opacity: 1; 1073 | -webkit-transform: translate3d(0, 0, 0); 1074 | transform: translate3d(0, 0, 0); 1075 | } 1076 | 1077 | /* ========================================================================== 1078 | Waypoints 1079 | ========================================================================== */ 1080 | .wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { 1081 | visibility: hidden 1082 | } 1083 | .bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown { 1084 | visibility: visible 1085 | } 1086 | .delay-05s { 1087 | -webkit-animation-delay: 0.5s; 1088 | animation-delay: 0.5s; 1089 | } 1090 | .delay-1s { 1091 | -webkit-animation-delay: 1s; 1092 | animation-delay: 1s; 1093 | } -------------------------------------------------------------------------------- /js/flickity.pkgd.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Flickity PACKAGED v0.1.0 3 | * Touch, responsive, flickable galleries 4 | * http://flickity.metafizzy.co 5 | * Copyright 2015 Metafizzy 6 | */ 7 | 8 | !function(t){function e(){}function i(t){function i(e){e.prototype.option||(e.prototype.option=function(e){t.isPlainObject(e)&&(this.options=t.extend(!0,this.options,e))})}function o(e,i){t.fn[e]=function(o){if("string"==typeof o){for(var r=n.call(arguments,1),l=0,a=this.length;a>l;l++){var h=this[l],c=t.data(h,e);if(c)if(t.isFunction(c[o])&&"_"!==o.charAt(0)){var d=c[o].apply(c,r);if(void 0!==d)return d}else s("no such method '"+o+"' for "+e+" instance");else s("cannot call methods on "+e+" prior to initialization; attempted to call '"+o+"'")}return this}return this.each(function(){var n=t.data(this,e);n?(n.option(o),n._init()):(n=new i(this,o),t.data(this,e,n))})}}if(t){var s="undefined"==typeof console?e:function(t){console.error(t)};return t.bridget=function(t,e){i(e),o(t,e)},t.bridget}}var n=Array.prototype.slice;"function"==typeof define&&define.amd?define("jquery-bridget/jquery.bridget",["jquery"],i):i("object"==typeof exports?require("jquery"):t.jQuery)}(window),function(t){function e(t){return new RegExp("(^|\\s+)"+t+"(\\s+|$)")}function i(t,e){var i=n(t,e)?s:o;i(t,e)}var n,o,s;"classList"in document.documentElement?(n=function(t,e){return t.classList.contains(e)},o=function(t,e){t.classList.add(e)},s=function(t,e){t.classList.remove(e)}):(n=function(t,i){return e(i).test(t.className)},o=function(t,e){n(t,e)||(t.className=t.className+" "+e)},s=function(t,i){t.className=t.className.replace(e(i)," ")});var r={hasClass:n,addClass:o,removeClass:s,toggleClass:i,has:n,add:o,remove:s,toggle:i};"function"==typeof define&&define.amd?define("classie/classie",r):"object"==typeof exports?module.exports=r:t.classie=r}(window),function(){function t(){}function e(t,e){for(var i=t.length;i--;)if(t[i].listener===e)return i;return-1}function i(t){return function(){return this[t].apply(this,arguments)}}var n=t.prototype,o=this,s=o.EventEmitter;n.getListeners=function(t){var e,i,n=this._getEvents();if(t instanceof RegExp){e={};for(i in n)n.hasOwnProperty(i)&&t.test(i)&&(e[i]=n[i])}else e=n[t]||(n[t]=[]);return e},n.flattenListeners=function(t){var e,i=[];for(e=0;eo;o++)if(e=i[o]+t,"string"==typeof n[e])return e}}var i="Webkit Moz ms Ms O".split(" "),n=document.documentElement.style;"function"==typeof define&&define.amd?define("get-style-property/get-style-property",[],function(){return e}):"object"==typeof exports?module.exports=e:t.getStyleProperty=e}(window),function(t){function e(t){var e=parseFloat(t),i=-1===t.indexOf("%")&&!isNaN(e);return i&&e}function i(){}function n(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,i=r.length;i>e;e++){var n=r[e];t[n]=0}return t}function o(i){function o(){if(!u){u=!0;var n=t.getComputedStyle;if(h=function(){var t=n?function(t){return n(t,null)}:function(t){return t.currentStyle};return function(e){var i=t(e);return i||s("Style returned "+i+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),i}}(),c=i("boxSizing")){var o=document.createElement("div");o.style.width="200px",o.style.padding="1px 2px 3px 4px",o.style.borderStyle="solid",o.style.borderWidth="1px 2px 3px 4px",o.style[c]="border-box";var r=document.body||document.documentElement;r.appendChild(o);var l=h(o);d=200===e(l.width),r.removeChild(o)}}}function l(t){if(o(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var i=h(t);if("none"===i.display)return n();var s={};s.width=t.offsetWidth,s.height=t.offsetHeight;for(var l=s.isBorderBox=!(!c||!i[c]||"border-box"!==i[c]),u=0,p=r.length;p>u;u++){var f=r[u],v=i[f];v=a(t,v);var g=parseFloat(v);s[f]=isNaN(g)?0:g}var m=s.paddingLeft+s.paddingRight,y=s.paddingTop+s.paddingBottom,x=s.marginLeft+s.marginRight,b=s.marginTop+s.marginBottom,C=s.borderLeftWidth+s.borderRightWidth,S=s.borderTopWidth+s.borderBottomWidth,w=l&&d,P=e(i.width);P!==!1&&(s.width=P+(w?0:m+C));var E=e(i.height);return E!==!1&&(s.height=E+(w?0:y+S)),s.innerWidth=s.width-(m+C),s.innerHeight=s.height-(y+S),s.outerWidth=s.width+x,s.outerHeight=s.height+b,s}}function a(e,i){if(t.getComputedStyle||-1===i.indexOf("%"))return i;var n=e.style,o=n.left,s=e.runtimeStyle,r=s&&s.left;return r&&(s.left=e.currentStyle.left),n.left=i,i=n.pixelLeft,n.left=o,r&&(s.left=r),i}var h,c,d,u=!1;return l}var s="undefined"==typeof console?i:function(t){console.error(t)},r=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define("get-size/get-size",["get-style-property/get-style-property"],o):"object"==typeof exports?module.exports=o(require("desandro-get-style-property")):t.getSize=o(t.getStyleProperty)}(window),function(t){function e(t){"function"==typeof t&&(e.isReady?t():r.push(t))}function i(t){var i="readystatechange"===t.type&&"complete"!==s.readyState;e.isReady||i||n()}function n(){e.isReady=!0;for(var t=0,i=r.length;i>t;t++){var n=r[t];n()}}function o(o){return"complete"===s.readyState?n():(o.bind(s,"DOMContentLoaded",i),o.bind(s,"readystatechange",i),o.bind(t,"load",i)),e}var s=t.document,r=[];e.isReady=!1,"function"==typeof define&&define.amd?define("doc-ready/doc-ready",["eventie/eventie"],o):"object"==typeof exports?module.exports=o(require("eventie")):t.docReady=o(t.eventie)}(window),function(t){function e(t,e){return t[r](e)}function i(t){if(!t.parentNode){var e=document.createDocumentFragment();e.appendChild(t)}}function n(t,e){i(t);for(var n=t.parentNode.querySelectorAll(e),o=0,s=n.length;s>o;o++)if(n[o]===t)return!0;return!1}function o(t,n){return i(t),e(t,n)}var s,r=function(){if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0,n=e.length;n>i;i++){var o=e[i],s=o+"MatchesSelector";if(t[s])return s}}();if(r){var l=document.createElement("div"),a=e(l,"div");s=a?e:o}else s=n;"function"==typeof define&&define.amd?define("matches-selector/matches-selector",[],function(){return s}):"object"==typeof exports?module.exports=s:window.matchesSelector=s}(Element.prototype),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/utils",["doc-ready/doc-ready","matches-selector/matches-selector"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("doc-ready"),require("desandro-matches-selector")):t.utils=e(t,t.docReady,t.matchesSelector)}(window,function(t,e,i){function n(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()}var o={};o.extend=function(t,e){for(var i in e)t[i]=e[i];return t},o.modulo=function(t,e){return(t%e+e)%e};var s=Object.prototype.toString;o.isArray=function(t){return"[object Array]"==s.call(t)},o.makeArray=function(t){var e=[];if(o.isArray(t))e=t;else if(t&&"number"==typeof t.length)for(var i=0,n=t.length;n>i;i++)e.push(t[i]);else e.push(t);return e},o.indexOf=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++)if(t[i]===e)return i;return-1},o.removeFrom=function(t,e){var i=o.indexOf(e,t);-1!=i&&e.splice(i,1)},o.isElement="function"==typeof HTMLElement||"object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1==t.nodeType&&"string"==typeof t.nodeName},o.setText=function(){function t(t,i){e=e||(void 0!==document.documentElement.textContent?"textContent":"innerText"),t[e]=i}var e;return t}(),o.getParent=function(t,e){for(;t!=document.body;)if(t=t.parentNode,i(t,e))return t},o.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},o.filterFindElements=function(t,e){t=o.makeArray(t);for(var n=[],s=0,r=t.length;r>s;s++){var l=t[s];if(o.isElement(l))if(e){i(l,e)&&n.push(l);for(var a=l.querySelectorAll(e),h=0,c=a.length;c>h;h++)n.push(a[h])}else n.push(l)}return n},o.debounceMethod=function(t,e,i){var n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){var t=this[o];t&&clearTimeout(t);var e=arguments,s=this;this[o]=setTimeout(function(){n.apply(s,e),delete s[o]},i||100)}};var r=t.jQuery;return o.htmlInit=function(t,i){e(function(){for(var e=n(i),o=document.querySelectorAll(".js-"+e),s="data-"+e+"-options",l=0,a=o.length;a>l;l++){var h,c=o[l],d=c.getAttribute(s);try{h=d&&JSON.parse(d)}catch(u){console&&console.error("Error parsing "+s+" on "+c.nodeName.toLowerCase()+(c.id?"#"+c.id:"")+": "+u);continue}var p=new t(c,h);r&&r.data(c,i,p)}})},o}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/cell",["get-size/get-size"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("get-size")):(t.Flickity=t.Flickity||{},t.Flickity.Cell=e(t,t.getSize))}(window,function(t,e){function i(t,e){this.element=t,this.parent=e,this.create()}return i.prototype.create=function(){this.element.style.position="absolute",this.x=0,this.shift=0},i.prototype.destroy=function(){this.element.style.position="";var t=this.parent.originSide;this.element.style[t]=""},i.prototype.getSize=function(){this.size=e(this.element)},i.prototype.setPosition=function(t){this.x=t,this.setDefaultTarget(),this.renderPosition(t)},i.prototype.setDefaultTarget=function(){var t="left"==this.parent.originSide?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign},i.prototype.renderPosition=function(t){var e=this.parent.originSide;this.element.style[e]=this.parent.getPositionValue(t)},i.prototype.wrapShift=function(t){this.shift=t,this.renderPosition(this.x+this.parent.slideableWidth*t)},i.prototype.remove=function(){this.element.parentNode.removeChild(this.element)},i}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/prev-next-button",["./utils"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("./utils")):(t.Flickity=t.Flickity||{},t.Flickity.PrevNextButton=e(t,t.utils))}(window,function(t,e){function i(t,e){this.direction=t,this.parent=e,this._create()}var n="http://www.w3.org/2000/svg",o=function(){function t(){if(void 0!==e)return e;var t=document.createElement("div");return t.innerHTML="",e=(t.firstChild&&t.firstChild.namespaceURI)==n}var e;return t}();return i.prototype._create=function(){this.isEnabled=!0,this.isPrevious=-1==this.direction;var t=this.parent.options.rightToLeft?1:-1;if(this.isLeft=this.direction==t,this.element=document.createElement("button"),this.element.className="flickity-prev-next-button",this.element.className+=this.isPrevious?" previous":" next",o()){var e=this.createSVG();this.element.appendChild(e)}else this.setArrowText(),this.element.className+=" no-svg";var i=this;this.onselect=function(){i.update()},this.parent.on("select",this.onselect),this.element.onclick=function(){i.onclick()}},i.prototype.activate=function(){this.parent.element.appendChild(this.element)},i.prototype.deactivate=function(){this.parent.element.removeChild(this.element)},i.prototype.createSVG=function(){var t=document.createElementNS(n,"svg");t.setAttribute("viewBox","0 0 100 100");var e=document.createElementNS(n,"path");e.setAttribute("d","M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z"),e.setAttribute("class","arrow");var i=this.isLeft?"translate(15,0)":"translate(85,100) rotate(180)";return e.setAttribute("transform",i),t.appendChild(e),t},i.prototype.setArrowText=function(){var t=this.parent.options,i=this.isLeft?t.leftArrowText:t.rightArrowText;e.setText(this.element,i)},i.prototype.onclick=function(){if(this.isEnabled){this.parent.uiChange();var t=this.isPrevious?"previous":"next";this.parent[t]()}},i.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},i.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},i.prototype.update=function(){if(this.parent.options.wrapAround)return void this.enable();var t=this.isPrevious?0:this.parent.cells.length-1,e=this.parent.selectedIndex==t?"disable":"enable";this[e]()},i}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/page-dots",["eventie/eventie","./utils"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("eventie"),require("./utils")):(t.Flickity=t.Flickity||{},t.Flickity.PageDots=e(t,t.eventie,t.utils))}(window,function(t,e,i){function n(t){this.parent=t,this._create()}return n.prototype._create=function(){this.holder=document.createElement("ol"),this.holder.className="flickity-page-dots",this.dots=[];var t=this;this.onselect=function(){t.updateSelected()},this.parent.on("select",this.onselect),e.bind(this.holder,"click",this)},n.prototype.activate=function(){this.setDots(),this.updateSelected(),this.parent.element.appendChild(this.holder)},n.prototype.deactivate=function(){this.parent.element.removeChild(this.holder)},n.prototype.setDots=function(){var t=this.parent.cells.length-this.dots.length;t>0?this.addDots(t):0>t&&this.removeDots(-t)},n.prototype.addDots=function(t){for(var e=document.createDocumentFragment(),i=[];t;){var n=document.createElement("li");n.className="dot",e.appendChild(n),i.push(n),t--}this.holder.appendChild(e),this.dots=this.dots.concat(i)},n.prototype.removeDots=function(t){for(var e=this.dots.splice(this.dots.length-t,t),i=0,n=e.length;n>i;i++){var o=e[i];this.holder.removeChild(o)}},n.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.className="dot"),this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.className="dot is-selected"},n.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.prototype.onclick=function(t){var e=t.target;if("LI"==e.nodeName){this.parent.uiChange();var n=i.indexOf(this.dots,e);this.parent.select(n)}},n}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/player",[],function(){return e()}):"object"==typeof exports?module.exports=e():(t.Flickity=t.Flickity||{},t.Flickity.Player=e())}(window,function(){function t(t){this.isPlaying=!1,this.parent=t}return t.prototype.play=function(){this.isPlaying=!0,delete this.isPaused,this.tick()},t.prototype.tick=function(){if(this.isPlaying&&!this.isPaused){var t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;var e=this;this.timeout=setTimeout(function(){e.parent.next(!0),e.tick()},t)}},t.prototype.stop=function(){this.isPlaying=!1,delete this.isPaused,this.clear()},t.prototype.clear=function(){clearTimeout(this.timeout)},t.prototype.pause=function(){this.isPlaying&&(this.isPaused=!0,this.clear())},t.prototype.unpause=function(){this.isPaused&&this.play()},t}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/unipointer",["eventie/eventie"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("eventie")):t.Unipointer=e(t,t.eventie)}(window,function(t,e){function i(){}function n(){}function o(){return!1}n.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.prototype.getTouch=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.prototype.bindHandles=function(e){var i;i=t.navigator.pointerEnabled?this.bindPointer:t.navigator.msPointerEnabled?this.bindMSPointer:this.bindMouseTouch,e=void 0===e?!0:!!e;for(var n=0,o=this.handles.length;o>n;n++){var s=this.handles[n];i.call(this,s,e)}},n.prototype.bindPointer=function(t,i){var n=i?"bind":"unbind";e[n](t,"pointerdown",this),t.style.touchAction=i?"none":""},n.prototype.bindMSPointer=function(t,i){var n=i?"bind":"unbind";e[n](t,"MSPointerDown",this),t.style.msTouchAction=i?"none":""},n.prototype.bindMouseTouch=function(t,i){var n=i?"bind":"unbind";e[n](t,"mousedown",this),e[n](t,"touchstart",this),i&&r(t)};var s="attachEvent"in document.documentElement,r=s?function(t){"IMG"==t.nodeName&&(t.ondragstart=o);for(var e=t.querySelectorAll("img"),i=0,n=e.length;n>i;i++){var s=e[i];s.ondragstart=o}}:i;n.prototype.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.prototype.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.prototype.onMSPointerDown=n.prototype.onpointerdown=function(t){this._pointerDown(t,t)};var l={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"],MSPointerDown:["MSPointerMove","MSPointerUp","MSPointerCancel"]};return n.prototype._pointerDown=function(e,i){this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==i.pointerId?i.pointerId:i.identifier,this._bindPostStartEvents({events:l[e.type],node:e.preventDefault?t:document}),this.pointerDown(e,i),this.emitEvent("pointerDown",[this,e,i]))},n.prototype.pointerDown=i,n.prototype._bindPostStartEvents=function(t){for(var i=0,n=t.events.length;n>i;i++){var o=t.events[i];e.bind(t.node,o,this)}this._boundPointerEvents=t},n.prototype._unbindPostStartEvents=function(){var t=this._boundPointerEvents;if(t&&t.events){for(var i=0,n=t.events.length;n>i;i++){var o=t.events[i];e.unbind(t.node,o,this)}delete this._boundPointerEvents}},n.prototype.onmousemove=function(t){this._pointerMove(t,t)},n.prototype.onMSPointerMove=n.prototype.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.prototype.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n.prototype._pointerMove=function(t,e){this.pointerMove(t,e),this.emitEvent("pointerMove",[this,t,e])},n.prototype.pointerMove=i,n.prototype.onmouseup=function(t){this._pointerUp(t,t)},n.prototype.onMSPointerUp=n.prototype.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.prototype.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n.prototype._pointerUp=function(t,e){this.isPointerDown=!1,delete this.pointerIdentifier,this._unbindPostStartEvents(),this.pointerUp(t,e),this.emitEvent("pointerUp",[this,t,e])},n.prototype.pointerUp=i,n.prototype.onMSPointerCancel=n.prototype.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.prototype.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);this._pointerUp(t,e)},n.getPointerPoint=function(t){return{x:void 0!==t.pageX?t.pageX:t.clientX,y:void 0!==t.pageY?t.pageY:t.clientY}},n.setPointerPoint=function(t,e){t.x=void 0!==e.pageX?e.pageX:e.clientX,t.y=void 0!==e.pageY?e.pageY:e.clientY},n}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/drag",["./unipointer","classie/classie","eventie/eventie","./utils"],function(i,n,o){return e(t,i,n,o)}):"object"==typeof exports?module.exports=e(t,require("./unipointer"),require("desandro-classie"),require("eventie"),require("./utils")):(t.Flickity=t.Flickity||{},t.Flickity.dragPrototype=e(t,t.Unipointer,t.classie,t.eventie,t.utils))}(window,function(t,e,i,n,o){function s(t){t.preventDefault?t.preventDefault():t.returnValue=!1}var r={};o.extend(r,e.prototype),r.bindDrag=function(){this.options.draggable&&(this.handles=[this.viewport],this.bindHandles(),n.bind(this.viewport,"click",this))},r.unbindDrag=function(){this.options.draggable&&(this.bindHandles(!1),n.unbind(this.viewport,"click",this))};var l={INPUT:!0,A:!0,BUTTON:!0};return r.pointerDown=function(t,n){var o=t.target.nodeName,r="touchstart"==t.type,a=l[o];(!r||r&&!a)&&s(t);var h=document.activeElement;h&&h.blur&&h!=this.element&&h.blur(),this.options.accessibility&&"INPUT"!=o&&this.element.focus(),this.velocity=0,this.pointerDownPoint=e.getPointerPoint(n),this.player.stop(),i.add(this.viewport,"is-pointer-down")},r.pointerMove=function(t,i){var n=e.getPointerPoint(i),o=n.x-this.pointerDownPoint.x;!this.isDragging&&Math.abs(o)>3&&this.dragStart(t,i),this.dragMove(n,t,i)},r.pointerUp=function(t,e){this.isDragging?this.dragEnd(t,e):this.staticClick(t,e),i.remove(this.viewport,"is-pointer-down")},r.dragStart=function(t,i){this.isDragging=!0,this.dragStartPoint=e.getPointerPoint(i),this.dragStartPosition=this.x,this.startAnimation(),this.isPreventingClicks=!0,this.dispatchEvent("dragStart",t,[i])},r.dragMove=function(t,e,i){if(this.isDragging){this.previousDragX=this.x;var n=t.x-this.dragStartPoint.x,o=this.options.rightToLeft?-1:1;if(this.x=this.dragStartPosition+n*o,!this.options.wrapAround&&this.cells.length){var s=Math.max(-this.cells[0].target,this.dragStartPosition);this.x=this.x>s?.5*(this.x-s)+s:this.x;var r=Math.min(-this.getLastCell().target,this.dragStartPosition);this.x=this.xthis.cells[0].target&&-n=t}:function(t,e){return e>t};s(e,o)&&(n+=i,o=e,e=this.getCellDistance(-t,n),null!==e);)e=Math.abs(e);return{distance:o,index:n-i}},r.getCellDistance=function(t,e){var i=this.cells.length,n=this.options.wrapAround?o.modulo(e,i):e,s=this.cells[n];if(!s)return null;var r=this.options.wrapAround?this.slideableWidth*Math.floor(e/i):0;return t-(s.target+r)},r.dragEndBoostSelect=function(){var t=this.getCellDistance(-this.x,this.selectedIndex);return t>0&&this.velocity<-1?1:0>t&&this.velocity>1?-1:0},r.onclick=function(t){this.isPreventingClicks&&s(t)},r.staticClick=function(t,e){"INPUT"==t.target.nodeName&&"text"==t.target.type&&t.target.focus(),this.dispatchEvent("staticClick",t,[e])},r}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/animate",["get-style-property/get-style-property","./utils"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("desandro-get-style-property"),require("./utils")):(t.Flickity=t.Flickity||{},t.Flickity.animatePrototype=e(t,t.getStyleProperty,t.utils))}(window,function(t,e,i){for(var n,o=0,s="webkit moz ms o".split(" "),r=t.requestAnimationFrame,l=t.cancelAnimationFrame,a=0;a2&&(this.isAnimating=!1,delete this.isFreeScrolling,d&&this.positionSlider(),this.dispatchEvent("settle"))},h.shiftWrapCells=function(t){var e=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,e,-1);var i=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,i,1)},h._shiftCells=function(t,e,i){for(var n=0,o=t.length;o>n;n++){var s=t[n],r=e>0?i:0;s.wrapShift(r),e-=s.size.outerWidth}},h._unshiftCells=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++)t[e].wrapShift(0)},h.updatePhysics=function(){this.velocity+=this.accel,this.x+=this.velocity,this.velocity*=this.getFrictionFactor(),this.accel=0},h.applyForce=function(t){this.accel+=t},h.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]},h.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())},h.applySelectedAttraction=function(){if(!this.isPointerDown&&!this.isFreeScrolling&&this.cells.length){var t=this.cells[this.selectedIndex],e=this.options.wrapAround?this.slideableWidth*Math.floor(this.selectedIndex/this.cells.length):0,i=-1*(t.target+e)-this.x,n=i*this.options.selectedAttraction;this.applyForce(n)}},h}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/cell-change",["./utils"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("./utils")):(t.Flickity=t.Flickity||{},t.Flickity.cellChangePrototype=e(t,t.utils))}(window,function(t,e){function i(t){for(var e=document.createDocumentFragment(),i=0,n=t.length;n>i;i++){var o=t[i];e.appendChild(o.element)}return e}var n={};return n.insert=function(t,e){var n=this._makeCells(t);if(n&&n.length){var o=this.cells.length;e=void 0===e?o:e;var s=i(n),r=e==o;if(r)this.slider.appendChild(s);else{var l=this.cells[e].element;this.slider.insertBefore(s,l)}if(0===e)this.cells=n.concat(this.cells);else if(r)this.cells=this.cells.concat(n);else{var a=this.cells.splice(e,o-e);this.cells=this.cells.concat(n).concat(a)}this._sizeCells(n),this._cellAddedRemoved(e)}},n.append=function(t){this.insert(t,this.cells.length)},n.prepend=function(t){this.insert(t,0)},n.remove=function(t){for(var i=this.getCells(t),n=0,o=i.length;o>n;n++){var s=i[n];s.remove(),e.removeFrom(s,this.cells)}i.length&&this._cellAddedRemoved(0)},n._cellAddedRemoved=function(t){this.pageDots&&this.pageDots.setDots(),this.selectedIndex=Math.max(0,Math.min(this.cells.length-1,this.selectedIndex)),this.cellChange(t)},n.cellSizeChange=function(t){var i=this.getCell(t);if(i){i.getSize();var n=e.indexOf(this.cells,i);this.cellChange(n)}},n.cellChange=function(t){t=t||0,this._positionCells(t),this._getWrapShiftCells(),this.setContainerSize(),this.options.freeScroll?this.positionSlider():this.select(this.selectedIndex)},n}),function(t,e){if("function"==typeof define&&define.amd)define(["classie/classie","eventEmitter/EventEmitter","eventie/eventie","get-size/get-size","flickity/js/utils","flickity/js/cell","flickity/js/prev-next-button","flickity/js/page-dots","flickity/js/player","flickity/js/drag","flickity/js/animate","flickity/js/cell-change"],function(i,n,o,s,r,l,a,h,c,d,u,p){return e(t,i,n,o,s,r,l,a,h,c,d,u,p)});else if("object"==typeof exports)module.exports=e(t,require("desandro-classie"),require("wolfy87-eventemitter"),require("eventie"),require("get-size"),require("./utils"),require("./cell"),require("./prev-next-button"),require("./page-dots"),require("./player"),require("./drag"),require("./animate"),require("./cell-change"));else{var i=t.Flickity;t.Flickity=e(t,t.classie,t.EventEmitter,t.eventie,t.getSize,t.utils,i.Cell,i.PrevNextButton,i.PageDots,i.Player,i.dragPrototype,i.animatePrototype,i.cellChangePrototype)}}(window,function(t,e,i,n,o,s,r,l,a,h,c,d,u){function p(t,e){for(;t.children.length;)e.appendChild(t.children[0])}function f(t,e){var i=s.getQueryElement(t);return i?(this.element=i,v&&(this.$element=v(this.element)),this.options=s.extend({},this.constructor.defaults),this.option(e),void this._create()):void(m&&m.error("Bad element for Flickity: "+(i||t)))}var v=t.jQuery,g=t.getComputedStyle,m=t.console,y=t.imagesLoaded,x=0,b={};f.defaults={accessibility:!0,freeScrollFriction:.075,friction:.28,cellAlign:"center",draggable:!0,percentPosition:!0,pageDots:!0,prevNextButtons:!0,resizeBound:!0,selectedAttraction:.025,leftArrowText:"←",rightArrowText:"→"},s.extend(f.prototype,i.prototype),f.prototype._create=function(){var e=this.guid=++x;this.element.flickityGUID=e,b[e]=this,this.selectedIndex=this.options.initialIndex||0,this.restingFrames=0,this.x=0,this.velocity=0,this.accel=0,this.originSide=this.options.rightToLeft?"right":"left",this.viewport=document.createElement("div"),this.viewport.className="flickity-viewport",this._createSlider(),this.options.prevNextButtons&&(this.prevButton=new l(-1,this),this.nextButton=new l(1,this)),this.options.pageDots&&(this.pageDots=new a(this)),this.player=new h(this),(this.options.resizeBound||this.options.watchCSS)&&n.bind(t,"resize",this),this.options.watchCSS?this.watchCSS():this.activate() 9 | },f.prototype.option=function(t){s.extend(this.options,t)},f.prototype.activate=function(){this.isActive||(this.isActive=!0,e.add(this.element,"flickity-enabled"),p(this.element,this.slider),this.viewport.appendChild(this.slider),this.element.appendChild(this.viewport),this.getSize(),this.reloadCells(),this.setContainerSize(),this.prevButton&&this.prevButton.activate(),this.nextButton&&this.nextButton.activate(),this.pageDots&&this.pageDots.activate(),this.options.autoPlay&&(this.player.play(),n.bind(this.element,"mouseenter",this)),this.positionSliderAtSelected(),this.select(this.selectedIndex),this.imagesLoaded(),this.bindDrag(),this.options.accessibility&&(this.element.tabIndex=0,n.bind(this.element,"keydown",this)))},f.prototype._createSlider=function(){var t=document.createElement("div");t.className="flickity-slider",t.style[this.originSide]=0,this.slider=t},f.prototype.reloadCells=function(){this.cells=this._makeCells(this.slider.children),this.positionCells(this.cells),this._getWrapShiftCells(),this.setContainerSize()},f.prototype._makeCells=function(t){for(var e=s.filterFindElements(t,this.options.cellSelector),i=[],n=0,o=e.length;o>n;n++){var l=e[n],a=new r(l,this);i.push(a)}return i},f.prototype.getLastCell=function(){return this.cells[this.cells.length-1]},f.prototype.positionCells=function(){this._sizeCells(this.cells),this._positionCells(0)},f.prototype._positionCells=function(t){this.maxCellHeight=t?this.maxCellHeight||0:0;var e=0;if(t>0){var i=this.cells[t-1];e=i.x+i.size.outerWidth}for(var n,o=this.cells.length,s=t;o>s;s++)n=this.cells[s],n.setPosition(e),e+=n.size.outerWidth,this.maxCellHeight=Math.max(n.size.outerHeight,this.maxCellHeight);this.slideableWidth=e,this._containCells()},f.prototype._sizeCells=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];n.getSize()}},f.prototype.getSize=function(){this.size=o(this.element),this.setCellAlign(),this.cursorPosition=this.size.innerWidth*this.cellAlign};var C={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};f.prototype.setCellAlign=function(){var t=C[this.options.cellAlign];this.cellAlign=t?t[this.originSide]:this.options.cellAlign},f.prototype.setContainerSize=function(){this.viewport.style.height=this.maxCellHeight+"px"},f.prototype._getWrapShiftCells=function(){if(this.options.wrapAround){this._unshiftCells(this.beforeShiftCells),this._unshiftCells(this.afterShiftCells);var t=this.cursorPosition,e=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,e,-1),t=this.size.innerWidth-this.cursorPosition,this.afterShiftCells=this._getGapCells(t,0,1)}},f.prototype._getGapCells=function(t,e,i){for(var n=[];t>0;){var o=this.cells[e];if(!o)break;n.push(o),e+=i,t-=o.size.outerWidth}return n},f.prototype._containCells=function(){if(this.options.contain&&!this.options.wrapAround)for(var t=this.getLastCell(),e=this.options.rightToLeft?"marginLeft":"marginRight",i=this.slideableWidth-t.size[e],n=i-this.size.innerWidth*(1-this.cellAlign),o=0,s=this.cells.length;s>o;o++){var r=this.cells[o];r.setDefaultTarget(),r.target=Math.max(r.target,this.cursorPosition),r.target=Math.min(r.target,n)}},f.prototype.dispatchEvent=function(t,e,i){var n=[e].concat(i);if(this.emitEvent(t,n),v&&this.$element)if(e){var o=v.Event(e);o.type=t,this.$element.trigger(o,i)}else this.$element.trigger(t,i)},f.prototype.select=function(t,e){this.isActive&&(this.options.wrapAround&&(0>t?this.x-=this.slideableWidth:t>=this.cells.length&&(this.x+=this.slideableWidth)),(this.options.wrapAround||e)&&(t=s.modulo(t,this.cells.length)),this.cells[t]&&(this.selectedIndex=t,this.setSelectedCell(),this.startAnimation(),this.dispatchEvent("select")))},f.prototype.previous=function(t){this.select(this.selectedIndex-1,t)},f.prototype.next=function(t){this.select(this.selectedIndex+1,t)},f.prototype.updatePrevNextButtons=function(){this.prevButton&&this.prevButton.update(),this.nextButton&&this.nextButton.update()},f.prototype.setSelectedCell=function(){this._removeSelectedCellClass(),this.selectedCell=this.cells[this.selectedIndex],e.add(this.selectedCell.element,"is-selected")},f.prototype._removeSelectedCellClass=function(){this.selectedCell&&e.remove(this.selectedCell.element,"is-selected")},f.prototype.uiChange=function(){this.player.stop(),delete this.isFreeScrolling},f.prototype.imagesLoaded=function(){function t(t,i){var n=e.getCell(i.img),o=n.element||s.getParent(i.img,".flickity-slider > *");e.cellSizeChange(o)}if(this.options.imagesLoaded&&y){var e=this;y(this.slider).on("progress",t)}},f.prototype.getCell=function(t){for(var e=0,i=this.cells.length;i>e;e++){var n=this.cells[e];if(n.element==t)return n}},f.prototype.getCells=function(t){t=s.makeArray(t);for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i],r=this.getCell(o);r&&e.push(r)}return e},f.prototype.onresize=function(){this.watchCSS(),this.resize()},s.debounceMethod(f,"onresize",150),f.prototype.resize=function(){this.isActive&&(this.getSize(),this.options.wrapAround&&(this.x=s.modulo(this.x,this.slideableWidth)),this.positionCells(),this._getWrapShiftCells(),this.setContainerSize(),this.positionSliderAtSelected())};var S=f.supportsConditionalCSS=function(){var t;return function(){if(void 0!==t)return t;if(!g)return void(t=!1);var e=document.createElement("style"),i=document.createTextNode('body:after { content: "foo"; display: none; }');e.appendChild(i),document.head.appendChild(e);var n=g(document.body,":after").content;return t=-1!=n.indexOf("foo"),document.head.removeChild(e),t}}();return f.prototype.watchCSS=function(){var t=this.options.watchCSS;if(t){var e=S();if(!e){var i="fallbackOn"==t?"activate":"deactivate";return void this[i]()}var n=g(this.element,":after").content;-1!=n.indexOf("flickity")?this.activate():this.deactivate()}},f.prototype.onkeydown=function(t){if(this.options.accessibility&&(!document.activeElement||document.activeElement==this.element))if(37==t.keyCode){var e=this.options.rightToLeft?"next":"previous";this.uiChange(),this[e]()}else if(39==t.keyCode){var i=this.options.rightToLeft?"previous":"next";this.uiChange(),this[i]()}},f.prototype.onmouseenter=function(){this.player.pause(),n.bind(this.element,"mouseleave",this)},f.prototype.onmouseleave=function(){this.player.unpause(),n.unbind(this.element,"mouseleave",this)},f.prototype.deactivate=function(){if(this.isActive){e.remove(this.element,"flickity-enabled");for(var t=0,i=this.cells.length;i>t;t++){var o=this.cells[t];o.destroy()}this._removeSelectedCellClass(),this.element.removeChild(this.viewport),p(this.slider,this.element),this.prevButton&&this.prevButton.deactivate(),this.nextButton&&this.nextButton.deactivate(),this.pageDots&&this.pageDots.deactivate(),this.player.stop(),this.unbindDrag(),this.options.accessibility&&(this.element.removeAttribute("tabIndex"),n.unbind(this.element,"keydown",this)),this.isActive=!1,this.isAnimating=!1}},f.prototype.destroy=function(){this.deactivate(),(this.options.resizeBound||this.options.watch)&&n.unbind(t,"resize",this),delete this.element.flickityGUID,delete b[this.guid]},s.extend(f.prototype,c),s.extend(f.prototype,d),s.extend(f.prototype,u),f.data=function(t){t=s.getQueryElement(t);var e=t&&t.flickityGUID;return e&&b[e]},s.htmlInit(f,"flickity"),v&&v.bridget&&v.bridget("flickity",f),f.Cell=r,f.PrevNextButton=l,f.PageDots=a,f.Player=h,f}); --------------------------------------------------------------------------------