├── .gitignore ├── .index.html.swp ├── CNAME ├── Gruntfile.js ├── css ├── importer.css ├── importer.scss ├── includes │ ├── grid.min.scss │ ├── normalize.min.scss │ ├── styles.css │ └── styles.scss └── styles.css ├── fonts ├── HelveticaNeue.otf ├── HelveticaNeueUL.otf └── KGPEL.otf ├── images ├── 32a8331d1e.png ├── background.afdesign ├── fbbanner.png ├── fbbanner.svg ├── fbbannernotext.png ├── fbbannernotext.svg ├── finallogo.svg ├── icon.svg ├── infuturelogo.png ├── infuturesil4.svg ├── profilepic.png ├── profilepic.svg ├── rocket.svg ├── sponsors │ ├── DayOne.jpg │ ├── DayOne.png │ ├── HackEDU.svg │ ├── ORIGINALDayOne.png │ ├── ORIGINALhackerfund.png │ ├── ORIGINALstudentrnd.jpg │ ├── ORIGINALstudentrnd.png │ ├── hackerfund.png │ ├── homeswipe.png │ ├── ignition.png │ ├── kitchencycle.png │ ├── makeschool.png │ ├── makeschool.svg │ ├── studentrnd.png │ ├── younghackers.png │ └── younghackers.svg ├── stars.svg ├── train.svg ├── twitterbanner.png └── twitterbanner.svg ├── index.html ├── js ├── Counter.js ├── bootstrap.min.js ├── jquery.easing.1.3.js ├── jquery.plusanchor.js ├── jquery.slicknav.min.js ├── jquery.typer.js ├── ms.js ├── parse-1.2.18.min.js └── script.js ├── logo.ico └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache 2 | *.css.map 3 | node_modules 4 | .DS_STORE 5 | -------------------------------------------------------------------------------- /.index.html.swp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/.index.html.swp -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | infuture.io 2 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt){ 2 | grunt.initConfig({ 3 | sass: { 4 | compile: { 5 | options: { 6 | style: 'compressed', 7 | sourcemap: 'none' 8 | }, 9 | files: { 10 | 'css/styles.css': 'css/importer.scss' 11 | } 12 | } 13 | }, 14 | watch: { 15 | style: { 16 | files: "css/**/*.scss", 17 | tasks: ['sass'] 18 | } 19 | } 20 | }); 21 | 22 | grunt.loadNpmTasks('grunt-contrib-watch'); 23 | grunt.loadNpmTasks('grunt-contrib-sass'); 24 | 25 | grunt.registerTask('default', ['sass:compile','watch']); 26 | } 27 | -------------------------------------------------------------------------------- /css/importer.scss: -------------------------------------------------------------------------------- 1 | 2 | // importer.scss 3 | // author - Paul Vorobyev 4 | // this imports all of the stylesheets and concatenates them into one. 5 | // DO NOT EDIT THIS FILE UNLESS ABSOLUTELY NECESSARY 6 | // If you need to make edits, everything is in includes/styles.scss 7 | // Thank you c: 8 | 9 | @import 'includes/normalize.min'; 10 | @import 'includes/styles'; 11 | @import 'includes/grid.min'; -------------------------------------------------------------------------------- /css/includes/grid.min.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}} -------------------------------------------------------------------------------- /css/includes/normalize.min.scss: -------------------------------------------------------------------------------- 1 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} -------------------------------------------------------------------------------- /css/includes/styles.css: -------------------------------------------------------------------------------- 1 | /* General */ 2 | /* STYLES */ 3 | @font-face { 4 | font-family: "Kozuka"; 5 | src: url("../fonts/KGPEL.otf") format("opentype"); 6 | font-weight: 300; } 7 | @font-face { 8 | font-family: "Helvetica"; 9 | src: url("../fonts/HelveticaNeue.otf") format("opentype"); 10 | font-weight: 400; } 11 | html, body { 12 | position: relative; 13 | width: 100%; 14 | height: 100%; 15 | margin: 0; 16 | padding: 0; 17 | top: 0; 18 | left: 0; 19 | border: 0; 20 | outline: 0; 21 | font-size: 100%; 22 | vertical-align: baseline; 23 | background: transparent; } 24 | 25 | body { 26 | background-color: #225eff !important; } 27 | 28 | .introduction { 29 | position: relative; 30 | z-index: 0; 31 | width: 100%; 32 | height: 100%; 33 | margin: 0; 34 | padding: 0; 35 | overflow: hidden; 36 | background: #0033bc no-repeat top center scroll; 37 | background-image: url(../images/stars.svg); 38 | background-image: url(../images/stars.svg), -webkit-linear-gradient(top, #0033bc, #0038cf, #003ee6, #074bff, #225eff); 39 | background-image: url(../images/stars.svg), -moz-linear-gradient(top, #0033bc, #0038cf, #003ee6, #074bff, #225eff); 40 | background-image: url(../images/stars.svg), -o-linear-gradient(top, #0033bc, #0038cf, #003ee6, #074bff, #225eff); 41 | background-image: url(../images/stars.svg), linear-gradient(to bottom, #0033bc, #0038cf, #003ee6, #074bff, #225eff); 42 | -webkit-transform-style: preserve-3d; 43 | -moz-transform-style: preserve-3d; 44 | transform-style: preserve-3d; } 45 | .introduction .content { 46 | position: relative; 47 | top: 50%; 48 | -webkit-transform: translateY(-50%); 49 | -ms-transform: translateY(-50%); 50 | transform: translateY(-50%); 51 | text-align: center; 52 | z-index: 10; } 53 | .introduction .content .logo { 54 | height: 71px; 55 | width: 138px; 56 | display: block; 57 | margin-left: auto; 58 | margin-right: auto; 59 | margin-bottom: 25px; 60 | background-position: center center !important; 61 | background-origin: content-box !important; 62 | background-size: contain !important; 63 | background-repeat: no-repeat !important; } 64 | .introduction .content h1.title { 65 | display: inline-block; 66 | margin: 10px; 67 | padding: 0; 68 | color: #229aff; 69 | font-family: "Raleway", sans-serif !important; 70 | font-weight: 200; 71 | font-size: 96px; 72 | text-transform: uppercase; } 73 | .introduction .content h1.title span { 74 | font-weight: 400; 75 | color: #f7f7f7; } 76 | .introduction .content h2.caption { 77 | margin: 15px; 78 | padding: 0; 79 | color: #d6eff7; 80 | font-family: "Open Sans", sans-serif !important; 81 | font-weight: 300; 82 | font-size: 36px; 83 | text-shadow: 0px 0px 3px #c5c5c5; } 84 | 85 | .subscriptionForm { 86 | /* 87 | position: relative; 88 | top: 65%; 89 | -webkit-transform: translateY(-65%); 90 | -ms-transform: translateY(-65%); 91 | transform: translateY(-65%); 92 | */ } 93 | 94 | .input-box { 95 | display: inline; 96 | width: 375px; 97 | margin: 10px auto; 98 | padding: 14px 14px; 99 | font-family: "Open Sans", sans-serif !important; 100 | font-size: 18px !important; 101 | font-weight: 300 !important; 102 | color: #555459; 103 | border: 1px solid #c5c5c5; 104 | border-radius: 5px; 105 | outline: 0; 106 | background-color: #f7f7f7; } 107 | 108 | .btnSubscribe { 109 | display: inline; 110 | margin: 25px auto; 111 | padding: 14px 14px; 112 | font-family: "Open Sans", sans-serif !important; 113 | font-size: 18px !important; 114 | font-weight: 400 !important; 115 | background-color: #2ecc71; 116 | color: #f7f7f7; 117 | opacity: 0.9; 118 | border: 1px solid #2ecc71; 119 | border-radius: 5px; 120 | outline: 0; 121 | -webkit-transition: all 150ms ease-in; 122 | -moz-transition: all 150ms ease-in; 123 | -ms-transition: all 150ms ease-in; 124 | -o-transition: all 150ms ease-in; 125 | transition: all 150ms ease-in; } 126 | .btnSubscribe:hover { 127 | opacity: 0.75; } 128 | 129 | .statistics { 130 | z-index: 2; 131 | width: 100%; 132 | margin: 0; 133 | padding: 15px 0; 134 | background-color: #225eff !important; } 135 | .statistics .row { 136 | max-width: 100%; 137 | margin: 0; 138 | padding: 0; } 139 | .statistics .fact { 140 | padding: 12px 0 12px 0; 141 | text-align: center; 142 | font-family: "Open Sans", sans-serif !important; 143 | background: url(../images/cloud.svg); 144 | background-position: center center !important; 145 | background-origin: content-box !important; 146 | background-size: contain !important; 147 | background-repeat: no-repeat !important; } 148 | .statistics .fact .numbers { 149 | font-weight: 400; 150 | font-size: 60px; 151 | color: #f7f7f7; 152 | margin: 7px; 153 | padding: 0; } 154 | .statistics .fact .object { 155 | font-weight: 300; 156 | font-size: 25px; 157 | color: #d6eff7; 158 | margin: 7px; 159 | padding: 0; 160 | text-transform: uppercase; } 161 | 162 | .faq { 163 | background: #225eff no-repeat bottom center scroll; 164 | background-image: url(../images/infuturesil3.svg); 165 | background-image: url(../images/infuturesil3.svg), -webkit-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #c3b680, #ffb402); 166 | background-image: url(../images/infuturesil3.svg), -moz-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #c3b680, #ffb402); 167 | background-image: url(../images/infuturesil3.svg), -o-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #c3b680, #ffb402); 168 | background-image: url(../images/infuturesil3.svg), linear-gradient(to bottom, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #c3b680, #ffb402); 169 | color: #f7f7f7 !important; 170 | padding: 75px 0 29px 0; 171 | text-align: center; } 172 | .faq .title { 173 | font-family: "Open Sans", sans-serif !important; 174 | font-size: 48px; 175 | font-weight: 400; 176 | margin-bottom: 5px !important; 177 | color: #f7f7f7 !important; } 178 | .faq .question { 179 | font-family: "Open Sans", sans-serif !important; 180 | font-size: 28px; 181 | font-weight: 400; 182 | text-align: left; 183 | margin: 45px auto 10px auto; 184 | color: #f7f7f7 !important; } 185 | .faq .answer { 186 | font-family: "Open Sans", sans-serif !important; 187 | font-size: 18px; 188 | font-weight: 400; 189 | text-align: left; 190 | line-height: 2; 191 | color: #f7f7f7 !important; } 192 | .faq a { 193 | color: #f7f7f7; 194 | text-decoration: underline; 195 | -webkit-transition: all 250ms ease-out; 196 | -moz-transition: all 250ms ease-out; 197 | -ms-transition: all 250ms ease-out; 198 | -o-transition: all 250ms ease-out; 199 | transition: all 250ms ease-out; } 200 | .faq a:hover { 201 | color: #0033bc; 202 | text-decoration: underline; } 203 | .faq .contact { 204 | font-family: "Open Sans", sans-serif !important; 205 | font-size: 28px; 206 | font-weight: 400; 207 | text-align: center; 208 | margin-top: 300px; 209 | margin-bottom: 0px !important; 210 | color: #f7f7f7; } 211 | .faq .contact a { 212 | color: #f7f7f7; } 213 | .faq .contact a:hover { 214 | color: #0033BC; } 215 | .faq .citybg { 216 | position: relative; 217 | height: 100%; 218 | width: 100%; 219 | bottom: -65px; } 220 | .faq .citybg img { 221 | position: absolute; 222 | width: 100%; 223 | left: 0; 224 | bottom: 0; } 225 | 226 | .sponsors-section { 227 | width: 100%; 228 | margin: 0; 229 | padding: 30px 0 110px 0; 230 | margin: 0 auto; 231 | text-align: center; 232 | background: #2c5aa0; } 233 | .sponsors-section .container { 234 | text-align: center; } 235 | .sponsors-section .title { 236 | font-size: 48px; 237 | font-family: "Open Sans", sans-serif !important; 238 | font-weight: 400; 239 | text-align: center; 240 | text-transform: uppercase; 241 | margin-bottom: 20px; 242 | color: #f7f7f7; } 243 | .sponsors-section .sponsor-container, .sponsors-section .special-sponsor-container { 244 | display: inline-block; 245 | height: 120px; 246 | width: 200px; 247 | margin: 0px auto; 248 | padding: 0; 249 | background-position: center center !important; 250 | background-origin: content-box !important; 251 | background-size: contain !important; 252 | background-repeat: no-repeat !important; } 253 | .sponsors-section .sponsor-container .sponsors, .sponsors-section .special-sponsor-container .sponsors, .sponsors-section .special-sponsor-container .special-sponsors { 254 | height: 100%; 255 | width: 140px; 256 | margin: 5px auto; 257 | padding: 0px 10px; 258 | background-position: center center !important; 259 | background-origin: content-box !important; 260 | background-size: contain !important; 261 | background-repeat: no-repeat !important; 262 | -webkit-transition: all 250ms ease-out; 263 | -moz-transition: all 250ms ease-out; 264 | -ms-transition: all 250ms ease-out; 265 | -o-transition: all 250ms ease-out; 266 | transition: all 250ms ease-out; 267 | border-bottom: solid 2px rgba(255, 255, 255, 0); } 268 | .sponsors-section .sponsor-container .sponsors:hover, .sponsors-section .special-sponsor-container .sponsors:hover, .sponsors-section .special-sponsor-container .special-sponsors:hover { 269 | border-bottom: solid 2px #0033BC; } 270 | .sponsors-section .special-sponsor-container { 271 | width: 350px; 272 | height: 210px; } 273 | .sponsors-section .special-sponsor-container .special-sponsors { 274 | width: 245px; 275 | margin: 15px auto; } 276 | .sponsors-section .contact { 277 | font-size: 28px; 278 | font-family: "Open Sans", sans-serif !important; 279 | font-weight: 400; 280 | text-align: center; 281 | margin-top: 50px; 282 | margin-bottom: 0px !important; 283 | color: #f7f7f7; } 284 | .sponsors-section .contact a { 285 | color: #f7f7f7; 286 | text-decoration: underline; 287 | -webkit-transition: all 250ms ease-out; 288 | -moz-transition: all 250ms ease-out; 289 | -ms-transition: all 250ms ease-out; 290 | -o-transition: all 250ms ease-out; 291 | transition: all 250ms ease-out; } 292 | .sponsors-section .contact a:hover { 293 | color: #0033BC; 294 | text-decoration: underline; } 295 | 296 | .footer { 297 | width: 100%; 298 | margin: 0; 299 | padding: 30px 0 0 0; 300 | margin: 0 auto; 301 | text-align: center; 302 | background-color: #666666; 303 | height: 140px; } 304 | 305 | /*margin: 0; }*/ 306 | #see-more { 307 | -webkit-animation-duration: 1s; 308 | animation-duration: 1s; 309 | -webkit-animation-fill-mode: both; 310 | animation-fill-mode: both; 311 | -webkit-animation-name: fadeIn; 312 | animation-name: fadeIn; 313 | -webkit-animation-delay: 0.5s; 314 | animation-delay: 0.5s; 315 | -webkit-animation-duration: 3s; 316 | animation-duration: 3s; 317 | z-index: 1; 318 | text-align: center; 319 | line-height: 101px; 320 | color: #f7f7f7; 321 | font-size: 20px; 322 | display: block; 323 | width: 170px; 324 | height: 85px; 325 | background-color: rgba(128, 128, 128, 0.3); 326 | font-family: "Open Sans", sans-serif !important; 327 | border-radius: 170px 170px 0 0; 328 | -moz-border-radius: 170px 170px 0 0; 329 | -webkit-border-radius: 170px 170px 0 0; 330 | position: absolute; 331 | bottom: 0px; 332 | left: 50%; 333 | opacity: 1; 334 | text-decoration: none; 335 | -webkit-transform: translateX(-50%); 336 | -moz-transform: translateX(-50%); 337 | -ms-transform: translateX(-50%); 338 | transform: translateX(-50%); 339 | -webkit-transition: all .3s; 340 | -moz-transition: all .3s; 341 | transition: all .3s; 342 | cursor: pointer; } 343 | #see-more:hover { 344 | opacity: 1; 345 | width: 180px; 346 | height: 95px; } 347 | #see-more:hover .uline:after { 348 | width: 90px; } 349 | @-webkit-keyframes fadeIn { 350 | 0% { 351 | opacity: 0; } 352 | 100% { 353 | opacity: 1; } } 354 | @keyframes fadeIn { 355 | 0% { 356 | opacity: 0; } 357 | 100% { 358 | opacity: 1; } } 359 | #back-to-top { 360 | z-index: 1; 361 | text-align: center; 362 | line-height: 101px; 363 | color: #f7f7f7; 364 | font-size: 20px; 365 | display: block; 366 | width: 170px; 367 | height: 85px; 368 | background-color: rgba(128, 128, 128, 0.6); 369 | font-family: "Open Sans", sans-serif !important; 370 | border-radius: 170px 170px 0 0; 371 | -moz-border-radius: 170px 170px 0 0; 372 | -webkit-border-radius: 170px 170px 0 0; 373 | position: relative; 374 | bottom: 0px; 375 | left: 50%; 376 | opacity: 1; 377 | text-decoration: none; 378 | -webkit-transform: translateX(-50%); 379 | -moz-transform: translateX(-50%); 380 | -ms-transform: translateX(-50%); 381 | transform: translateX(-50%); 382 | -webkit-transition: all .3s; 383 | -moz-transition: all .3s; 384 | transition: all .3s; 385 | cursor: pointer; 386 | overflow: hidden; } 387 | #back-to-top:hover { 388 | opacity: 1; 389 | width: 180px; 390 | height: 95px; 391 | bottom: 10px; } 392 | #back-to-top:hover .uline:after { 393 | width: 110px; } 394 | 395 | .grayscale { 396 | -webkit-filter: grayscale(100%); 397 | filter: grayscale(100%); } 398 | 399 | .uline { 400 | position: relative; } 401 | .uline:after { 402 | content: ""; 403 | display: block; 404 | margin: -40px auto; 405 | width: 0%; 406 | height: 1px; 407 | background-color: #f7f7f7; 408 | -webkit-transition: width .3s; 409 | -moz-transition: width .3s; 410 | transition: width .3s; } 411 | 412 | .rocket-container { 413 | position: absolute; 414 | display: block; 415 | left: 0; 416 | right: 0; 417 | top: 0; 418 | height: 68px; 419 | width: 100px; 420 | margin-left: auto; 421 | margin-right: auto; 422 | -webkit-transition: all 150ms ease-in; 423 | -moz-transition: all 150ms ease-in; 424 | -ms-transition: all 150ms ease-in; 425 | -o-transition: all 150ms ease-in; 426 | transition: all 150ms ease-in; } 427 | .rocket-container .rocket { 428 | height: 100%; 429 | background-image: url(../images/rocket.svg); 430 | background-position: center center !important; 431 | background-origin: content-box !important; 432 | background-size: contain !important; 433 | background-repeat: no-repeat !important; 434 | z-index: 0; } 435 | 436 | .animated { 437 | -webkit-animation-duration: 1s; 438 | animation-duration: 1s; 439 | -webkit-animation-fill-mode: both; 440 | animation-fill-mode: both; } 441 | 442 | .animated.infinite { 443 | -webkit-animation-iteration-count: infinite; 444 | animation-iteration-count: infinite; } 445 | 446 | .animated.hinge { 447 | -webkit-animation-duration: 2s; 448 | animation-duration: 2s; } 449 | 450 | @-webkit-keyframes fadeInDown { 451 | 0% { 452 | opacity: 0; 453 | -webkit-transform: translate3d(0, -100%, 0); 454 | transform: translate3d(0, -100%, 0); } 455 | 100% { 456 | opacity: 1; 457 | -webkit-transform: none; 458 | transform: none; } } 459 | @keyframes fadeInDown { 460 | 0% { 461 | opacity: 0; 462 | -webkit-transform: translate3d(0, -100%, 0); 463 | transform: translate3d(0, -100%, 0); } 464 | 100% { 465 | opacity: 1; 466 | -webkit-transform: none; 467 | transform: none; } 468 | animation-delay: 5s; } 469 | .fadeInDown { 470 | -webkit-animation-name: fadeInDown; 471 | animation-name: fadeInDown; 472 | -webkit-animation-delay: 1.5s; 473 | animation-delay: 1.5s; 474 | -webkit-animation-duration: 1.5s; 475 | animation-duration: 1.5s; } 476 | 477 | @-webkit-keyframes fadeInUp { 478 | 0% { 479 | opacity: 0; 480 | -webkit-transform: translate3d(0, 100%, 0); 481 | transform: translate3d(0, 100%, 0); } 482 | 100% { 483 | opacity: 1; 484 | -webkit-transform: none; 485 | transform: none; } } 486 | @keyframes fadeInUp { 487 | 0% { 488 | opacity: 0; 489 | -webkit-transform: translate3d(0, 100%, 0); 490 | transform: translate3d(0, 100%, 0); } 491 | 100% { 492 | opacity: 1; 493 | -webkit-transform: none; 494 | transform: none; } } 495 | .fadeInUp { 496 | -webkit-animation-name: fadeInUp; 497 | animation-name: fadeInUp; 498 | -webkit-animation-delay: 1.3s; 499 | animation-delay: 1.3s; 500 | -webkit-animation-duration: 1.5s; 501 | animation-duration: 1.5s; } 502 | 503 | @-webkit-keyframes fadeIn { 504 | 0% { 505 | opacity: 0; } 506 | 100% { 507 | opacity: 1; } } 508 | @keyframes fadeIn { 509 | 0% { 510 | opacity: 0; } 511 | 100% { 512 | opacity: 1; } } 513 | .fadeIn { 514 | -webkit-animation-name: fadeIn; 515 | animation-name: fadeIn; 516 | -webkit-animation-delay: 1.5s; 517 | animation-delay: 1.5s; 518 | -webkit-animation-duration: 1.5s; 519 | animation-duration: 1.5s; } 520 | 521 | @-webkit-keyframes flyThrough { 522 | 0% { 523 | -webkit-transform: translate3d(0, 3000%, 0); 524 | transform: translate3d(0, 3000%, 0); } 525 | 100% { 526 | -webkit-transform: translate3d(0, -3000%, 0); 527 | transform: translate3d(0, -3000%, 0); } } 528 | @keyframes flyThrough { 529 | 0% { 530 | -webkit-transform: translate3d(0, 3000%, 0); 531 | transform: translate3d(0, 3000%, 0); } 532 | 100% { 533 | -webkit-transform: translate3d(0, -3000%, 0); 534 | transform: translate3d(0, -3000%, 0); } 535 | animation-delay: 5s; } 536 | .flyThrough { 537 | -webkit-animation-name: flyThrough; 538 | animation-name: flyThrough; 539 | -webkit-animation-delay: 0s; 540 | animation-delay: 0s; 541 | -webkit-animation-duration: 6.0s; 542 | animation-duration: 6.0s; } 543 | 544 | #navS { 545 | display: none; } 546 | 547 | .button-gray { 548 | background: gray; } 549 | 550 | @media only screen and (max-device-width: 480px) { 551 | #menuButton, #navS, #navSBG, #closeButton, .button { 552 | height: 70px !important; } 553 | 554 | #menuButton, #closeButton { 555 | width: 70px !important; } 556 | 557 | #navS { 558 | position: fixed; 559 | top: 0; 560 | left: 0; 561 | width: 100%; 562 | z-index: 20; 563 | background-color: transparent; } 564 | #navS A { 565 | text-decoration: none; } 566 | #navS #navSBG { 567 | position: absolute; 568 | top: 0; 569 | left: 0; 570 | width: 100%; 571 | z-index: 21; 572 | background-color: rgba(39, 37, 50, 0.8); 573 | text-align: center; 574 | display: table; 575 | padding: 0 !important; } 576 | #navS #navSBG .button { 577 | position: relative; 578 | top: 0; 579 | left: 0; 580 | z-index: 21; 581 | font-size: 4.5vw; 582 | text-align: center; 583 | vertical-align: middle; 584 | color: white; 585 | background-color: transparent !important; 586 | cursor: pointer; 587 | transition: color 0.5s; 588 | display: inline-block; 589 | font-family: "Open Sans", sans-serif; 590 | width: 100% !important; 591 | margin: 1em auto !important; 592 | line-height: 55px !important; } 593 | #navS #navSBG .buttonText { 594 | margin: 0; } 595 | 596 | #menuButton { 597 | transition: background-color 0.5s; 598 | z-index: 11; 599 | display: block !important; 600 | line-height: normal !important; } 601 | #menuButton .menuButtonSection { 602 | position: relative; 603 | background-color: white; 604 | top: 0 !important; 605 | left: 0 !important; 606 | margin: 10.5px 14px !important; 607 | height: 7px !important; 608 | width: 42px !important; 609 | display: block !important; } 610 | #menuButton .topSection { 611 | margin-top: 14px !important; } 612 | #menuButton .botSection { 613 | margin-bottom: 14px !important; } 614 | 615 | #closeButton, #menuButton { 616 | position: fixed; 617 | top: 0; 618 | left: 0; 619 | cursor: pointer; } 620 | 621 | #closeButton { 622 | display: none; 623 | transition: background-color 0.5s; 624 | z-index: 22; } 625 | #closeButton .closeButtonSection { 626 | position: absolute; 627 | margin: 45% 20%; 628 | height: 10%; 629 | width: 60%; 630 | background-color: white; } 631 | #closeButton .closeButtonSection:first-child { 632 | -ms-transform: rotate(45deg); 633 | -moz-transform: rotate(45deg); 634 | -webkit-transform: rotate(45deg); 635 | transform: rotate(45deg); } 636 | #closeButton .closeButtonSection:last-child { 637 | -ms-transform: rotate(-45deg); 638 | -moz-transform: rotate(-45deg); 639 | -webkit-transform: rotate(-45deg); 640 | transform: rotate(-45deg); } 641 | 642 | .introduction .logo { 643 | height: 36.979px !important; 644 | width: 71.875px !important; } 645 | .introduction .title { 646 | font-size: 50px !important; } 647 | .introduction .caption { 648 | font-size: 25px !important; } 649 | .introduction form { 650 | font-size: 20px !important; } 651 | .introduction form input.input-box { 652 | margin-top: 15px !important; 653 | width: 90% !important; } 654 | .introduction form button.btnSubscribe { 655 | margin-top: 20px !important; } 656 | 657 | .faq { 658 | padding-bottom: 0px !important; 659 | background-image: url(../images/infuturesil3.svg), -webkit-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #ffb402) !important; 660 | background-image: url(../images/infuturesil3.svg), -moz-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #ffb402) !important; 661 | background-image: url(../images/infuturesil3.svg), -o-linear-gradient(top, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #ffb402) !important; 662 | background-image: url(../images/infuturesil3.svg), linear-gradient(to bottom, #225eff, #2767ff, #2c71ff, #3e83ff, #5096ff, #88b8ff, #ffb402) !important; } 663 | .faq .row { 664 | margin-left: 1em !important; 665 | margin-right: 1em !important; } 666 | .faq .contact { 667 | margin-left: 1em !important; 668 | margin-right: 1em !important; 669 | margin-top: 170px !important; } 670 | 671 | .sponsors-section { 672 | padding-top: 100px !important; } 673 | .sponsors-section .title { 674 | font-size: 40px; } 675 | .sponsors-section .special-sponsor-container { 676 | width: 100% !important; } 677 | .sponsors-section .contact { 678 | margin-left: 1em !important; 679 | margin-right: 1em !important; } } 680 | @media only screen and (max-device-height: 550px) { 681 | #see-more { 682 | display: none !important; } } 683 | @media screen and (max-height: 405px) { 684 | #see-more { 685 | display: none !important; } } 686 | 687 | /*# sourceMappingURL=styles.css.map */ 688 | -------------------------------------------------------------------------------- /css/includes/styles.scss: -------------------------------------------------------------------------------- 1 | /* General */ 2 | @mixin vertical-align { 3 | position: relative; 4 | top: 50%; 5 | -webkit-transform: translateY(-50%); 6 | -ms-transform: translateY(-50%); 7 | transform: translateY(-50%); 8 | } 9 | 10 | @mixin parent-element { 11 | -webkit-transform-style: preserve-3d; 12 | -moz-transform-style: preserve-3d; 13 | transform-style: preserve-3d; 14 | } 15 | 16 | $body-font: 'Open Sans', sans-serif; 17 | $title-font: 'Raleway', sans-serif; 18 | 19 | $color-white: #f7f7f7; 20 | $color-black: #1D1D1D; 21 | $color-gray: #555459; 22 | $color-lgray: #707070; 23 | $color-elgray: #c5c5c5; 24 | $color-emerald: #2ecc71; 25 | $color-bluewhite: #d6eff7; 26 | $color-darkwhite: #ecf0f1; 27 | $color-blue: #229aff; 28 | $color-red: #e74c3c; 29 | /* STYLES */ 30 | 31 | @font-face { 32 | font-family: "Kozuka"; 33 | src: url("../fonts/KGPEL.otf") format("opentype"); 34 | font-weight: 300; 35 | } 36 | 37 | @font-face { 38 | font-family: "Helvetica"; 39 | src: url("../fonts/HelveticaNeue.otf") format("opentype"); 40 | font-weight: 400; 41 | } 42 | 43 | html, body{ 44 | position: relative; 45 | width: 100%; 46 | height: 100%; 47 | margin: 0; 48 | padding: 0; 49 | top: 0; 50 | left: 0; 51 | border: 0; 52 | outline: 0; 53 | font-size: 100%; 54 | vertical-align: baseline; 55 | background: transparent; 56 | } 57 | 58 | body { 59 | background-color: #225eff !important; 60 | } 61 | 62 | .introduction { 63 | position: relative; 64 | z-index: 0; 65 | 66 | width: 100%; 67 | height: 100%; 68 | // height: -moz-calc(100% - 150px); 69 | // height: -webkit-calc(100% - 150px); 70 | // height: calc(100% - 150px); 71 | 72 | margin: 0; 73 | padding: 0; 74 | 75 | 76 | overflow: hidden; 77 | 78 | // background: url(../images/gradient2.png) no-repeat bottom center scroll; 79 | // -webkit-background-size: cover; 80 | // -moz-background-size: cover; 81 | // -o-background-size: cover; 82 | // background-size: cover; 83 | // background-color: #23ccfd; 84 | background: #0033bc no-repeat top center scroll; 85 | background-image: url(../images/stars.svg); 86 | background-image: url(../images/stars.svg),-webkit-linear-gradient(top,#0033bc,#0038cf,#003ee6,#074bff,#225eff); 87 | background-image: url(../images/stars.svg),-moz-linear-gradient(top,#0033bc,#0038cf,#003ee6,#074bff,#225eff); 88 | background-image: url(../images/stars.svg),-o-linear-gradient(top,#0033bc,#0038cf,#003ee6,#074bff,#225eff); 89 | background-image: url(../images/stars.svg),linear-gradient(to bottom,#0033bc,#0038cf,#003ee6,#074bff,#225eff); 90 | 91 | @include parent-element; 92 | 93 | .content { 94 | position: relative; 95 | top: 50%; 96 | -webkit-transform: translateY(-50%); 97 | -ms-transform: translateY(-50%); 98 | transform: translateY(-50%); 99 | 100 | text-align: center; 101 | z-index: 10; 102 | 103 | .logo { 104 | // width: 250px; 105 | // 106 | // // display: inline-block; //logo to left side of words 107 | // 108 | // display: block; 109 | // margin: 0 auto 15%; 110 | // 111 | // background-position: center center !important; 112 | // background-origin: content-box !important; 113 | // background-size: contain !important; 114 | // background-repeat: no-repeat !important; 115 | 116 | width: 190px; 117 | height: 100px; 118 | margin: 0 auto; 119 | background-image: url("../images/finallogo.svg"); 120 | background-size: contain; 121 | background-repeat: no-repeat; 122 | background-position: center center; 123 | } 124 | 125 | h1.title { 126 | display: inline-block; 127 | margin: 50px auto 0; 128 | padding: 0; 129 | color: $color-blue; 130 | font-family: $title-font !important; 131 | font-weight: 200; 132 | font-size: 96px; 133 | text-transform: uppercase; 134 | 135 | span { 136 | font-weight: 400; 137 | color: $color-white; 138 | } 139 | } 140 | 141 | h2.caption { 142 | margin: 8px auto 15px auto; 143 | padding: 0; 144 | 145 | color: $color-bluewhite; 146 | font-family: $title-font !important; 147 | font-weight: 300; 148 | font-size: 24px; 149 | 150 | text-shadow: 0px 0px 3px $color-elgray; 151 | text-transform: uppercase; 152 | } 153 | 154 | 155 | } 156 | } 157 | 158 | .scroll-arrow-container { 159 | position: absolute; 160 | bottom: 25px; 161 | width: 100%; 162 | 163 | .scroll-arrow { 164 | width: 46px; 165 | height: 46px; 166 | 167 | margin: 0 auto; 168 | background-color: $color-white; 169 | color: $color-blue; 170 | 171 | text-align: center; 172 | border-radius: 50%; 173 | font-size: 32px; 174 | 175 | -webkit-transition: all 250ms ease-out; 176 | -moz-transition: all 250ms ease-out; 177 | -ms-transition: all 250ms ease-out; 178 | -o-transition: all 250ms ease-out; 179 | transition: all 250ms ease-out; 180 | 181 | .fa { 182 | line-height: 22px; 183 | } 184 | 185 | &:hover { 186 | width: 55px; 187 | height: 55px; 188 | font-size: 38px; 189 | background-color: $color-blue; 190 | color: $color-white; 191 | 192 | .fa { 193 | line-height: 32px; 194 | } 195 | } 196 | } 197 | } 198 | //.scroll-arrow { 199 | // 200 | // a { 201 | // width: 46px; 202 | // height: 46px; 203 | // color: $color-emerald; 204 | // text-align: center; 205 | // background-color: #FFF; 206 | // border-radius: 50%; 207 | // font-size: 38px; 208 | // line-height: 20px; 209 | // } 210 | // 211 | // &:hover { 212 | // width: 50px; 213 | // height: 50px; 214 | // margin-left: -25px; 215 | // } 216 | //} 217 | 218 | .subscriptionForm { 219 | margin: 65px auto 0 auto !important; 220 | } 221 | 222 | .input-box { 223 | display: inline; 224 | width: 345px; 225 | 226 | padding: 7px 14px; 227 | 228 | font-family: $body-font !important; 229 | font-size: 18px !important; 230 | font-weight: 300 !important; 231 | 232 | color: $color-gray; 233 | 234 | border: 2px solid $color-white; 235 | border-radius: 3px; 236 | outline: 0; 237 | 238 | background-color: $color-white; 239 | } 240 | 241 | .btnSubscribe { 242 | display: inline; 243 | 244 | padding: 7px 14px; 245 | font-family: $body-font !important; 246 | font-size: 18px !important; 247 | font-weight: 400 !important; 248 | 249 | width: 150px; 250 | 251 | background-color: $color-emerald; 252 | color: $color-white; 253 | opacity: 0.9; 254 | 255 | border: 2px solid $color-emerald; 256 | border-radius: 3px; 257 | outline: 0; 258 | 259 | -webkit-transition: all 150ms ease-in; 260 | -moz-transition: all 150ms ease-in; 261 | -ms-transition: all 150ms ease-in; 262 | -o-transition: all 150ms ease-in; 263 | transition: all 150ms ease-in; 264 | 265 | &:hover { 266 | background-color: transparent; 267 | color: $color-emerald; 268 | } 269 | } 270 | 271 | .valid { 272 | border: $color-emerald solid 2px; 273 | color: $color-emerald; 274 | } 275 | 276 | .invalid { 277 | border: $color-red solid 2px; 278 | color: $color-red; 279 | } 280 | 281 | .statistics { 282 | z-index: 2; 283 | width: 100%; 284 | 285 | // position: relative; 286 | // top: -175px; 287 | 288 | margin: 0; 289 | padding: 15px 0; 290 | 291 | // opacity: 0.7; 292 | 293 | background-color: #3d6ff7 !important; 294 | 295 | // background: url(../images/cloudlayer.svg); 296 | // background-position: center center !important; 297 | // background-origin: content-box !important; 298 | // background-size: contain !important; 299 | // background-repeat: repeat !important; 300 | 301 | .row { 302 | max-width: 100%; 303 | margin: 0; 304 | padding: 0; 305 | } 306 | 307 | .fact { 308 | padding: 12px 0 12px 0; 309 | text-align: center; 310 | font-family: $body-font !important; 311 | // background: url(../images/cloud.svg); 312 | // background-position: center center !important; 313 | // background-origin: content-box !important; 314 | // background-size: contain !important; 315 | // background-repeat: no-repeat !important; 316 | 317 | .numbers { 318 | font-weight: 400; 319 | font-size: 60px; 320 | color: $color-white; 321 | margin: 7px; 322 | padding: 0; 323 | } 324 | 325 | .object { 326 | font-weight: 300; 327 | font-size: 25px; 328 | color: $color-bluewhite; 329 | margin: 7px; 330 | padding: 0; 331 | text-transform: uppercase; 332 | } 333 | } 334 | } 335 | 336 | 337 | .faq { 338 | // -webkit-background-size: cover; 339 | // -moz-background-size: cover; 340 | // -o-background-size: cover7eb2ff 341 | // background-size: cover; 342 | // background: url(../images/gradient6.png) no-repeat top center scroll; 343 | background: #225eff no-repeat bottom center scroll; 344 | background-image: url(../images/infuturesil4.svg); 345 | // background-image: url(../images/infuturesil3.svg),-webkit-gradient(to bottom,#225eff,#4381ff,#63a2ff,#7eb2ff,#acdeff); 346 | background-image: url(../images/infuturesil4.svg),-webkit-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#c3b680,#ffb402); 347 | background-image: url(../images/infuturesil4.svg),-moz-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#c3b680,#ffb402); 348 | background-image: url(../images/infuturesil4.svg),-o-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#c3b680,#ffb402); 349 | background-image: url(../images/infuturesil4.svg),linear-gradient(to bottom,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#c3b680,#ffb402); 350 | color: $color-white !important; 351 | padding: 75px 0 29px 0; 352 | margin: 0; 353 | text-align: center; 354 | 355 | .title { 356 | font-family: $body-font !important; 357 | font-size: 48px; 358 | font-weight: 400; 359 | margin-bottom: 5px !important; 360 | color: $color-white !important; 361 | } 362 | 363 | .question { 364 | font-family: $body-font !important; 365 | font-size: 28px; 366 | font-weight: 400; 367 | text-align: left; 368 | margin: 45px auto 10px auto; 369 | color: $color-white !important; 370 | } 371 | 372 | .answer { 373 | font-family: $body-font !important; 374 | font-size: 18px; 375 | font-weight: 400; 376 | text-align: left; 377 | line-height: 2; 378 | color: $color-white !important; 379 | } 380 | 381 | a { 382 | color: $color-white; 383 | text-decoration: underline; 384 | -webkit-transition: all 250ms ease-out; 385 | -moz-transition: all 250ms ease-out; 386 | -ms-transition: all 250ms ease-out; 387 | -o-transition: all 250ms ease-out; 388 | transition: all 250ms ease-out; 389 | &:hover { 390 | color: #0033bc; 391 | text-decoration: underline; 392 | } 393 | } 394 | .contact { 395 | font-family: $body-font !important; 396 | font-size: 28px; 397 | font-weight: 400; 398 | text-align: center; 399 | margin-top: 25px; 400 | margin-bottom: 300px !important; 401 | color: $color-white; 402 | a { 403 | color: $color-white; 404 | &:hover { 405 | color: #2199FF; 406 | } 407 | } 408 | } 409 | .citybg { 410 | position: relative; 411 | height: 100%; 412 | width: 100%; 413 | bottom: -65px; 414 | img { 415 | position: absolute; 416 | width: 100%; 417 | left: 0; 418 | bottom: 0; 419 | } 420 | } 421 | } 422 | 423 | 424 | .sponsors-section { 425 | width: 100%; 426 | padding: 0 0 110px 0; 427 | margin: 0 !important; 428 | text-align: center; 429 | 430 | background: #2c5aa0 no-repeat bottom center scroll; 431 | background-image: url(../images/train.svg); 432 | // background: #A5B7BE; 433 | // background: #D4B65C; //blue alternative: #A5B7BE or #94B7E4 434 | // background: -webkit-linear-gradient(top,#2c5aa0,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7); 435 | // background: -moz-linear-gradient(top,#2c5aa0,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7); 436 | // background: -o-linear-gradient(top,#2c5aa0,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7); 437 | // background: linear-gradient(to bottom,#2c5aa0,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7,#D7D7D7); 438 | 439 | // background: #2c5aa0; 440 | // background: -webkit-linear-gradient(top,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#4d4d4d); 441 | // background: -moz-linear-gradient(top,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#4d4d4d); 442 | // background: -o-linear-gradient(top,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#4d4d4d); 443 | // background: linear-gradient(to bottom,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#2c5aa0,#4d4d4d); 444 | 445 | .container { 446 | text-align: center; 447 | } 448 | 449 | .title { 450 | font-size: 48px; 451 | font-family: $body-font !important; 452 | font-weight: 400; 453 | text-align: center; 454 | text-transform: uppercase; 455 | margin: 0 auto 20px auto; 456 | color: $color-white; 457 | } 458 | 459 | .sponsor-container { 460 | display: inline-block; 461 | height: 120px; 462 | width: 200px; 463 | 464 | margin: 0px auto; 465 | padding: 0; 466 | 467 | // background: url(../images/bluesolarpanel.svg); 468 | // background: url(../images/dish.svg); 469 | // background: #D3E5FF; 470 | background-position: center center !important; 471 | background-origin: content-box !important; 472 | background-size: contain !important; 473 | background-repeat: no-repeat !important; 474 | 475 | .sponsors { 476 | height: 100%; 477 | width: 140px; 478 | 479 | margin: 5px auto; 480 | padding: 0px 10px; 481 | 482 | background-position: center center !important; 483 | background-origin: content-box !important; 484 | background-size: contain !important; 485 | background-repeat: no-repeat !important; 486 | 487 | -webkit-transition: all 250ms ease-out; 488 | -moz-transition: all 250ms ease-out; 489 | -ms-transition: all 250ms ease-out; 490 | -o-transition: all 250ms ease-out; 491 | transition: all 250ms ease-out; 492 | 493 | border-bottom: solid 2px rgba(255,255,255,0.0); 494 | 495 | &:hover { 496 | border-bottom: solid 2px #2199FF; 497 | } 498 | } 499 | } 500 | 501 | .special-sponsor-container { 502 | @extend .sponsor-container; 503 | width: 350px; 504 | height: 210px; 505 | 506 | .special-sponsors { 507 | @extend .sponsors; 508 | width: 245px; 509 | margin: 15px auto; 510 | } 511 | } 512 | 513 | .contact { 514 | font-family: $body-font !important; 515 | font-size: 28px; 516 | font-weight: 400; 517 | text-align: center; 518 | margin-top: 25px; 519 | color: $color-white; 520 | 521 | a { 522 | color: $color-white; 523 | text-decoration: underline; 524 | 525 | &:hover { 526 | color: #2199FF; 527 | } 528 | } 529 | } 530 | } 531 | 532 | .footer { 533 | vertical-align: middle; 534 | width: 100%; 535 | padding: 30px 0 30px 0; 536 | margin: 0 auto; 537 | text-align: center; 538 | background-color: #1E3C69; 539 | 540 | // background: #4d4d4d no-repeat bottom center scroll; 541 | // background-image: url(../images/footer.svg); 542 | 543 | .container { 544 | margin-left: auto; 545 | margin-right: auto; 546 | 547 | .footer-text { 548 | display: inline; 549 | margin: 0 5px; 550 | color: $color-white; 551 | text-align: left; 552 | font-size: 14px; 553 | line-height: 1.5; 554 | font-family: $body-font; 555 | font-weight: 400; 556 | } 557 | 558 | .arrow-container { 559 | height: 50px; 560 | width: 50px; 561 | display: block; 562 | margin-left: auto; 563 | margin-right: auto; 564 | text-align:center; 565 | line-height:50px; 566 | 567 | .up-arrow { 568 | font-size: 38px; 569 | color: $color-white; 570 | -webkit-transition: all 250ms ease-out; 571 | -moz-transition: all 250ms ease-out; 572 | -ms-transition: all 250ms ease-out; 573 | -o-transition: all 250ms ease-out; 574 | transition: all 250ms ease-out; 575 | &:hover { 576 | font-size: 45px; 577 | color: #2199FF; 578 | } 579 | } 580 | } 581 | 582 | } 583 | 584 | } 585 | 586 | /*margin: 0; }*/ 587 | #see-more { 588 | -webkit-animation-duration: 1s; 589 | animation-duration: 1s; 590 | -webkit-animation-fill-mode: both; 591 | animation-fill-mode: both; 592 | -webkit-animation-name: fadeIn; 593 | animation-name: fadeIn; 594 | -webkit-animation-delay: 0.5s; 595 | animation-delay: 0.5s; 596 | -webkit-animation-duration: 3s; 597 | animation-duration: 3s; 598 | z-index: 1; 599 | text-align: center; 600 | line-height: 101px; 601 | color: $color-white; 602 | font-size: 20px; 603 | display: block; 604 | width: 170px; 605 | height: 85px; 606 | background-color: rgba(128,128,128,.3); 607 | font-family: $body-font !important; 608 | // -webkit-border-radius: 50%; 609 | // -moz-border-radius: 50%; 610 | // border-radius: 50%; 611 | // border-bottom: 0; 612 | border-radius: 170px 170px 0 0; 613 | -moz-border-radius: 170px 170px 0 0; 614 | -webkit-border-radius: 170px 170px 0 0; 615 | 616 | position: absolute; 617 | bottom: 0px; 618 | left: 50%; 619 | opacity: 1; 620 | text-decoration: none; 621 | -webkit-transform: translateX(-50%); 622 | -moz-transform: translateX(-50%); 623 | -ms-transform: translateX(-50%); 624 | transform: translateX(-50%); 625 | -webkit-transition: all .3s; 626 | -moz-transition: all .3s; 627 | transition: all .3s; 628 | cursor: pointer; 629 | &:hover { 630 | opacity: 1; 631 | width: 180px; 632 | height: 95px; 633 | 634 | .uline:after { 635 | width: 90px; 636 | } 637 | } 638 | @-webkit-keyframes fadeIn { 639 | 0% { 640 | opacity: 0; 641 | } 642 | 643 | 100% { 644 | opacity: 1; 645 | } 646 | } 647 | 648 | @keyframes fadeIn { 649 | 0% { 650 | opacity: 0; 651 | } 652 | 653 | 100% { 654 | opacity: 1; 655 | } 656 | } 657 | } 658 | 659 | #back-to-top { 660 | z-index: 1; 661 | text-align: center; 662 | line-height: 101px; 663 | color: $color-white; 664 | font-size: 20px; 665 | display: block; 666 | width: 170px; 667 | height: 85px; 668 | background-color: rgba(128,128,128,.6); 669 | font-family: $body-font !important; 670 | // -webkit-border-radius: 50%; 671 | // -moz-border-radius: 50%; 672 | // border-radius: 50%; 673 | // border-bottom: 0; 674 | border-radius: 170px 170px 0 0; 675 | -moz-border-radius: 170px 170px 0 0; 676 | -webkit-border-radius: 170px 170px 0 0; 677 | 678 | position: relative; 679 | bottom: 0px; 680 | left: 50%; 681 | opacity: 1; 682 | text-decoration: none; 683 | -webkit-transform: translateX(-50%); 684 | -moz-transform: translateX(-50%); 685 | -ms-transform: translateX(-50%); 686 | transform: translateX(-50%); 687 | -webkit-transition: all .3s; 688 | -moz-transition: all .3s; 689 | transition: all .3s; 690 | cursor: pointer; 691 | overflow: hidden; 692 | 693 | &:hover { 694 | opacity: 1; 695 | width: 180px; 696 | height: 95px; 697 | bottom:10px; 698 | 699 | .uline:after { 700 | width: 110px; 701 | } 702 | } 703 | } 704 | 705 | .grayscale { 706 | -webkit-filter: grayscale(100%); 707 | filter: grayscale(100%); 708 | } 709 | 710 | .uline { 711 | position: relative; 712 | 713 | &:after { 714 | content: ""; 715 | display: block; 716 | margin: -40px auto; 717 | width: 0%; 718 | height: 1px; 719 | background-color: $color-white; 720 | -webkit-transition: width .3s; 721 | -moz-transition: width .3s; 722 | transition: width .3s; 723 | } 724 | } 725 | .rocket-container { 726 | position: absolute; 727 | display: block; 728 | left: 0; 729 | right: 0; 730 | top: 0; 731 | height: 68px; 732 | width: 100px; 733 | margin-left:auto; 734 | margin-right:auto; 735 | 736 | -webkit-transition: all 150ms ease-in; 737 | -moz-transition: all 150ms ease-in; 738 | -ms-transition: all 150ms ease-in; 739 | -o-transition: all 150ms ease-in; 740 | transition: all 150ms ease-in; 741 | 742 | .rocket { 743 | height: 100%; 744 | background-image: url(../images/rocket.svg); 745 | background-position: center center !important; 746 | background-origin: content-box !important; 747 | background-size: contain !important; 748 | background-repeat: no-repeat !important; 749 | z-index: 0; 750 | } 751 | } 752 | .animated { 753 | -webkit-animation-duration: 1s; 754 | animation-duration: 1s; 755 | -webkit-animation-fill-mode: both; 756 | animation-fill-mode: both 757 | } 758 | 759 | .animated.infinite { 760 | -webkit-animation-iteration-count: infinite; 761 | animation-iteration-count: infinite 762 | } 763 | 764 | .animated.hinge { 765 | -webkit-animation-duration: 2s; 766 | animation-duration: 2s 767 | } 768 | 769 | @-webkit-keyframes fadeInDown { 770 | 0% { 771 | opacity: 0; 772 | -webkit-transform: translate3d(0, -100%, 0); 773 | transform: translate3d(0, -100%, 0) 774 | } 775 | 776 | 100% { 777 | opacity: 1; 778 | -webkit-transform: none; 779 | transform: none 780 | } 781 | } 782 | 783 | @keyframes fadeInDown { 784 | 0% { 785 | opacity: 0; 786 | -webkit-transform: translate3d(0, -100%, 0); 787 | transform: translate3d(0, -100%, 0) 788 | } 789 | 790 | 100% { 791 | opacity: 1; 792 | -webkit-transform: none; 793 | transform: none 794 | } 795 | animation-delay: 5s; 796 | } 797 | 798 | .fadeInDown { 799 | -webkit-animation-name: fadeInDown; 800 | animation-name: fadeInDown; 801 | -webkit-animation-delay: 1.5s; 802 | animation-delay: 1.5s; 803 | -webkit-animation-duration: 1.5s; 804 | animation-duration: 1.5s; 805 | } 806 | 807 | @-webkit-keyframes fadeInUp { 808 | 0% { 809 | opacity: 0; 810 | -webkit-transform: translate3d(0, 100%, 0); 811 | transform: translate3d(0, 100%, 0) 812 | } 813 | 814 | 100% { 815 | opacity: 1; 816 | -webkit-transform: none; 817 | transform: none 818 | } 819 | } 820 | 821 | @keyframes fadeInUp { 822 | 0% { 823 | opacity: 0; 824 | -webkit-transform: translate3d(0, 100%, 0); 825 | transform: translate3d(0, 100%, 0) 826 | } 827 | 828 | 100% { 829 | opacity: 1; 830 | -webkit-transform: none; 831 | transform: none 832 | } 833 | } 834 | 835 | .fadeInUp { 836 | -webkit-animation-name: fadeInUp; 837 | animation-name: fadeInUp; 838 | -webkit-animation-delay: 1.3s; 839 | animation-delay: 1.3s; 840 | -webkit-animation-duration: 1.5s; 841 | animation-duration: 1.5s; 842 | } 843 | 844 | @-webkit-keyframes fadeIn { 845 | 0% { 846 | opacity: 0; 847 | } 848 | 849 | 100% { 850 | opacity: 1; 851 | } 852 | } 853 | 854 | @keyframes fadeIn { 855 | 0% { 856 | opacity: 0; 857 | } 858 | 859 | 100% { 860 | opacity: 1; 861 | } 862 | } 863 | 864 | .fadeIn { 865 | -webkit-animation-name: fadeIn; 866 | animation-name: fadeIn; 867 | -webkit-animation-delay: 1.5s; 868 | animation-delay: 1.5s; 869 | -webkit-animation-duration: 1.5s; 870 | animation-duration: 1.5s; 871 | } 872 | 873 | @-webkit-keyframes flyThrough { 874 | 0% { 875 | -webkit-transform: translate3d(0, 3000%, 0); 876 | transform: translate3d(0, 3000%, 0) 877 | } 878 | 879 | 100% { 880 | -webkit-transform: translate3d(0, -3000%, 0); 881 | transform: translate3d(0, -3000%, 0) 882 | } 883 | } 884 | 885 | @keyframes flyThrough { 886 | 0% { 887 | -webkit-transform: translate3d(0, 3000%, 0); 888 | transform: translate3d(0, 3000%, 0) 889 | } 890 | 891 | 100% { 892 | -webkit-transform: translate3d(0, -3000%, 0); 893 | transform: translate3d(0, -3000%, 0) 894 | } 895 | animation-delay: 5s; 896 | } 897 | 898 | .flyThrough { 899 | -webkit-animation-name: flyThrough; 900 | animation-name: flyThrough; 901 | -webkit-animation-delay: 0s; 902 | animation-delay: 0s; 903 | -webkit-animation-duration: 6.0s; 904 | animation-duration: 6.0s; 905 | } 906 | 907 | #navS { 908 | display: none; 909 | } 910 | 911 | 912 | //social buttons http://codepen.io/chrisdothtml/pen/azPYqq/ 913 | 914 | //animations 915 | $transition: all 0.35s cubic-bezier(0.310, -0.105, 0.430, 1.590); 916 | 917 | //social media colors 918 | $colors: ( 919 | "facebook": "#3B5998", 920 | "twitter": "#3CF", 921 | "google": "#DC4A38", 922 | "email": "#F26798", 923 | "skype": "#00AFF0", 924 | "mail": "#7C7C7C", 925 | "medium":"#333332" 926 | ); 927 | 928 | //button size 929 | $size: 60px; 930 | 931 | * { 932 | margin: 0; 933 | padding: 0; 934 | color: inherit; 935 | box-sizing: inherit; 936 | 937 | &:focus { 938 | outline: none; 939 | } 940 | } 941 | 942 | html { 943 | box-sizing: border-box; 944 | } 945 | 946 | body { 947 | background-color: #ecf0f1; 948 | } 949 | 950 | .social-buttons { 951 | height: $size; 952 | margin: auto; 953 | font-size: 0; 954 | text-align: center; 955 | position: absolute; 956 | top: 0; 957 | bottom: 0; 958 | left: 0; 959 | right: 0; 960 | 961 | .medium{ 962 | font-size: 10px; 963 | } 964 | } 965 | 966 | .social-button { 967 | display: inline-block; 968 | background-color: #fff; 969 | width: $size; 970 | height: $size; 971 | line-height: $size; 972 | margin: 0 10px; 973 | text-align: center; 974 | position: relative; 975 | overflow: hidden; 976 | //overflow bug fix 977 | opacity: .99; 978 | border-radius: 28%; 979 | box-shadow: 0 0 30px 0 rgba(0,0,0,.05); 980 | -o-transition: $transition; 981 | -moz-transition: $transition; 982 | -webkit-transition: $transition; 983 | transition: $transition; 984 | margin-top: 30px; 985 | border-radius: 50%; 986 | 987 | &:before { 988 | content: ''; 989 | background-color: #000; 990 | width: 120%; 991 | height: 120%; 992 | position: absolute; 993 | top: 90%; 994 | left: -110%; 995 | -o-transform: rotate(45deg); 996 | -moz-transform: rotate(45deg); 997 | -webkit-transform: rotate(45deg); 998 | transform: rotate(45deg); 999 | -o-transition: $transition; 1000 | -moz-transition: $transition; 1001 | -webkit-transition: $transition; 1002 | transition: $transition; 1003 | } 1004 | 1005 | .fa { 1006 | font-size: 38px; 1007 | vertical-align: middle; 1008 | -o-transform: scale(.8); 1009 | -moz-transform: scale(.8); 1010 | -webkit-transform: scale(.8); 1011 | transform: scale(.8); 1012 | -o-transition: $transition; 1013 | -moz-transition: $transition; 1014 | -webkit-transition: $transition; 1015 | transition: $transition; 1016 | } 1017 | 1018 | @each $class,$color in $colors { 1019 | 1020 | &.#{$class} { 1021 | 1022 | &:before { 1023 | background-color: #{$color}; 1024 | } 1025 | 1026 | .fa { 1027 | color: #{$color}; 1028 | } 1029 | } 1030 | } 1031 | 1032 | &:hover { 1033 | 1034 | &:before { 1035 | top: -10%; 1036 | left: -10%; 1037 | } 1038 | 1039 | .fa { 1040 | color: #fff; 1041 | transform: scale(1); 1042 | } 1043 | } 1044 | 1045 | &:focus { 1046 | opacity: .85; 1047 | } 1048 | } 1049 | //end social buttons 1050 | 1051 | 1052 | 1053 | 1054 | .button-gray { 1055 | background: rgb(128, 128, 128); 1056 | } 1057 | 1058 | @media only screen and (max-device-width: 480px) { 1059 | #menuButton, #navS, #navSBG, #closeButton, .button { 1060 | height: 70px !important; 1061 | } 1062 | #menuButton, #closeButton { 1063 | width: 70px !important 1064 | } 1065 | #navS { 1066 | position: fixed; 1067 | top: 0; 1068 | left: 0; 1069 | width: 100%; 1070 | z-index: 20; 1071 | background-color: transparent; 1072 | A { 1073 | text-decoration: none; 1074 | } 1075 | #navSBG { 1076 | position: absolute; 1077 | top: 0; 1078 | left: 0; 1079 | width: 100%; 1080 | z-index: 21; 1081 | background-color: rgba(39,37,50, 0.8); 1082 | text-align: center; 1083 | display: table; 1084 | padding: 0 !important; 1085 | .button { 1086 | position: relative; 1087 | top: 0; 1088 | left: 0; 1089 | z-index: 21; 1090 | font-size: 4.5vw; 1091 | text-align: center; 1092 | vertical-align: middle; 1093 | color: white; 1094 | background-color: transparent !important; 1095 | cursor: pointer; 1096 | transition: color 0.5s; 1097 | display: inline-block; 1098 | font-family: $body-font; 1099 | width: 100% !important; 1100 | margin: 1em auto !important; 1101 | line-height: 55px !important; 1102 | } 1103 | .buttonText{ 1104 | margin: 0; 1105 | } 1106 | } 1107 | } 1108 | #menuButton { 1109 | transition: background-color 0.5s; 1110 | z-index: 11; 1111 | display: block !important; 1112 | line-height: normal !important; 1113 | .menuButtonSection { 1114 | position: relative; 1115 | background-color: white; 1116 | top: 0 !important; 1117 | left: 0 !important; 1118 | margin: 10.5px 14px !important; 1119 | height: 7px !important; 1120 | width: 42px !important; 1121 | display: block !important; 1122 | } 1123 | .topSection { 1124 | margin-top: 14px !important; 1125 | } 1126 | .botSection{ 1127 | margin-bottom: 14px !important; 1128 | } 1129 | } 1130 | #closeButton, #menuButton { 1131 | position: fixed; 1132 | top: 0; 1133 | left: 0; 1134 | cursor: pointer; 1135 | } 1136 | #closeButton { 1137 | display: none; 1138 | transition: background-color 0.5s; 1139 | z-index: 22; 1140 | .closeButtonSection { 1141 | position: absolute; 1142 | margin: 45% 20%; 1143 | height: 10%; 1144 | width: 60%; 1145 | background-color: white; 1146 | &:first-child { 1147 | -ms-transform: rotate(45deg); 1148 | -moz-transform: rotate(45deg); 1149 | -webkit-transform: rotate(45deg); 1150 | transform: rotate(45deg); 1151 | } 1152 | &:last-child { 1153 | -ms-transform: rotate(-45deg); 1154 | -moz-transform: rotate(-45deg); 1155 | -webkit-transform: rotate(-45deg); 1156 | transform: rotate(-45deg); 1157 | } 1158 | } 1159 | } 1160 | .introduction { 1161 | .logo { 1162 | height: 63.15px !important; 1163 | width: 120px !important; 1164 | } 1165 | .title { 1166 | font-size: 50px !important; 1167 | margin-top: 30px !important; 1168 | } 1169 | .caption { 1170 | font-size: 18px !important; 1171 | margin: 0px 4px !important; 1172 | } 1173 | form { 1174 | font-size: 20px !important; 1175 | margin-top: 30px !important; 1176 | 1177 | input.input-box { 1178 | margin-top: 15px !important; 1179 | width: 90% !important; 1180 | } 1181 | button.btnSubscribe { 1182 | margin-top: 20px !important; 1183 | } 1184 | } 1185 | } 1186 | .faq { 1187 | padding-bottom: 0px !important; 1188 | background-image: url(../images/infuturesil4.svg),-webkit-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#ffb402) !important; 1189 | background-image: url(../images/infuturesil4.svg),-moz-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#ffb402) !important; 1190 | background-image: url(../images/infuturesil4.svg),-o-linear-gradient(top,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#ffb402) !important; 1191 | background-image: url(../images/infuturesil4.svg),linear-gradient(to bottom,#225eff,#2767ff,#2c71ff,#3e83ff,#5096ff,#88b8ff,#ffb402) !important; 1192 | .row { 1193 | margin-left: 1em !important; 1194 | margin-right: 1em !important; 1195 | } 1196 | .contact { 1197 | margin-left: 1em !important; 1198 | margin-right: 1em !important; 1199 | margin-top: 65px !important; 1200 | } 1201 | } 1202 | .sponsors-section { 1203 | padding-top: 100px !important; 1204 | .title { 1205 | font-size: 40px; 1206 | } 1207 | .special-sponsor-container { 1208 | width: 100% !important; 1209 | } 1210 | .contact { 1211 | margin-left: 1em !important; 1212 | margin-right: 1em !important; 1213 | } 1214 | } 1215 | } 1216 | 1217 | @media only screen and (max-device-height: 540px) { 1218 | .scroll-arrow-container { 1219 | display: none !important; 1220 | } 1221 | } 1222 | @media screen and (max-width: 730px) { 1223 | .button { 1224 | // width: 100% !important; 1225 | // margin: 0 auto !important; 1226 | .introduction { 1227 | .title { 1228 | // font-size: 80% !important; 1229 | } 1230 | } 1231 | } 1232 | } 1233 | @media screen and (max-height: 405px) { 1234 | #see-more { 1235 | display: none !important; 1236 | } 1237 | } -------------------------------------------------------------------------------- /fonts/HelveticaNeue.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/fonts/HelveticaNeue.otf -------------------------------------------------------------------------------- /fonts/HelveticaNeueUL.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/fonts/HelveticaNeueUL.otf -------------------------------------------------------------------------------- /fonts/KGPEL.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/fonts/KGPEL.otf -------------------------------------------------------------------------------- /images/32a8331d1e.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/32a8331d1e.png -------------------------------------------------------------------------------- /images/background.afdesign: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/background.afdesign -------------------------------------------------------------------------------- /images/fbbanner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/fbbanner.png -------------------------------------------------------------------------------- /images/fbbannernotext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/fbbannernotext.png -------------------------------------------------------------------------------- /images/finallogo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 10 | 13 | 14 | -------------------------------------------------------------------------------- /images/icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 21 | 23 | 45 | 47 | 48 | 50 | image/svg+xml 51 | 53 | 54 | 55 | 56 | 57 | 62 | 71 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /images/infuturelogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/infuturelogo.png -------------------------------------------------------------------------------- /images/profilepic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/profilepic.png -------------------------------------------------------------------------------- /images/profilepic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | image/svg+xml 53 | 64 | 69 | -------------------------------------------------------------------------------- /images/rocket.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 58 | 64 | 69 | 75 | 80 | 86 | 92 | 98 | 104 | 113 | 119 | 124 | 130 | 135 | 140 | 145 | 151 | 157 | 163 | 169 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /images/sponsors/DayOne.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/DayOne.jpg -------------------------------------------------------------------------------- /images/sponsors/DayOne.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/DayOne.png -------------------------------------------------------------------------------- /images/sponsors/HackEDU.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | ]> 6 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 23 | 27 | 31 | 33 | 38 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /images/sponsors/ORIGINALDayOne.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/ORIGINALDayOne.png -------------------------------------------------------------------------------- /images/sponsors/ORIGINALhackerfund.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/ORIGINALhackerfund.png -------------------------------------------------------------------------------- /images/sponsors/ORIGINALstudentrnd.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/ORIGINALstudentrnd.jpg -------------------------------------------------------------------------------- /images/sponsors/ORIGINALstudentrnd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/ORIGINALstudentrnd.png -------------------------------------------------------------------------------- /images/sponsors/hackerfund.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/hackerfund.png -------------------------------------------------------------------------------- /images/sponsors/homeswipe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/homeswipe.png -------------------------------------------------------------------------------- /images/sponsors/ignition.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/ignition.png -------------------------------------------------------------------------------- /images/sponsors/kitchencycle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/kitchencycle.png -------------------------------------------------------------------------------- /images/sponsors/makeschool.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/makeschool.png -------------------------------------------------------------------------------- /images/sponsors/makeschool.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | image/svg+xml 49 | 51 | 52 | 55 | 60 | 61 | 66 | 71 | 76 | 81 | 86 | 91 | 96 | 101 | -------------------------------------------------------------------------------- /images/sponsors/studentrnd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/studentrnd.png -------------------------------------------------------------------------------- /images/sponsors/younghackers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/sponsors/younghackers.png -------------------------------------------------------------------------------- /images/train.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 21 | 30 | 32 | 36 | 40 | 41 | 44 | 51 | 52 | 55 | 62 | 63 | 72 | 74 | 78 | 82 | 83 | 86 | 93 | 94 | 95 | 117 | 119 | 120 | 122 | image/svg+xml 123 | 125 | 126 | 127 | 128 | 129 | 134 | 142 | 148 | 156 | 163 | 171 | 180 | 189 | 198 | 207 | 208 | 209 | -------------------------------------------------------------------------------- /images/twitterbanner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/images/twitterbanner.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | InFuture 6 | 7 | 8 | 9 | 10 | 11 | 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 | 42 |
43 |
44 |
45 |
46 | 54 |
55 |
56 |
57 | 58 |

INFUTURE

59 |
60 |
61 |

Hackathon for the Innovators of Tomorrow

62 |
63 |
64 |
65 |
66 |
67 | 68 | 69 |
70 |
71 | 72 |
73 |
74 | 75 | 76 |
77 | 78 |
79 | 80 | 81 |
82 | 83 |
84 | 85 | 88 | 89 |
90 |
91 |
92 |
93 |

1,000

94 |

HS Hackers

95 |
96 |
97 |

36

98 |

Hours

99 |
100 |
101 |

2015

102 |

Summer

103 |
104 |
105 |

1

106 |

Amazing Event

107 |
108 |
109 |
110 |
111 | 112 |
113 |
114 |

FAQ

115 |
116 |
117 |

What is InFuture?

118 |

InFuture is the largest high school hackathon in the Greater New York City area. Focused on inspiring today's generation, the event will bring together high school students to connect, collaborate, and learn.

119 |
120 |
121 |

Why are we doing this?

122 |

We want high school students to have a way to express their ideas in a professional environment, as college students and adults often have. We believe they all can innovate the future.

123 |
124 |
125 |

Where and when is InFuture taking place?

126 |

InFuture will take place in the Greater New York City area in August of 2015.

127 |
128 |
129 |
130 |
131 |

Who can apply?

132 |

Any student, up to and including the high school graduating class, is welcome to apply! Anyone in college and beyond is welcome to apply as a mentor. If you're unsure if you are eligible, shoot us an email at info@infuture.io.

133 |
134 |
135 |

How is this different from other hackathons?

136 |

InFuture is more than just a hackathon. Educational resources will be available before the event. Workshops, talks, games, activities, and networking opportunities will also be available throughout the event.

137 |
138 |
139 |

How much experience do I need?

140 |

No experience necessary! First timers and hackathon veterans are equally welcome.

141 |
142 |
143 | 144 |

Have more questions? Email us at info@infuture.io

145 |
146 |
147 | 148 |
149 | 150 |

Powered By

151 |
152 |
153 | 160 | 165 | 166 | 171 | 172 | 173 | 178 | 179 | 184 | 185 | 190 | 195 | 196 | 201 | 202 | 207 |
208 | 223 |
224 |

Interested in sponsoring? Email us at sponsors@infuture.io

225 |
226 | 227 |
228 |
229 |
230 | 231 | 232 | 233 |
234 | 235 | 238 | 239 | 242 | 243 | 246 | 247 | 250 | 251 |
252 |
253 | 254 | 264 | 265 | 266 | 267 | 268 | 269 | 278 | 279 | 280 | 281 | -------------------------------------------------------------------------------- /js/Counter.js: -------------------------------------------------------------------------------- 1 | // Counter.js 2 | Parse.$ = jQuery; 3 | 4 | function ifVisit() 5 | { 6 | Parse.initialize("6otm8GWkQqtitHXp8YBPvNvT4zxqe1I9VuH8TJeP", "rTU7nz7QASx1QseDKB9bvgOHSFwOZRDvSVtSSddf"); 7 | 8 | var query = new Parse.Query("Visits"); 9 | query.get("ayeVzR6ekS", { 10 | success: function(object) { 11 | console.log(object.get("Views")); 12 | object.increment("Views"); 13 | object.save(); 14 | }, 15 | 16 | error: function(object, error) { 17 | console.log("Could not fetch Parse" + error); 18 | } 19 | }); 20 | } -------------------------------------------------------------------------------- /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('
').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i

'}),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); -------------------------------------------------------------------------------- /js/jquery.easing.1.3.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * 4 | * Uses the built in easing capabilities added In jQuery 1.1 5 | * to offer multiple easing options 6 | * 7 | * TERMS OF USE - jQuery Easing 8 | * 9 | * Open source under the BSD License. 10 | * 11 | * Copyright © 2008 George McGinley Smith 12 | * All rights reserved. 13 | * 14 | * Redistribution and use in source and binary forms, with or without modification, 15 | * are permitted provided that the following conditions are met: 16 | * 17 | * Redistributions of source code must retain the above copyright notice, this list of 18 | * conditions and the following disclaimer. 19 | * Redistributions in binary form must reproduce the above copyright notice, this list 20 | * of conditions and the following disclaimer in the documentation and/or other materials 21 | * provided with the distribution. 22 | * 23 | * Neither the name of the author nor the names of contributors may be used to endorse 24 | * or promote products derived from this software without specific prior written permission. 25 | * 26 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 27 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 28 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE 29 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 30 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE 31 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 32 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 33 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 34 | * OF THE POSSIBILITY OF SUCH DAMAGE. 35 | * 36 | */ 37 | 38 | // t: current time, b: begInnIng value, c: change In value, d: duration 39 | jQuery.easing['jswing'] = jQuery.easing['swing']; 40 | 41 | jQuery.extend( jQuery.easing, 42 | { 43 | def: 'easeOutQuad', 44 | swing: function (x, t, b, c, d) { 45 | //alert(jQuery.easing.default); 46 | return jQuery.easing[jQuery.easing.def](x, t, b, c, d); 47 | }, 48 | easeInQuad: function (x, t, b, c, d) { 49 | return c*(t/=d)*t + b; 50 | }, 51 | easeOutQuad: function (x, t, b, c, d) { 52 | return -c *(t/=d)*(t-2) + b; 53 | }, 54 | easeInOutQuad: function (x, t, b, c, d) { 55 | if ((t/=d/2) < 1) return c/2*t*t + b; 56 | return -c/2 * ((--t)*(t-2) - 1) + b; 57 | }, 58 | easeInCubic: function (x, t, b, c, d) { 59 | return c*(t/=d)*t*t + b; 60 | }, 61 | easeOutCubic: function (x, t, b, c, d) { 62 | return c*((t=t/d-1)*t*t + 1) + b; 63 | }, 64 | easeInOutCubic: function (x, t, b, c, d) { 65 | if ((t/=d/2) < 1) return c/2*t*t*t + b; 66 | return c/2*((t-=2)*t*t + 2) + b; 67 | }, 68 | easeInQuart: function (x, t, b, c, d) { 69 | return c*(t/=d)*t*t*t + b; 70 | }, 71 | easeOutQuart: function (x, t, b, c, d) { 72 | return -c * ((t=t/d-1)*t*t*t - 1) + b; 73 | }, 74 | easeInOutQuart: function (x, t, b, c, d) { 75 | if ((t/=d/2) < 1) return c/2*t*t*t*t + b; 76 | return -c/2 * ((t-=2)*t*t*t - 2) + b; 77 | }, 78 | easeInQuint: function (x, t, b, c, d) { 79 | return c*(t/=d)*t*t*t*t + b; 80 | }, 81 | easeOutQuint: function (x, t, b, c, d) { 82 | return c*((t=t/d-1)*t*t*t*t + 1) + b; 83 | }, 84 | easeInOutQuint: function (x, t, b, c, d) { 85 | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; 86 | return c/2*((t-=2)*t*t*t*t + 2) + b; 87 | }, 88 | easeInSine: function (x, t, b, c, d) { 89 | return -c * Math.cos(t/d * (Math.PI/2)) + c + b; 90 | }, 91 | easeOutSine: function (x, t, b, c, d) { 92 | return c * Math.sin(t/d * (Math.PI/2)) + b; 93 | }, 94 | easeInOutSine: function (x, t, b, c, d) { 95 | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; 96 | }, 97 | easeInExpo: function (x, t, b, c, d) { 98 | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; 99 | }, 100 | easeOutExpo: function (x, t, b, c, d) { 101 | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; 102 | }, 103 | easeInOutExpo: function (x, t, b, c, d) { 104 | if (t==0) return b; 105 | if (t==d) return b+c; 106 | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; 107 | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; 108 | }, 109 | easeInCirc: function (x, t, b, c, d) { 110 | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; 111 | }, 112 | easeOutCirc: function (x, t, b, c, d) { 113 | return c * Math.sqrt(1 - (t=t/d-1)*t) + b; 114 | }, 115 | easeInOutCirc: function (x, t, b, c, d) { 116 | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; 117 | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; 118 | }, 119 | easeInElastic: function (x, t, b, c, d) { 120 | var s=1.70158;var p=0;var a=c; 121 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; 122 | if (a < Math.abs(c)) { a=c; var s=p/4; } 123 | else var s = p/(2*Math.PI) * Math.asin (c/a); 124 | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; 125 | }, 126 | easeOutElastic: function (x, t, b, c, d) { 127 | var s=1.70158;var p=0;var a=c; 128 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; 129 | if (a < Math.abs(c)) { a=c; var s=p/4; } 130 | else var s = p/(2*Math.PI) * Math.asin (c/a); 131 | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; 132 | }, 133 | easeInOutElastic: function (x, t, b, c, d) { 134 | var s=1.70158;var p=0;var a=c; 135 | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); 136 | if (a < Math.abs(c)) { a=c; var s=p/4; } 137 | else var s = p/(2*Math.PI) * Math.asin (c/a); 138 | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; 139 | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; 140 | }, 141 | easeInBack: function (x, t, b, c, d, s) { 142 | if (s == undefined) s = 1.70158; 143 | return c*(t/=d)*t*((s+1)*t - s) + b; 144 | }, 145 | easeOutBack: function (x, t, b, c, d, s) { 146 | if (s == undefined) s = 1.70158; 147 | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; 148 | }, 149 | easeInOutBack: function (x, t, b, c, d, s) { 150 | if (s == undefined) s = 1.70158; 151 | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 152 | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 153 | }, 154 | easeInBounce: function (x, t, b, c, d) { 155 | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; 156 | }, 157 | easeOutBounce: function (x, t, b, c, d) { 158 | if ((t/=d) < (1/2.75)) { 159 | return c*(7.5625*t*t) + b; 160 | } else if (t < (2/2.75)) { 161 | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; 162 | } else if (t < (2.5/2.75)) { 163 | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; 164 | } else { 165 | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; 166 | } 167 | }, 168 | easeInOutBounce: function (x, t, b, c, d) { 169 | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; 170 | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; 171 | } 172 | }); 173 | 174 | /* 175 | * 176 | * TERMS OF USE - EASING EQUATIONS 177 | * 178 | * Open source under the BSD License. 179 | * 180 | * Copyright © 2001 Robert Penner 181 | * All rights reserved. 182 | * 183 | * Redistribution and use in source and binary forms, with or without modification, 184 | * are permitted provided that the following conditions are met: 185 | * 186 | * Redistributions of source code must retain the above copyright notice, this list of 187 | * conditions and the following disclaimer. 188 | * Redistributions in binary form must reproduce the above copyright notice, this list 189 | * of conditions and the following disclaimer in the documentation and/or other materials 190 | * provided with the distribution. 191 | * 192 | * Neither the name of the author nor the names of contributors may be used to endorse 193 | * or promote products derived from this software without specific prior written permission. 194 | * 195 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 196 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 197 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE 198 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 199 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE 200 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 201 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 202 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 203 | * OF THE POSSIBILITY OF SUCH DAMAGE. 204 | * 205 | */ -------------------------------------------------------------------------------- /js/jquery.plusanchor.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery PlusAnchor 1.0.7.3 3 | * By Jamy Golden 4 | * http://css-plus.com 5 | * 6 | * Copyright 2011, Jamy Golden 7 | * Free to use under the MIT license. 8 | * http://www.opensource.org/licenses/mit-license.php 9 | */ 10 | (function($){ 11 | $.plusAnchor = function(el, options){ 12 | // To avoid scope issues, use 'base' instead of 'this' 13 | // to reference this class from internal events and functions. 14 | var base = this; 15 | // Access to jQuery and DOM versions of element 16 | base.el = el; 17 | base.$el = $(el); 18 | base.$el.data('plusAnchor', base); // Add a reverse reference to the DOM object 19 | base.scrollEl = 'body, html'; 20 | base.initHash = window.location.hash; 21 | base.offsetTop = function() { 22 | 23 | return $('html').offset().top; 24 | 25 | }; // base.offsetTop() 26 | base.init = function(){ 27 | 28 | if (options === false) { 29 | base.$el.find('a[href^="#"]').off('click.plusanchor'); 30 | return; 31 | } 32 | 33 | base.options = $.extend({}, $.plusAnchor.defaults, options); 34 | 35 | // onInit callback 36 | if ( base.options.onInit && typeof( base.options.onInit ) == 'function' ) base.options.onInit( base ); 37 | // End onInit callback 38 | 39 | base.$el.find('a[href^="#"]').on('click.plusanchor', function( e ) { 40 | 41 | e.preventDefault(); 42 | 43 | var $this = $(this), 44 | href = $this.attr('href'), 45 | $name = $('a[name="' + $(this).attr('href').substring(1) + '"]'); 46 | 47 | if ( $(href).length ){ 48 | 49 | // onSlide callback 50 | if ( base.options.onSlide && typeof( base.options.onSlide ) == 'function' ) base.options.onSlide( base ); 51 | // End onSlide callback 52 | $(base.scrollEl).animate({ 53 | 54 | scrollTop: $(href).offset().top + base.options.offsetTop 55 | 56 | }, base.options.speed, base.options.easing); 57 | 58 | } else if ( $name.length ){ 59 | 60 | // onSlide callback 61 | if ( base.options.onSlide && typeof( base.options.onSlide ) == 'function' ) base.options.onSlide( base ); 62 | // End onSlide callback 63 | $(base.scrollEl).animate({ 64 | 65 | scrollTop: $name.offset().top + base.options.offsetTop 66 | 67 | }, base.options.speed, base.options.easing); 68 | 69 | } 70 | }); 71 | }; // base.init() 72 | // Run initializer 73 | base.init(); 74 | }; 75 | $.plusAnchor.defaults = { 76 | easing: 'swing', // Anything other than "swing" or "linear" requires the easing.js plugin 77 | offsetTop: 0, 78 | speed: 1000, // The speed, in miliseconds, it takes to complete a slide 79 | onInit: null, // Callback function on plugin initialize 80 | onSlide: null // Callback function that runs just before the page starts animating 81 | }; 82 | $.fn.plusAnchor = function(options){ 83 | return this.each(function(){ 84 | (new $.plusAnchor(this, options)); 85 | }); 86 | }; 87 | })(jQuery); 88 | -------------------------------------------------------------------------------- /js/jquery.slicknav.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | SlickNav Responsive Mobile Menu v1.0.1 3 | (c) 2014 Josh Cope 4 | licensed under MIT 5 | */ 6 | ;(function(e,t,n){function o(t,n){this.element=t;this.settings=e.extend({},r,n);this._defaults=r;this._name=i;this.init()}var r={label:"MENU",duplicate:true,duration:200,easingOpen:"swing",easingClose:"swing",closedSymbol:"►",openedSymbol:"▼",prependTo:"body",parentTag:"a",closeOnClick:false,allowParentLinks:false,nestedParentLinks:true,showChildren:false,init:function(){},open:function(){},close:function(){}},i="slicknav",s="slicknav";o.prototype.init=function(){var n=this,r=e(this.element),i=this.settings,o,u;if(i.duplicate){n.mobileNav=r.clone();n.mobileNav.removeAttr("id");n.mobileNav.find("*").each(function(t,n){e(n).removeAttr("id")})}else{n.mobileNav=r}o=s+"_icon";if(i.label===""){o+=" "+s+"_no-text"}if(i.parentTag=="a"){i.parentTag='a href="#"'}n.mobileNav.attr("class",s+"_nav");u=e('
');n.btn=e(["<"+i.parentTag+' aria-haspopup="true" tabindex="0" class="'+s+"_btn "+s+'_collapsed">',''+i.label+"",'','','','',"",""].join(""));e(u).append(n.btn);e(i.prependTo).prepend(u);u.append(n.mobileNav);var a=n.mobileNav.find("li");e(a).each(function(){var t=e(this),r={};r.children=t.children("ul").attr("role","menu");t.data("menu",r);if(r.children.length>0){var o=t.contents(),u=false;nodes=[];e(o).each(function(){if(!e(this).is("ul")){nodes.push(this)}else{return false}if(e(this).is("a")){u=true}});var a=e("<"+i.parentTag+' role="menuitem" aria-haspopup="true" tabindex="-1" class="'+s+'_item"/>');if(!i.allowParentLinks||i.nestedParentLinks||!u){var f=e(nodes).wrapAll(a).parent();f.addClass(s+"_row")}else e(nodes).wrapAll('').parent();t.addClass(s+"_collapsed");t.addClass(s+"_parent");var l=e(''+i.closedSymbol+"");if(i.allowParentLinks&&!i.nestedParentLinks&&u)l=l.wrap(a).parent();e(nodes).last().after(l)}else if(t.children().length===0){t.addClass(s+"_txtnode")}t.children("a").attr("role","menuitem").click(function(t){if(i.closeOnClick&&!e(t.target).parent().closest("li").hasClass(s+"_parent")){e(n.btn).click()}});if(i.closeOnClick&&i.allowParentLinks){t.children("a").children("a").click(function(t){e(n.btn).click()});t.find("."+s+"_parent-link a:not(."+s+"_item)").click(function(t){e(n.btn).click()})}});e(a).each(function(){var t=e(this).data("menu");if(!i.showChildren){n._visibilityToggle(t.children,null,false,null,true)}});n._visibilityToggle(n.mobileNav,null,false,"init",true);n.mobileNav.attr("role","menu");e(t).mousedown(function(){n._outlines(false)});e(t).keyup(function(){n._outlines(true)});e(n.btn).click(function(e){e.preventDefault();n._menuToggle()});n.mobileNav.on("click","."+s+"_item",function(t){t.preventDefault();n._itemClick(e(this))});e(n.btn).keydown(function(e){var t=e||event;if(t.keyCode==13){e.preventDefault();n._menuToggle()}});n.mobileNav.on("keydown","."+s+"_item",function(t){var r=t||event;if(r.keyCode==13){t.preventDefault();n._itemClick(e(t.target))}});if(i.allowParentLinks&&i.nestedParentLinks){e("."+s+"_item a").click(function(e){e.stopImmediatePropagation()})}};o.prototype._menuToggle=function(e){var t=this;var n=t.btn;var r=t.mobileNav;if(n.hasClass(s+"_collapsed")){n.removeClass(s+"_collapsed");n.addClass(s+"_open")}else{n.removeClass(s+"_open");n.addClass(s+"_collapsed")}n.addClass(s+"_animating");t._visibilityToggle(r,n.parent(),true,n)};o.prototype._itemClick=function(e){var t=this;var n=t.settings;var r=e.data("menu");if(!r){r={};r.arrow=e.children("."+s+"_arrow");r.ul=e.next("ul");r.parent=e.parent();if(r.parent.hasClass(s+"_parent-link")){r.parent=e.parent().parent();r.ul=e.parent().next("ul")}e.data("menu",r)}if(r.parent.hasClass(s+"_collapsed")){r.arrow.html(n.openedSymbol);r.parent.removeClass(s+"_collapsed");r.parent.addClass(s+"_open");r.parent.addClass(s+"_animating");t._visibilityToggle(r.ul,r.parent,true,e)}else{r.arrow.html(n.closedSymbol);r.parent.addClass(s+"_collapsed");r.parent.removeClass(s+"_open");r.parent.addClass(s+"_animating");t._visibilityToggle(r.ul,r.parent,true,e)}};o.prototype._visibilityToggle=function(t,n,r,i,o){var u=this;var a=u.settings;var f=u._getActionItems(t);var l=0;if(r){l=a.duration}if(t.hasClass(s+"_hidden")){t.removeClass(s+"_hidden");t.slideDown(l,a.easingOpen,function(){e(i).removeClass(s+"_animating");e(n).removeClass(s+"_animating");if(!o){a.open(i)}});t.attr("aria-hidden","false");f.attr("tabindex","0");u._setVisAttr(t,false)}else{t.addClass(s+"_hidden");t.slideUp(l,this.settings.easingClose,function(){t.attr("aria-hidden","true");f.attr("tabindex","-1");u._setVisAttr(t,true);t.hide();e(i).removeClass(s+"_animating");e(n).removeClass(s+"_animating");if(!o){a.close(i)}else if(i=="init"){a.init()}})}};o.prototype._setVisAttr=function(t,n){var r=this;var i=t.children("li").children("ul").not("."+s+"_hidden");if(!n){i.each(function(){var t=e(this);t.attr("aria-hidden","false");var i=r._getActionItems(t);i.attr("tabindex","0");r._setVisAttr(t,n)})}else{i.each(function(){var t=e(this);t.attr("aria-hidden","true");var i=r._getActionItems(t);i.attr("tabindex","-1");r._setVisAttr(t,n)})}};o.prototype._getActionItems=function(e){var t=e.data("menu");if(!t){t={};var n=e.children("li");var r=n.find("a");t.links=r.add(n.find("."+s+"_item"));e.data("menu",t)}return t.links};o.prototype._outlines=function(t){if(!t){e("."+s+"_item, ."+s+"_btn").css("outline","none")}else{e("."+s+"_item, ."+s+"_btn").css("outline","")}};o.prototype.toggle=function(){var e=this;e._menuToggle()};o.prototype.open=function(){var e=this;if(e.btn.hasClass(s+"_collapsed")){e._menuToggle()}};o.prototype.close=function(){var e=this;if(e.btn.hasClass(s+"_open")){e._menuToggle()}};e.fn[i]=function(t){var n=arguments;if(t===undefined||typeof t==="object"){return this.each(function(){if(!e.data(this,"plugin_"+i)){e.data(this,"plugin_"+i,new o(this,t))}})}else if(typeof t==="string"&&t[0]!=="_"&&t!=="init"){var r;this.each(function(){var s=e.data(this,"plugin_"+i);if(s instanceof o&&typeof s[t]==="function"){r=s[t].apply(s,Array.prototype.slice.call(n,1))}});return r!==undefined?r:this}}})(jQuery,document,window) -------------------------------------------------------------------------------- /js/jquery.typer.js: -------------------------------------------------------------------------------- 1 | String.prototype.rightChars = function(n){ 2 | if (n <= 0) { 3 | return ""; 4 | } 5 | else if (n > this.length) { 6 | return this; 7 | } 8 | else { 9 | return this.substring(this.length, this.length - n); 10 | } 11 | }; 12 | 13 | (function($) { 14 | var 15 | options = { 16 | highlightSpeed : 20, 17 | typeSpeed : 100, 18 | clearDelay : 500, 19 | typeDelay : 200, 20 | clearOnHighlight : true, 21 | typerDataAttr : 'data-typer-targets', 22 | typerInterval : 2000 23 | }, 24 | highlight, 25 | clearText, 26 | backspace, 27 | type, 28 | spanWithColor, 29 | clearDelay, 30 | typeDelay, 31 | clearData, 32 | isNumber, 33 | typeWithAttribute, 34 | getHighlightInterval, 35 | getTypeInterval, 36 | typerInterval; 37 | 38 | spanWithColor = function(color, backgroundColor) { 39 | /* 40 | if (color === 'rgba(0, 0, 0, 0)') { 41 | color = 'rgb(255, 255, 255)'; 42 | } 43 | 44 | if (color === 'rgba(255, 255, 255, 255)') { 45 | backgroundColor = '#000'; 46 | }*/ 47 | 48 | color = '#000'; 49 | backgroundColor = '#555'; 50 | 51 | return $('') 52 | .css('color', color) 53 | .css('background-color', backgroundColor); 54 | }; 55 | 56 | isNumber = function (n) { 57 | return !isNaN(parseFloat(n)) && isFinite(n); 58 | }; 59 | 60 | clearData = function ($e) { 61 | $e.removeData([ 62 | 'typePosition', 63 | 'highlightPosition', 64 | 'leftStop', 65 | 'rightStop', 66 | 'primaryColor', 67 | 'backgroundColor', 68 | 'text', 69 | 'typing' 70 | ]); 71 | }; 72 | 73 | type = function ($e) { 74 | var 75 | // position = $e.data('typePosition'), 76 | text = $e.data('text'), 77 | oldLeft = $e.data('oldLeft'), 78 | oldRight = $e.data('oldRight'); 79 | 80 | // if (!isNumber(position)) { 81 | // position = $e.data('leftStop'); 82 | // } 83 | 84 | if (!text || text.length === 0) { 85 | clearData($e); 86 | return; 87 | } 88 | 89 | 90 | $e.text( 91 | oldLeft + 92 | text.charAt(0) + 93 | oldRight 94 | ).data({ 95 | oldLeft: oldLeft + text.charAt(0), 96 | text: text.substring(1) 97 | }); 98 | 99 | // $e.text($e.text() + text.substring(position, position + 1)); 100 | 101 | // $e.data('typePosition', position + 1); 102 | 103 | setTimeout(function () { 104 | type($e); 105 | }, getTypeInterval()); 106 | }; 107 | 108 | clearText = function ($e) { 109 | $e.find('span').remove(); 110 | 111 | setTimeout(function () { 112 | type($e); 113 | }, typeDelay()); 114 | }; 115 | 116 | highlight = function ($e) { 117 | var 118 | position = $e.data('highlightPosition'), 119 | leftText, 120 | highlightedText, 121 | rightText; 122 | 123 | if (!isNumber(position)) { 124 | position = $e.data('rightStop') + 1; 125 | } 126 | 127 | if (position <= $e.data('leftStop')) { 128 | setTimeout(function () { 129 | clearText($e); 130 | }, clearDelay()); 131 | return; 132 | } 133 | 134 | leftText = $e.text().substring(0, position - 1); 135 | highlightedText = $e.text().substring(position - 1, $e.data('rightStop') + 1); 136 | rightText = $e.text().substring($e.data('rightStop') + 1); 137 | 138 | $e.html(leftText) 139 | .append( 140 | spanWithColor( 141 | $e.data('backgroundColor'), 142 | $e.data('primaryColor') 143 | ) 144 | .append(highlightedText) 145 | ) 146 | .append(rightText); 147 | 148 | $e.data('highlightPosition', position - 1); 149 | 150 | setTimeout(function () { 151 | return highlight($e); 152 | }, getHighlightInterval()); 153 | }; 154 | 155 | typeWithAttribute = function ($e) { 156 | var targets; 157 | 158 | if ($e.data('typing')) { 159 | return; 160 | } 161 | 162 | try { 163 | targets = JSON.parse($e.attr($.typer.options.typerDataAttr)).targets; 164 | } catch (e) {} 165 | 166 | if (typeof targets === "undefined") { 167 | targets = $.map($e.attr($.typer.options.typerDataAttr).split(','), function (e) { 168 | return $.trim(e); 169 | }); 170 | } 171 | 172 | $e.typeTo(targets[Math.floor(Math.random()*targets.length)]); 173 | }; 174 | 175 | // Expose our options to the world. 176 | $.typer = (function () { 177 | return { options: options }; 178 | })(); 179 | 180 | $.extend($.typer, { 181 | options: options 182 | }); 183 | 184 | //-- Methods to attach to jQuery sets 185 | 186 | $.fn.typer = function() { 187 | var $elements = $(this); 188 | 189 | return $elements.each(function () { 190 | var $e = $(this); 191 | 192 | if (typeof $e.attr($.typer.options.typerDataAttr) === "undefined") { 193 | return; 194 | } 195 | 196 | typeWithAttribute($e); 197 | setInterval(function () { 198 | typeWithAttribute($e); 199 | }, typerInterval()); 200 | }); 201 | }; 202 | 203 | $.fn.typeTo = function (newString) { 204 | var 205 | $e = $(this), 206 | currentText = $e.text(), 207 | i = 0, 208 | j = 0; 209 | 210 | if (currentText === newString) { 211 | console.log("Our strings our equal, nothing to type"); 212 | return $e; 213 | } 214 | 215 | if (currentText !== $e.html()) { 216 | console.error("Typer does not work on elements with child elements."); 217 | return $e; 218 | } 219 | 220 | $e.data('typing', true); 221 | 222 | while (currentText.charAt(i) === newString.charAt(i)) { 223 | i++; 224 | } 225 | 226 | while (currentText.rightChars(j) === newString.rightChars(j)) { 227 | j++; 228 | } 229 | 230 | newString = newString.substring(i, newString.length - j + 1); 231 | 232 | $e.data({ 233 | oldLeft: currentText.substring(0, i), 234 | oldRight: currentText.rightChars(j - 1), 235 | leftStop: i, 236 | rightStop: currentText.length - j, 237 | primaryColor: $e.css('color'), 238 | backgroundColor: $e.css('background-color'), 239 | text: newString 240 | }); 241 | 242 | highlight($e); 243 | 244 | return $e; 245 | }; 246 | 247 | //-- Helper methods. These can one day be customized further to include things like ranges of delays. 248 | 249 | getHighlightInterval = function () { 250 | return $.typer.options.highlightSpeed; 251 | }; 252 | 253 | getTypeInterval = function () { 254 | return $.typer.options.typeSpeed; 255 | }, 256 | 257 | clearDelay = function () { 258 | return $.typer.options.clearDelay; 259 | }, 260 | 261 | typeDelay = function () { 262 | return $.typer.options.typeDelay; 263 | }; 264 | 265 | typerInterval = function () { 266 | return $.typer.options.typerInterval; 267 | }; 268 | })(jQuery); 269 | -------------------------------------------------------------------------------- /js/ms.js: -------------------------------------------------------------------------------- 1 | //MS.JS 2 | $(document).ready(function(){ 3 | $(".ms-expander").hover(function(){ 4 | /* 5 | $("#ms-btn-red").css("background-color","#dc400b"); 6 | $("#ms-btn-green").css("background-color","#67b40d"); 7 | $("#ms-btn-blue").css("background-color","#0187ba"); 8 | $("#ms-btn-yellow").css("background-color","#d8a002"); 9 | 10 | $("#ms-btn-green").css("opacity", "0"); 11 | //$(".ms-link").css("padding-top", "100px"); 12 | $(".ms-btn-container").addClass("rotateArrow"); 13 | */ 14 | $("#ms-btn-green").css("opacity", "0"); 15 | },function(){ 16 | /* 17 | $("#ms-btn-red").css("background-color","#f1511b"); 18 | $("#ms-btn-green").css("background-color","#80cc28"); 19 | $("#ms-btn-blue").css("background-color","#00adef"); 20 | $("#ms-btn-yellow").css("background-color","#fbbc09"); 21 | 22 | $("#ms-btn-green").css("opacity", "1"); 23 | //$(".ms-link").css("padding-top", "0px"); 24 | $(".ms-btn-container").removeClass("rotateArrow"); 25 | */ 26 | $("#ms-btn-green").css("opacity", "0.2"); 27 | }); 28 | }); -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | function mailchimp(){ 2 | if ($(".input-box").val()) { 3 | var hipHopMagician = $(".input-box").val(); 4 | $(".input-box").val(""); 5 | $('.input-box').attr('placeholder','Please check your email. :)'); 6 | $('.btnSubscribe').prop("disabled",!this.checked); 7 | $('.btnSubscribe').css({'background-color':'#c5c5c5','color':'#707070','border':'2px solid #c5c5c5'}); 8 | $('.btnSubscribe').html('Thanks!') 9 | $.post("/signup/", { email: hipHopMagician }); 10 | } 11 | else { 12 | $(".input-box").val(""); 13 | $('.input-box').attr('placeholder','Please enter an email.'); 14 | } 15 | return false; 16 | } 17 | 18 | $(document).ready(function(){ 19 | $("#menuButton").click(function(event){ 20 | $("#menuButton").fadeTo("fast", 0); 21 | $("#closeButton").show("fast"); 22 | $("#navS").fadeTo("fast", 1); 23 | event.stopPropagation(); //doesn't let this element do the same actions as clicking html 24 | }); 25 | $("#closeButton").click(function(){ 26 | $(this).hide("fast"); 27 | $("#menuButton").fadeTo("fast", 1); 28 | $("#navS").fadeTo("fast", 0); 29 | $("#navS").hide(); 30 | }); 31 | $(".button").click(function(){ 32 | $("#closeButton").hide("fast"); 33 | $("#menuButton").fadeTo("fast", 1); 34 | $("#navS").fadeTo("fast", 0); 35 | $("#navS").hide(); 36 | }); 37 | $("#navS").click(function(event){ 38 | event.stopPropagation(); 39 | }); 40 | var width = $(window).width(); 41 | if (width >= 480){ 42 | $("html").click(function(event){ 43 | event.stopPropagation(); 44 | }); 45 | } 46 | else { 47 | $("html").click(function(){ //hides menu when clicking outside of popout menu 48 | $("#closeButton").hide("fast"); 49 | $("#menuButton").fadeTo("fast", 1); 50 | $("#navS").fadeTo("fast", 0); 51 | $("#navS").hide(); 52 | }); 53 | } 54 | }); 55 | -------------------------------------------------------------------------------- /logo.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/InFuture/2015-website/184fac5dc61cedf1ffa06a16cd413e63e25fcaab/logo.ico -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "InFuture", 3 | "version": "0.0.0", 4 | "description": "InFuture Website", 5 | "repository": { 6 | "type": "git", 7 | "url": "https://github.com/InnovateTheFuture/InFuture" 8 | }, 9 | "author": "Paul Vorobyev (http://pauldoescode.com/)", 10 | "bugs": { 11 | "url": "https://github.com/InnovateTheFuture/InFuture/issues" 12 | }, 13 | "homepage": "https://github.com/InnovateTheFuture/InFuture", 14 | "devDependencies": { 15 | "grunt": "^0.4.5", 16 | "grunt-contrib-sass": "^0.9.2", 17 | "grunt-contrib-watch": "^0.6.1" 18 | } 19 | } 20 | --------------------------------------------------------------------------------