├── stats ├── fonts │ └── roboto │ │ ├── Roboto-Light.woff2 │ │ ├── Roboto-Medium.eot │ │ ├── Roboto-Medium.ttf │ │ ├── Roboto-Bold.eot │ │ ├── Roboto-Bold.ttf │ │ ├── Roboto-Bold.woff │ │ ├── Roboto-Bold.woff2 │ │ ├── Roboto-Light.eot │ │ ├── Roboto-Light.ttf │ │ └── Roboto-Light.woff ├── bg.jpg ├── rc.jpg ├── logo.png └── css │ └── style.css ├── favicon.ico ├── humblefool ├── img │ ├── na.png │ ├── header.jpg │ ├── profile.jpg │ └── topcoder.jpg ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff ├── min │ ├── custom-min.css │ └── custom-min.js ├── css │ ├── main.css │ ├── style.css │ └── font-awesome.min.css ├── js │ ├── init.js │ └── modernizr.js └── humblefool.html ├── images └── sponsors │ ├── KPT.jpg │ ├── npm.png │ ├── codacy.png │ ├── github.png │ ├── restdb.jpg │ ├── zulip.png │ ├── codepen.png │ ├── hackster.png │ ├── topcoder.png │ ├── hackerearth.png │ ├── digitalocean.png │ ├── wolframalpha.jpg │ └── gitlab.svg ├── fonts └── roboto │ ├── Roboto-Bold.eot │ ├── Roboto-Bold.ttf │ ├── Roboto-Thin.eot │ ├── Roboto-Thin.ttf │ ├── Roboto-Bold.woff │ ├── Roboto-Bold.woff2 │ ├── Roboto-Light.eot │ ├── Roboto-Light.ttf │ ├── Roboto-Light.woff │ ├── Roboto-Light.woff2 │ ├── Roboto-Medium.eot │ ├── Roboto-Medium.ttf │ ├── Roboto-Medium.woff │ ├── Roboto-Regular.eot │ ├── Roboto-Regular.ttf │ ├── Roboto-Thin.woff │ ├── Roboto-Thin.woff2 │ ├── Roboto-Medium.woff2 │ ├── Roboto-Regular.woff │ └── Roboto-Regular.woff2 ├── js ├── loader.js ├── init.js └── header.js ├── README.md ├── css ├── header.css ├── loader.css ├── team.css └── style.css ├── team.html ├── team.css ├── stats.html └── index.html /stats/fonts/roboto/Roboto-Light.woff2: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Medium.eot: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/favicon.ico -------------------------------------------------------------------------------- /stats/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/bg.jpg -------------------------------------------------------------------------------- /stats/rc.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/rc.jpg -------------------------------------------------------------------------------- /stats/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/logo.png -------------------------------------------------------------------------------- /humblefool/img/na.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/img/na.png -------------------------------------------------------------------------------- /images/sponsors/KPT.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/KPT.jpg -------------------------------------------------------------------------------- /images/sponsors/npm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/npm.png -------------------------------------------------------------------------------- /humblefool/img/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/img/header.jpg -------------------------------------------------------------------------------- /humblefool/img/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/img/profile.jpg -------------------------------------------------------------------------------- /images/sponsors/codacy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/codacy.png -------------------------------------------------------------------------------- /images/sponsors/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/github.png -------------------------------------------------------------------------------- /images/sponsors/restdb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/restdb.jpg -------------------------------------------------------------------------------- /images/sponsors/zulip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/zulip.png -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Bold.eot -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Thin.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Thin.eot -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /humblefool/img/topcoder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/img/topcoder.jpg -------------------------------------------------------------------------------- /images/sponsors/codepen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/codepen.png -------------------------------------------------------------------------------- /images/sponsors/hackster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/hackster.png -------------------------------------------------------------------------------- /images/sponsors/topcoder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/topcoder.png -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Bold.woff -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Bold.woff2 -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Light.eot -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Light.woff -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Light.woff2 -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Medium.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Medium.eot -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Medium.woff -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Regular.eot -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Thin.woff -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Thin.woff2 -------------------------------------------------------------------------------- /images/sponsors/hackerearth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/hackerearth.png -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Medium.woff2 -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Regular.woff -------------------------------------------------------------------------------- /fonts/roboto/Roboto-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/fonts/roboto/Roboto-Regular.woff2 -------------------------------------------------------------------------------- /humblefool/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /images/sponsors/digitalocean.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/digitalocean.png -------------------------------------------------------------------------------- /images/sponsors/wolframalpha.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/images/sponsors/wolframalpha.jpg -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Bold.eot -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Bold.woff -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Bold.woff2 -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Light.eot -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /stats/fonts/roboto/Roboto-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/stats/fonts/roboto/Roboto-Light.woff -------------------------------------------------------------------------------- /humblefool/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /humblefool/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /humblefool/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fossiiita/humblefoolcup/master/humblefool/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /js/loader.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | 3 | setTimeout(function(){ 4 | $('body').addClass('loaded'); 5 | 6 | }); 7 | 8 | }) -------------------------------------------------------------------------------- /js/init.js: -------------------------------------------------------------------------------- 1 | (function($){ 2 | $(function(){ 3 | 4 | $('.button-collapse').sideNav(); 5 | 6 | }); // end of document ready 7 | })(jQuery); // end of jQuery name space -------------------------------------------------------------------------------- /js/header.js: -------------------------------------------------------------------------------- 1 | $(window).scroll(function(){ 2 | if ($(window).scrollTop() >= 300) { 3 | $('nav').addClass('fixed-header'); 4 | } 5 | else { 6 | $('nav').removeClass('fixed-header'); 7 | } 8 | }); 9 | 10 | /* scrollTop() >= 240 11 | Should be equal the the height of the header 12 | */ 13 | -------------------------------------------------------------------------------- /stats/css/style.css: -------------------------------------------------------------------------------- 1 | /* Custom Stylesheet */ 2 | /** 3 | * Use this file to override Materialize files so you can update 4 | * the core Materialize files in the future 5 | * 6 | * Made By MaterializeCSS.com 7 | */ 8 | 9 | .icon-block { 10 | padding: 0 15px; 11 | } 12 | .icon-block .material-icons { 13 | font-size: inherit; 14 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HumbleFoolCup 2 | 3 | Website of signature event of Aparoksha 2017, HumblefoolCup. 4 | 5 | This is a single-page static site in developemnt upon [Materialize starter template](http://materializecss.com/). 6 | 7 | Website is a part of OpenCode and is being developed by the participants of opencode. 8 | 9 | ## Event details 10 | 11 | Will be held in two rounds 12 | 13 | 1. Online round will be held world wide. 14 | 2. Final offline round round will be held in IIIT-A where top 50 from the first round will particpate for the HumbleFool Cup. 15 | 16 | # NO MORE PR'S will be merged of this project. 17 | 18 | 19 | ### Development: 20 | 21 | Have a look at these sites: [IIITAHacks](https://geekhaven.iiita.ac.in/iiitahacks/) || [HackInTheNorth](http://www.hackinthenorth.com/). 22 | 23 | Take inspiration from these sites. Workflow should be in accordance to the issues. 24 | 25 | Join us on [Gitter](https://gitter.im/opencode2017) for any general queries. 26 | 27 | ##### Project Maintainer: 28 | Diwakar [Github](https://github.com/magician03) [Facebook](https://www.facebook.com/magician03) 29 | Gautham [Github](https://github.com/gauthamzz) [Facebook](https://www.facebook.com/gauthamzz) 30 | -------------------------------------------------------------------------------- /css/header.css: -------------------------------------------------------------------------------- 1 | header { 2 | height:360px; 3 | z-index:10; 4 | } 5 | .header-banner { 6 | background-color: #333; 7 | background-image: url('../humblefool/img/header.jpg'); 8 | background-position: center; 9 | background-repeat: no-repeat; 10 | background-size: cover; 11 | width: 100%; 12 | height: 300px; 13 | } 14 | 15 | header .logo { 16 | background-color: transparent; 17 | background-image: url(''); 18 | background-position: center top; 19 | background-repeat: no-repeat; 20 | position: absolute; 21 | top: 72px; 22 | height: 256px; 23 | width: 256px; 24 | } 25 | 26 | header h1 { 27 | position: absolute; 28 | top: 72px; 29 | left: 240px; 30 | color: #fff; 31 | } 32 | 33 | .fixed-header { 34 | position: fixed; 35 | top:0; left:0; 36 | width: 100%; 37 | } 38 | 39 | nav { 40 | width:100%; 41 | height:60px; 42 | background: #292f36; 43 | postion:fixed; 44 | z-index:1000; 45 | } 46 | 47 | nav ul { 48 | list-style-type: none; 49 | margin: 0 auto; 50 | padding-left:0; 51 | text-align:right; 52 | width: 960px; 53 | max-width: 100%; 54 | } 55 | nav ul li { 56 | display: inline-block; 57 | line-height: 60px; 58 | margin-left: 10px; 59 | } 60 | nav ul li a { 61 | text-decoration: none; 62 | color: #a9abae; 63 | } 64 | 65 | 66 | /* demo */ 67 | .content{ width: 960px; max-width: 100%; margin:0 auto; padding-top: 60px; } 68 | article { width: 720px; float: left; } 69 | article p:first-of-type { margin-top: 0; } 70 | aside { width: 120px; float: right; } 71 | aside img { max-width: 100%; } 72 | body { 73 | color: #292f36; 74 | font-family: helvetica; 75 | line-height: 1.6; 76 | } 77 | 78 | 79 | /* resets */ 80 | body { margin:0px; padding:0px; } 81 | -------------------------------------------------------------------------------- /team.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |

Our Team

17 |

Meet the people who made it happen

18 |
19 | 20 |
21 |
22 | 23 |
24 |
25 |
26 | 27 |
28 |

Presently student at Indian Institute of Information Technology Allahabad for integrated M-Tech in Intelligent Systems. Originally from Mannanam,Kottayam,Kerala.

29 |
    30 |
    • 31 |
    • 32 |
    • 33 |
    • 34 |
35 |
36 |
37 |

Gautham Santhosh

38 |

Organiser

39 |
40 |
41 | 42 |
43 |
44 | 45 |
46 |
47 |
48 | 49 | 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /humblefool/min/custom-min.css: -------------------------------------------------------------------------------- 1 | .default_color{background-color:#242943 !important}.default_color_text{color:#2196F3 !important}.icon-block{padding:0 2 | 15px}#intro,#work,#team{padding-top:4rem}#index-banner{min-height:732px;max-height:864px;position:relative;background-color:#242943}#nav_f{box-shadow:none !important;-webkit-box-shadow:none !important}.text_h{padding:15% 0;font-size:4.0em;font-weight:100;color:white}.brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;font-style:normal;font-weight:100;padding:0;letter-spacing:2px}.text_h2{font-weight:80;margin-bottom:4%;line-height:4.5rem}.span_h2{font-weight:300;color:#2196F3}.text_b{color:#2196F3}.in{font-weight:400 !important;font-style:normal !important}.promo 3 | i{color:#2196F3;font-size:7rem;display:block}.card-content 4 | a{color:#2196F3}.card-content a:hover{color:#2196F3}#work,#team{background:rgb(247,247,247)}.text_pink{color:#EF9A9A}nav ul 5 | a{font-size:1.2rem;color:#FFF;letter-spacing:2px;display:block;font-weight:300;padding:0px 6 | 15px}.cd-headline.type .cd-words-wrapper{vertical-align:top;overflow:hidden}.cd-headline.type .cd-words-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px;background-color:#aebcb9}.cd-headline.type .cd-words-wrapper.waiting::after{-webkit-animation:cd-pulse 1s infinite;-moz-animation:cd-pulse 1s infinite;animation:cd-pulse 1s infinite}.cd-headline.type .cd-words-wrapper.selected{background-color:#FFF}.cd-headline.type .cd-words-wrapper.selected::after{visibility:hidden}.cd-headline.type .cd-words-wrapper.selected 7 | b{color:#2196F3}.cd-headline.type 8 | b{visibility:hidden}.cd-headline.type b.is-visible{visibility:visible}.cd-headline.type 9 | i{position:absolute;visibility:hidden}.cd-headline.type 10 | i.in{position:relative;visibility:visible}@-webkit-keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(0.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);opacity:0}}@-moz-keyframes cd-pulse{0%{-moz-transform:translateY(-50%) scale(1);opacity:1}40%{-moz-transform:translateY(-50%) scale(0.9);opacity:0}100%{-moz-transform:translateY(-50%) scale(0);opacity:0}}@keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(0.9);-moz-transform:translateY(-50%) scale(0.9);-ms-transform:translateY(-50%) scale(0.9);-o-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:1200}#status{width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(/img/status.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}@media only screen and (max-width: 480px){.text_h{padding:4% 0;font-size:5em;font-weight:100;color:white}}input,textarea{border-bottom:1px solid #fff}nav a.button-collapse{left:-25px}.card-avatar .waves-effect{text-align:center;margin-top:20px}.card-avatar 11 | img{height:150px;width:150px;border-radius:75px}.card-avatar .card-content{text-align:center}.card .card-content 12 | p{margin:15px 13 | 0px}.card-avatar .card-content 14 | i{font-size:1.5rem}.card-avatar .card-content .card-title{line-height:30px !important}.parallax-container{max-height:400px}footer.page-footer{margin-top:0px !important} -------------------------------------------------------------------------------- /images/sponsors/gitlab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | wm_no_bg 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /css/loader.css: -------------------------------------------------------------------------------- 1 | 2 | .chromeframe { 3 | margin: 0.2em 0; 4 | background: #fff; 5 | color: #000; 6 | padding: 0.2em 0; 7 | } 8 | 9 | 10 | 11 | #loader-wrapper { 12 | position: fixed; 13 | top: 0; 14 | left: 0; 15 | width: 100%; 16 | height: 100%; 17 | z-index: 1000; 18 | } 19 | #loader { 20 | display: block; 21 | position: relative; 22 | left: 50%; 23 | top: 50%; 24 | width: 150px; 25 | height: 150px; 26 | margin: -75px 0 0 -75px; 27 | border-radius: 50%; 28 | border: 3px solid transparent; 29 | border-top-color: #3498db; 30 | 31 | -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 32 | animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 33 | 34 | z-index: 1001; 35 | } 36 | 37 | #loader:before { 38 | content: ""; 39 | position: absolute; 40 | top: 5px; 41 | left: 5px; 42 | right: 5px; 43 | bottom: 5px; 44 | border-radius: 50%; 45 | border: 3px solid transparent; 46 | border-top-color: #e74c3c; 47 | 48 | -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 49 | animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 50 | } 51 | 52 | #loader:after { 53 | content: ""; 54 | position: absolute; 55 | top: 15px; 56 | left: 15px; 57 | right: 15px; 58 | bottom: 15px; 59 | border-radius: 50%; 60 | border: 3px solid transparent; 61 | border-top-color: #f9c922; 62 | 63 | -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ 64 | animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 65 | } 66 | 67 | @-webkit-keyframes spin { 68 | 0% { 69 | -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ 70 | -ms-transform: rotate(0deg); /* IE 9 */ 71 | transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ 72 | } 73 | 100% { 74 | -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ 75 | -ms-transform: rotate(360deg); /* IE 9 */ 76 | transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ 77 | } 78 | } 79 | @keyframes spin { 80 | 0% { 81 | -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ 82 | -ms-transform: rotate(0deg); /* IE 9 */ 83 | transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ 84 | } 85 | 100% { 86 | -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ 87 | -ms-transform: rotate(360deg); /* IE 9 */ 88 | transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ 89 | } 90 | } 91 | 92 | #loader-wrapper .loader-section { 93 | position: fixed; 94 | top: 0; 95 | width: 51%; 96 | height: 100%; 97 | background: #ffffff; 98 | z-index: 1000; 99 | -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ 100 | -ms-transform: translateX(0); /* IE 9 */ 101 | transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ 102 | } 103 | 104 | #loader-wrapper .loader-section.section-left { 105 | left: 0; 106 | } 107 | 108 | #loader-wrapper .loader-section.section-right { 109 | right: 0; 110 | } 111 | 112 | /* Loaded */ 113 | .loaded #loader-wrapper .loader-section.section-left { 114 | -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ 115 | -ms-transform: translateX(-100%); /* IE 9 */ 116 | transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ 117 | 118 | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 119 | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 120 | } 121 | 122 | .loaded #loader-wrapper .loader-section.section-right { 123 | -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ 124 | -ms-transform: translateX(100%); /* IE 9 */ 125 | transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ 126 | 127 | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 128 | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 129 | } 130 | 131 | .loaded #loader { 132 | opacity: 0; 133 | -webkit-transition: all 0.3s ease-out; 134 | transition: all 0.3s ease-out; 135 | } 136 | .loaded #loader-wrapper { 137 | visibility: hidden; 138 | 139 | -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ 140 | -ms-transform: translateY(-100%); /* IE 9 */ 141 | transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ 142 | 143 | -webkit-transition: all 0.3s 1s ease-out; 144 | transition: all 0.3s 1s ease-out; 145 | } 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | -------------------------------------------------------------------------------- /humblefool/css/main.css: -------------------------------------------------------------------------------- 1 | #harsha_img{ 2 | display: block; 3 | margin-left: auto; 4 | margin-right: auto; 5 | } 6 | 7 | .top{ 8 | margin: 4px 4px; 9 | text-align: center; 10 | } 11 | 12 | #type{ 13 | padding: 7px 7px; 14 | margin-top: 100px; 15 | margin-bottom: 20px; 16 | } 17 | 18 | .humblefool{ 19 | color: white; 20 | margin-top: 3px; 21 | padding-top: 2.5px; 22 | font-size: 30px 23 | } 24 | 25 | #header_tribute{ 26 | color: #C29898; 27 | font-size: 20px; 28 | } 29 | 30 | #intro{ 31 | font-size: 23px; 32 | } 33 | 34 | .responsive-self-choosen{ 35 | color: white; 36 | } 37 | 38 | 39 | #contact{ 40 | text-align: center; 41 | } 42 | 43 | 44 | #contact ul{ 45 | text-align: center; 46 | margin: 5px 5px; 47 | } 48 | 49 | 50 | #contact ul li a{ 51 | padding-left: 10px; 52 | } 53 | 54 | 55 | #brief_about{ 56 | width: 48.3333%; 57 | } 58 | 59 | #short_about{ 60 | font-size: 20px; 61 | 62 | } 63 | 64 | #short_about1{ 65 | font-size: 20px; 66 | 67 | } 68 | 69 | #life-events{ 70 | margin: 5px 45px 10px 65px; 71 | } 72 | 73 | .life-events{ 74 | margin: 5px 15px 10px 15px; 75 | } 76 | 77 | #life-look{ 78 | text-align: center; 79 | } 80 | 81 | .year-header{ 82 | font-size:18px; 83 | color: #2196F3; 84 | text-align: left; 85 | font-weight: bold; 86 | } 87 | 88 | .life-look-div ul li:nth-child(odd){ 89 | background-color: rgb(247,247,247); 90 | } 91 | 92 | .life-look-div{ 93 | margin-bottom: 60px; 94 | margin-left: 20px; 95 | margin-right: 20px; 96 | } 97 | 98 | .life-description{ 99 | font-size: 14px; 100 | padding: 5px 0px 5px 0px; 101 | } 102 | 103 | .tribute{ 104 | text-align: center; 105 | background-color: #242943; 106 | margin-bottom: 0px; 107 | height: 265px; 108 | } 109 | 110 | #tribute{ 111 | font-size: 20px; 112 | color: white; 113 | margin-top: 25px; 114 | line-height: 28px; 115 | } 116 | 117 | #cup_des p{ 118 | font-size: 17px; 119 | } 120 | 121 | #humblefoolcup{ 122 | font-size: 38px; 123 | } 124 | 125 | #love{ 126 | text-align: center; 127 | width: 900px; 128 | margin: auto auto; 129 | } 130 | 131 | #index-banner{ 132 | background: linear-gradient(0deg, #242943, #242943 90%) no-repeat #242943; 133 | margin: 0; 134 | } 135 | 136 | header { 137 | padding: 25px; 138 | position: relative; 139 | z-index: 1; 140 | } 141 | 142 | #layers { 143 | height: 400px; 144 | left: 0; 145 | overflow: hidden; 146 | position: absolute; 147 | top: 0; 148 | margin-left: 20px; 149 | margin-right: 10px; 150 | width: 98%; 151 | } 152 | 153 | #layers .layer { 154 | background-size: auto 100%; 155 | background-position: 50% 0; 156 | background-repeat: repeat-x; 157 | height: 300px; 158 | left: 0; 159 | position: absolute; 160 | top: 0; 161 | transform: translate3d(0, 0, 0); 162 | margin-left: 20px; 163 | margin-right: 10px; 164 | width: 98%; 165 | } 166 | 167 | @keyframes twinkle { 168 | from { opacity: .3; } 169 | to { opacity: 1; } 170 | } 171 | 172 | @keyframes layer-1 { 173 | from { transform: translate3d(0, 0, 0); } 174 | to { transform: translate3d(-689px, 0, 0); } 175 | } 176 | #layers .layer:nth-child(1) { 177 | animation: twinkle 10s ease-in -5s infinite alternate, layer-1 344s linear infinite; 178 | background-image: url('https://rogertalk.com/s/stars1.png'); 179 | } 180 | 181 | @keyframes layer-2 { 182 | from { transform: translate3d(0, 0, 0); } 183 | to { transform: translate3d(-699px, 0, 0); } 184 | } 185 | #layers .layer:nth-child(2) { 186 | animation: twinkle 3s ease-in -3s infinite alternate, layer-2 34s linear infinite; 187 | background-image: url('https://rogertalk.com/s/stars2.png'); 188 | } 189 | 190 | @keyframes layer-3 { 191 | from { transform: translate3d(0, 0, 0); } 192 | to { transform: translate3d(-699px, 0, 0); } 193 | } 194 | #layers .layer:nth-child(3) { 195 | animation: twinkle 3.5s ease-in infinite alternate, layer-3 34s linear infinite; 196 | background-image: url('https://rogertalk.com/s/stars3.png'); 197 | } 198 | 199 | @keyframes layer-4 { 200 | from { transform: translate3d(0, 0, 0); } 201 | to { transform: translate3d(-480px, 0, 0); } 202 | } 203 | #layers .layer:nth-child(4) { 204 | animation: twinkle 4s ease-in -2s infinite alternate, layer-4 80s linear infinite; 205 | background-image: url('https://rogertalk.com/s/stars4.png'); 206 | } 207 | 208 | @keyframes layer-5 { 209 | from { transform: translate3d(0, 0, 0); } 210 | to { transform: translate3d(-486px, 0, 0); } 211 | } 212 | #layers .layer:nth-child(5) { 213 | animation: twinkle 5.5s ease-in infinite alternate, layer-5 243s linear infinite; 214 | background-image: url('https://rogertalk.com/s/stars5.png'); 215 | } 216 | 217 | @keyframes layer-6 { 218 | from { transform: translate3d(0, 0, 0); } 219 | to { transform: translate3d(-486px, 0, 0); } 220 | } 221 | #layers .layer:nth-child(6) { 222 | animation: twinkle 5.5s ease-in infinite alternate, layer-5 143s linear infinite; 223 | background-image: url('https://rogertalk.com/s/stars5.png'); 224 | } 225 | 226 | @keyframes shooting-star { 227 | 0% { 228 | opacity: 1; 229 | transform: translate3d(0, 0, 0); 230 | } 231 | 25% { 232 | opacity: 1; 233 | } 234 | 100% { 235 | opacity: 0; 236 | transform: translate3d(-270px, 180px, 0); 237 | } 238 | } 239 | 240 | #layers:before { 241 | animation: 1000ms linear 1s shooting-star; 242 | background-image: url('https://rogertalk.com/s/shootingstar.png'); 243 | background-size: 72px 50px; 244 | content: ' '; 245 | height: 50px; 246 | left: 80%; 247 | position: absolute; 248 | top: -50px; 249 | width: 72px; 250 | z-index: 100; 251 | } 252 | 253 | .footer-copyright{ 254 | text-align: center; 255 | margin: auto; 256 | } -------------------------------------------------------------------------------- /humblefool/css/style.css: -------------------------------------------------------------------------------- 1 | /* Custom Stylesheet */ 2 | /** 3 | * 4 | * Made By Joash Pereira 5 | * Thanks for MaterializeCSS.com 6 | */ 7 | 8 | .default_color{background-color: #2196F3 !important} 9 | 10 | .default_color_text{color: #2196F3 !important} 11 | 12 | .icon-block { 13 | padding: 0 15px; 14 | } 15 | 16 | #intro, #work, #team {padding-top: 4rem;} 17 | 18 | 19 | #index-banner { 20 | min-height: 632px; 21 | max-height: 864px; 22 | position: relative; 23 | background-color: #2196F3; 24 | } 25 | 26 | #nav_f{ 27 | box-shadow: none !important; 28 | -webkit-box-shadow:none !important; 29 | } 30 | 31 | .text_h { 32 | padding: 15% 0; 33 | font-size: 6.0em; 34 | font-weight: 100; 35 | color:white; 36 | } 37 | 38 | .brand-logo{ 39 | position: absolute; 40 | color: #fff; 41 | display: inline-block; 42 | font-size: 2.1rem; 43 | font-style: normal; 44 | font-weight: 100; 45 | padding: 0; 46 | letter-spacing: 7px; 47 | } 48 | 49 | .text_h2 {font-weight: 100;margin-bottom: 4%; line-height: 4.5rem;} 50 | 51 | .span_h2 {font-weight: 300;color: #2196F3;} 52 | 53 | .text_b{color: #2196F3;} 54 | 55 | .in{font-weight: 400 !important; font-style: normal !important;} 56 | 57 | .promo i { 58 | color: #2196F3; 59 | font-size: 7rem; 60 | display: block; 61 | } 62 | .card-content a {color: #2196F3;} 63 | 64 | .card-content a:hover {color: #2196F3;} 65 | 66 | #work, #team{background: rgb(247, 247, 247);} 67 | 68 | .text_pink{color:#EF9A9A;} 69 | 70 | nav ul a { 71 | font-size: 1.2rem; 72 | color: #FFF; 73 | letter-spacing: 2px; 74 | display: block; 75 | font-weight: 300; 76 | padding: 0px 15px; 77 | } 78 | 79 | .cd-headline.type .cd-words-wrapper { 80 | vertical-align: top; 81 | overflow: hidden; 82 | } 83 | 84 | .cd-headline.type .cd-words-wrapper::after { 85 | /* vertical bar */ 86 | content: ''; 87 | position: absolute; 88 | right: 0; 89 | top: 50%; 90 | bottom: auto; 91 | -webkit-transform: translateY(-50%); 92 | -moz-transform: translateY(-50%); 93 | -ms-transform: translateY(-50%); 94 | -o-transform: translateY(-50%); 95 | transform: translateY(-50%); 96 | height: 90%; 97 | width: 1px; 98 | background-color: #aebcb9; 99 | } 100 | 101 | .cd-headline.type .cd-words-wrapper.waiting::after { 102 | -webkit-animation: cd-pulse 1s infinite; 103 | -moz-animation: cd-pulse 1s infinite; 104 | animation: cd-pulse 1s infinite; 105 | } 106 | .cd-headline.type .cd-words-wrapper.selected { 107 | background-color: #FFF; 108 | } 109 | 110 | .cd-headline.type .cd-words-wrapper.selected::after { 111 | visibility: hidden; 112 | } 113 | 114 | .cd-headline.type .cd-words-wrapper.selected b { 115 | color: #2196F3; 116 | } 117 | 118 | .cd-headline.type b { 119 | visibility: hidden; 120 | } 121 | 122 | .cd-headline.type b.is-visible { 123 | visibility: visible; 124 | } 125 | 126 | .cd-headline.type i { 127 | position: absolute; 128 | visibility: hidden; 129 | } 130 | .cd-headline.type i.in { 131 | position: relative; 132 | visibility: visible; 133 | } 134 | 135 | @-webkit-keyframes cd-pulse { 136 | 0% { 137 | -webkit-transform: translateY(-50%) scale(1); 138 | opacity: 1; 139 | } 140 | 40% { 141 | -webkit-transform: translateY(-50%) scale(0.9); 142 | opacity: 0; 143 | } 144 | 100% { 145 | -webkit-transform: translateY(-50%) scale(0); 146 | opacity: 0; 147 | } 148 | } 149 | @-moz-keyframes cd-pulse { 150 | 0% { 151 | -moz-transform: translateY(-50%) scale(1); 152 | opacity: 1; 153 | } 154 | 40% { 155 | -moz-transform: translateY(-50%) scale(0.9); 156 | opacity: 0; 157 | } 158 | 100% { 159 | -moz-transform: translateY(-50%) scale(0); 160 | opacity: 0; 161 | } 162 | } 163 | 164 | @keyframes cd-pulse { 165 | 0% { 166 | -webkit-transform: translateY(-50%) scale(1); 167 | -moz-transform: translateY(-50%) scale(1); 168 | -ms-transform: translateY(-50%) scale(1); 169 | -o-transform: translateY(-50%) scale(1); 170 | transform: translateY(-50%) scale(1); 171 | opacity: 1; 172 | } 173 | 40% { 174 | -webkit-transform: translateY(-50%) scale(0.9); 175 | -moz-transform: translateY(-50%) scale(0.9); 176 | -ms-transform: translateY(-50%) scale(0.9); 177 | -o-transform: translateY(-50%) scale(0.9); 178 | transform: translateY(-50%) scale(0.9); 179 | opacity: 0; 180 | } 181 | 100% { 182 | -webkit-transform: translateY(-50%) scale(0); 183 | -moz-transform: translateY(-50%) scale(0); 184 | -ms-transform: translateY(-50%) scale(0); 185 | -o-transform: translateY(-50%) scale(0); 186 | transform: translateY(-50%) scale(0); 187 | opacity: 0; 188 | } 189 | } 190 | 191 | 192 | /* Preloader */ 193 | #preloader { 194 | position: fixed; 195 | top:0; 196 | left:0; 197 | right:0; 198 | bottom:0; 199 | background-color:#fff; /* change if the mask should have another color then white */ 200 | z-index:1200; /* makes sure it stays on top */ 201 | } 202 | 203 | #status { 204 | width:200px; 205 | height:200px; 206 | position:absolute; 207 | left:50%; /* centers the loading animation horizontally one the screen */ 208 | top:50%; /* centers the loading animation vertically one the screen */ 209 | background-image:url(../img/status.gif); /* path to your loading animation */ 210 | background-repeat:no-repeat; 211 | background-position:center; 212 | margin:-100px 0 0 -100px; /* is width and height divided by two */ 213 | } 214 | 215 | @media only screen and (max-width: 480px) { 216 | .text_h { 217 | padding: 4% 0; 218 | font-size: 5em; 219 | font-weight: 100; 220 | color: white; 221 | } 222 | } 223 | 224 | input, textarea { 225 | border-bottom: 1px solid #fff; 226 | } 227 | 228 | nav a.button-collapse { 229 | left: -25px; 230 | } 231 | 232 | .card-avatar .waves-effect { 233 | text-align: center; 234 | margin-top: 20px; 235 | } 236 | 237 | .card-avatar img { 238 | height: 150px; 239 | width: 150px; 240 | border-radius: 75px; 241 | } 242 | 243 | .card-avatar .card-content { 244 | text-align: center; 245 | } 246 | 247 | .card .card-content p { 248 | margin: 15px 0px; 249 | } 250 | 251 | .card-avatar .card-content i { 252 | font-size: 1.5rem; 253 | } 254 | 255 | .card-avatar .card-content .card-title { 256 | line-height: 30px !important; 257 | } 258 | 259 | .parallax-container { 260 | max-height: 400px; 261 | } 262 | 263 | footer.page-footer { 264 | margin-top: 0px !important; 265 | } -------------------------------------------------------------------------------- /humblefool/min/custom-min.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | $('.scrollspy').scrollSpy(); 3 | });(function($){$(function(){$('.button-collapse').sideNav();$('.scrollspy').scrollSpy();var animationDelay=2500,barAnimationDelay=3800,barWaiting=barAnimationDelay-3000,lettersDelay=50,typeLettersDelay=150,selectionDuration=500,typeAnimationDelay=selectionDuration+800,revealDuration=600,revealAnimationDelay=1500;initHeadline();function initHeadline(){singleLetters($('.cd-headline.letters').find('b'));animateHeadline($('.cd-headline'));} 4 | function singleLetters($words){$words.each(function(){var word=$(this),letters=word.text().split(''),selected=word.hasClass('is-visible');for(i in letters){if(word.parents('.rotate-2').length>0)letters[i]=''+letters[i]+'';letters[i]=(selected)?''+letters[i]+'':''+letters[i]+'';} 5 | var newLetters=letters.join('');word.html(newLetters).css('opacity',1);});} 6 | function animateHeadline($headlines){var duration=animationDelay;$headlines.each(function(){var headline=$(this);if(headline.hasClass('loading-bar')){duration=barAnimationDelay;setTimeout(function(){headline.find('.cd-words-wrapper').addClass('is-loading')},barWaiting);}else if(headline.hasClass('clip')){var spanWrapper=headline.find('.cd-words-wrapper'),newWidth=spanWrapper.width()+10 7 | spanWrapper.css('width',newWidth);}else if(!headline.hasClass('type')){var words=headline.find('.cd-words-wrapper b'),width=0;words.each(function(){var wordWidth=$(this).width();if(wordWidth>width)width=wordWidth;});headline.find('.cd-words-wrapper').css('width',width);};setTimeout(function(){hideWord(headline.find('.is-visible').eq(0))},duration);});} 8 | function hideWord($word){var nextWord=takeNext($word);if($word.parents('.cd-headline').hasClass('type')){var parentSpan=$word.parent('.cd-words-wrapper');parentSpan.addClass('selected').removeClass('waiting');setTimeout(function(){parentSpan.removeClass('selected');$word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');},selectionDuration);setTimeout(function(){showWord(nextWord,typeLettersDelay)},typeAnimationDelay);}else if($word.parents('.cd-headline').hasClass('letters')){var bool=($word.children('i').length>=nextWord.children('i').length)?true:false;hideLetter($word.find('i').eq(0),$word,bool,lettersDelay);showLetter(nextWord.find('i').eq(0),nextWord,bool,lettersDelay);}else if($word.parents('.cd-headline').hasClass('clip')){$word.parents('.cd-words-wrapper').animate({width:'2px'},revealDuration,function(){switchWord($word,nextWord);showWord(nextWord);});}else if($word.parents('.cd-headline').hasClass('loading-bar')){$word.parents('.cd-words-wrapper').removeClass('is-loading');switchWord($word,nextWord);setTimeout(function(){hideWord(nextWord)},barAnimationDelay);setTimeout(function(){$word.parents('.cd-words-wrapper').addClass('is-loading')},barWaiting);}else{switchWord($word,nextWord);setTimeout(function(){hideWord(nextWord)},animationDelay);}} 9 | function showWord($word,$duration){if($word.parents('.cd-headline').hasClass('type')){showLetter($word.find('i').eq(0),$word,false,$duration);$word.addClass('is-visible').removeClass('is-hidden');}else if($word.parents('.cd-headline').hasClass('clip')){$word.parents('.cd-words-wrapper').animate({'width':$word.width()+10},revealDuration,function(){setTimeout(function(){hideWord($word)},revealAnimationDelay);});}} 10 | function hideLetter($letter,$word,$bool,$duration){$letter.removeClass('in').addClass('out');if(!$letter.is(':last-child')){setTimeout(function(){hideLetter($letter.next(),$word,$bool,$duration);},$duration);}else if($bool){setTimeout(function(){hideWord(takeNext($word))},animationDelay);} 11 | if($letter.is(':last-child')&&$('html').hasClass('no-csstransitions')){var nextWord=takeNext($word);switchWord($word,nextWord);}} 12 | function showLetter($letter,$word,$bool,$duration){$letter.addClass('in').removeClass('out');if(!$letter.is(':last-child')){setTimeout(function(){showLetter($letter.next(),$word,$bool,$duration);},$duration);}else{if($word.parents('.cd-headline').hasClass('type')){setTimeout(function(){$word.parents('.cd-words-wrapper').addClass('waiting');},200);} 13 | if(!$bool){setTimeout(function(){hideWord($word)},animationDelay)}}} 14 | function takeNext($word){return(!$word.is(':last-child'))?$word.next():$word.parent().children().eq(0);} 15 | function takePrev($word){return(!$word.is(':first-child'))?$word.prev():$word.parent().children().last();} 16 | function switchWord($oldWord,$newWord){$oldWord.removeClass('is-visible').addClass('is-hidden');$newWord.removeClass('is-hidden').addClass('is-visible');} 17 | $('.button-collapse').sideNav({menuWidth:240,edge:'left',closeOnClick:true});$('.parallax').parallax();var card=document.querySelectorAll('.card-work');var transEndEventNames={'WebkitTransition':'webkitTransitionEnd','MozTransition':'transitionend','transition':'transitionend'},transEndEventName=transEndEventNames[Modernizr.prefixed('transition')];function addDashes(name){return name.replace(/([A-Z])/g,function(str,m1){return'-'+m1.toLowerCase();});} 18 | function getPopup(id){return document.querySelector('.popup[data-popup="'+id+'"]');} 19 | function getDimensions(el){return el.getBoundingClientRect();} 20 | function getDifference(card,popup){var cardDimensions=getDimensions(card),popupDimensions=getDimensions(popup);return{height:popupDimensions.height/cardDimensions.height,width:popupDimensions.width/cardDimensions.width,left:popupDimensions.left-cardDimensions.left,top:popupDimensions.top-cardDimensions.top}} 21 | function transformCard(card,size){return card.style[Modernizr.prefixed('transform')]='translate('+size.left+'px,'+size.top+'px)'+' scale('+size.width+','+size.height+')';} 22 | function hasClass(elem,cls){var str=" "+elem.className+" ";var testCls=" "+cls+" ";return(str.indexOf(testCls)!=-1);} 23 | function closest(e){var el=e.target||e.srcElement;if(el=el.parentNode)do{var cls=el.className;if(cls){cls=cls.split(" ");if(-1!==cls.indexOf("card-work")){return el;break;}}}while(el=el.parentNode);} 24 | function scaleCard(e){var el=closest(e);var target=el,id=target.getAttribute('data-popup-id'),popup=getPopup(id);var size=getDifference(target,popup);target.style[Modernizr.prefixed('transitionDuration')]='0.5s';target.style[Modernizr.prefixed('transitionTimingFunction')]='cubic-bezier(0.4, 0, 0.2, 1)';target.style[Modernizr.prefixed('transitionProperty')]=addDashes(Modernizr.prefixed('transform'));target.style['borderRadius']=0;transformCard(target,size);onAnimated(target,popup);onPopupClick(target,popup);} 25 | function onAnimated(card,popup){card.addEventListener(transEndEventName,function transitionEnded(){card.style['opacity']=0;popup.style['visibility']='visible';popup.style['zIndex']=9999;card.removeEventListener(transEndEventName,transitionEnded);});} 26 | function onPopupClick(card,popup){popup.addEventListener('click',function toggleVisibility(e){var size=getDifference(popup,card);card.style['opacity']=1;card.style['borderRadius']='6px';hidePopup(e);transformCard(card,size);},false);} 27 | function hidePopup(e){e.target.style['visibility']='hidden';e.target.style['zIndex']=2;}});})(jQuery); -------------------------------------------------------------------------------- /team.css: -------------------------------------------------------------------------------- 1 | @import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'; 2 | @import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'; 3 | 4 | 5 | 6 | .a{ 7 | position: relative; 8 | } 9 | .b{ 10 | display: flex; 11 | flex-direction: column; 12 | } 13 | footer{ 14 | background: #31353A; 15 | width: 100%; 16 | text-align: center; 17 | font-weight: bold; 18 | color: #FFF; 19 | font-size: 1.125rem; 20 | position: relative; 21 | } 22 | 23 | body { 24 | overflow-x: hidden; 25 | height: 100%; 26 | margin: 0px; 27 | padding: 0px; 28 | 29 | 30 | background: #eee url(http://subtlepatterns.com/patterns/extra_clean_paper.png); 31 | } 32 | 33 | 34 | 35 | #menu { 36 | margin: 0 auto; 37 | width: 100%; 38 | height: 42px; 39 | list-style: none; 40 | margin: 10px 0 0 0; padding: 25px 10px; 41 | border-top: 4px double #AAA; 42 | border-bottom: 4px double #AAA; 43 | position: relative; 44 | text-align: center; 45 | } 46 | #menu li { 47 | display: inline-block; 48 | width: 173px; 49 | margin: 0 0px; 50 | position: relative; 51 | -webkit-transform: skewy(-3deg); 52 | -webkit-backface-visibility: hidden; 53 | -webkit-transition: 200ms all; 54 | } 55 | #menu li a { 56 | text-transform: uppercase; 57 | font-family: 'Squada One', cursive; 58 | font-weight: 800; 59 | display: block; 60 | background: #FFF; 61 | padding: 2px 10px; 62 | color: #333; 63 | font-size: 35px; 64 | text-align: center; 65 | text-decoration: none; 66 | position: relative; 67 | z-index: 1; 68 | text-shadow: 69 | 1px 1px 0px #FFF, 70 | 2px 2px 0px #999, 71 | 3px 3px 0px #FFF; 72 | background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.05) 100%); 73 | -webkit-transition: 1s all; 74 | background-image: -webkit-linear-gradient(left top, 75 | transparent 0%, transparent 25%, 76 | rgba(0,0,0,.15) 25%, rgba(0,0,0,.15) 50%, 77 | transparent 50%, transparent 75%, 78 | rgba(0,0,0,.15) 75%); 79 | background-size: 4px 4px; 80 | box-shadow: 81 | 0 0 0 1px rgba(0,0,0,.4) inset, 82 | 0 0 20px -5px rgba(0,0,0,.4), 83 | 0 0 0px 3px #FFF inset; 84 | } 85 | #menu li:hover { 86 | width: 203px; 87 | margin: 0 -5px; 88 | } 89 | #menu a:hover { 90 | color: #d90075; 91 | } 92 | #menu li:after, 93 | #menu li:before { 94 | content: ''; 95 | position: absolute; 96 | width: 50px; 97 | height: 100%; 98 | background: #BBB; 99 | -webkit-transform: skewY(8deg); 100 | x-index: -3; 101 | border-radius: 4px; 102 | } 103 | #menu li:after { 104 | background-image: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,.4) 100%); 105 | right: 0; 106 | top: -4px; 107 | } 108 | #menu li:before { 109 | left: 0; 110 | bottom: -4px; 111 | background-image: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,.4) 100%); 112 | } 113 | 114 | html, 115 | body { 116 | width: 100%; 117 | height: 100%; 118 | } 119 | 120 | body { 121 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 122 | font-weight: 300; 123 | color: #999; 124 | background-color: #fff; 125 | } 126 | 127 | h1, 128 | h2, 129 | h3, 130 | h4, 131 | h5, 132 | h6 { 133 | margin: 0 0 20px 0; 134 | text-transform: none; 135 | color: rgba(254, 82, 76, 1); 136 | font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; 137 | font-weight: 600; 138 | letter-spacing: 1px; 139 | line-height: 1.5; 140 | } 141 | 142 | .col-md-12{ 143 | margin-top: 10px; 144 | } 145 | 146 | a:link, 147 | a:active, 148 | a:visited{ 149 | color:rgba(255,255,255,1); 150 | } 151 | 152 | a:hover{ 153 | color:rgba(255,255,255,0.6); 154 | } 155 | 156 | .gray { 157 | color: #a5a5a5; 158 | } 159 | 160 | .team{ 161 | margin:40px; 162 | } 163 | 164 | .team-member { 165 | margin: 15px 0; 166 | padding: 0; 167 | } 168 | 169 | .team-member figure { 170 | position: relative; 171 | overflow: hidden; 172 | padding: 0; 173 | margin: 0; 174 | } 175 | 176 | .team-member figure img { 177 | min-width: 100%; 178 | } 179 | 180 | .team-member figcaption p { 181 | font-size: 16px; 182 | } 183 | 184 | .team-member figcaption ul { 185 | list-style: none; 186 | margin: 0; 187 | padding: 0; 188 | } 189 | 190 | .team-member figcaption ul { 191 | visibility: visible; 192 | -webkit-transition: all 0.1s ease-in-out; 193 | -moz-transition: all 0.1s ease-in-out; 194 | -o-transition: all 0.1s ease-in-out; 195 | transition: all 0.1s ease-in-out; 196 | } 197 | 198 | .team-member figcaption ul li { 199 | display: inline-block; 200 | padding: 10px; 201 | } 202 | 203 | .team-member h4 { 204 | margin: 10px 0 0; 205 | padding: 0; 206 | } 207 | 208 | .team-member figcaption { 209 | padding: 50px; 210 | color: transparent; 211 | background-color: transparent; 212 | position: absolute; 213 | z-index: 996; 214 | bottom: 0; 215 | left: 0; 216 | width: 100%; 217 | height: 0; 218 | overflow: hidden; 219 | visibility: hidden; 220 | -webkit-transition: all 0.3s ease-in-out; 221 | -moz-transition: all 0.3s ease-in-out; 222 | -o-transition: all 0.3s ease-in-out; 223 | transition: all 0.3s ease-in-out; 224 | } 225 | 226 | .team-member figure:hover figcaption { 227 | visibility: visible; 228 | color: #fff; 229 | background: rgba(230, 78, 62, 0.9); 230 | /* Primary color, can be changed via colors.css */ 231 | 232 | height: 100%; 233 | -webkit-transition: all 0.3s ease-in-out; 234 | -moz-transition: all 0.3s ease-in-out; 235 | -o-transition: all 0.3s ease-in-out; 236 | transition: all 0.3s ease-in-out; 237 | } 238 | 239 | .team-member figure:hover figcaption ul li a:hover { 240 | color: rgba(49, 49, 49, .97); 241 | } 242 | 243 | .team-member figure img { 244 | -webkit-transform: scale(1) rotate(0) translateY(0); 245 | -moz-transform: scale(1) rotate(0) translateY(0); 246 | -o-transform: scale(1) rotate(0) translateY(0); 247 | -ms-transform: scale(1) rotate(0) translateY(0); 248 | transform: scale(1) rotate(0) translateY(0); 249 | -webkit-transition: all 0.4s ease-in-out; 250 | -moz-transition: all 0.4s ease-in-out; 251 | -o-transition: all 0.4s ease-in-out; 252 | transition: all 0.4s ease-in-out; 253 | } 254 | 255 | .team-member figure:hover img { 256 | -webkit-transform: scale(1.1) rotate(1deg) translateY(12px); 257 | -moz-transform: scale(1.1) rotate(1deg) translateY(12px); 258 | -o-transform: scale(1.1) rotate(1deg) translateY(12px); 259 | -ms-transform: scale(1.1) rotate(1deg) translateY(12px); 260 | transform: scale(1.1) rotate(1deg) translateY(12px); 261 | -webkit-transition: all 0.4s ease-in-out; 262 | -moz-transition: all 0.4s ease-in-out; 263 | -o-transition: all 0.4s ease-in-out; 264 | transition: all 0.4s ease-in-out; 265 | } 266 | #team{ 267 | margin: 60px auto; 268 | } 269 | 270 | footer{ 271 | position: relative; 272 | align-items: center; 273 | bottom: 0; 274 | padding: 0% 15%; 275 | align-content: center; 276 | overflow: hidden; 277 | } 278 | -------------------------------------------------------------------------------- /css/team.css: -------------------------------------------------------------------------------- 1 | @import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'; 2 | @import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'; 3 | @import 'http://fonts.googleapis.com/css?family=Raleway:100,600'; 4 | @import 'http://fonts.googleapis.com/css?family=Open+Sans:300'; 5 | 6 | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300); 7 | @import url(http://fonts.googleapis.com/css?family=Squada+One); 8 | 9 | 10 | 11 | footer { 12 | position: relative; 13 | z-index: -2; 14 | height: 300px; 15 | background: none repeat scroll 0% 0% #31353A; 16 | font-size: 12px; 17 | color: #CCC; 18 | text-align: center; 19 | } 20 | footer h1 { 21 | position: fixed; 22 | z-index: 1; 23 | left: 50%; 24 | bottom: 110px; 25 | margin-left: -400px; 26 | width: 800px; 27 | text-align: center; 28 | font-weight: bold; 29 | color: #FFF; 30 | font-size: 2.125rem; 31 | 32 | } 33 | 34 | body { 35 | overflow-x: hidden; 36 | height: 100%; 37 | margin: 0px; 38 | padding: 0px; 39 | 40 | 41 | background: #eee url(http://subtlepatterns.com/patterns/extra_clean_paper.png); 42 | } 43 | #logo { 44 | margin-left: 60px; 45 | font-family: 'Open Sans', sans-serif; 46 | color: #555; 47 | text-decoration: none; 48 | text-transform: uppercase; 49 | font-size: 130px; 50 | font-weight: 800; 51 | letter-spacing: -3px; 52 | line-height: 1; 53 | text-shadow: #EDEDED 3px 2px 0; 54 | position: relative; 55 | font-size: 10.2vw; 56 | } 57 | #logo:after { 58 | content:"humblefoolcup"; 59 | position: absolute; 60 | left: 8px; 61 | top: 32px; 62 | } 63 | #logo:after { 64 | /*background: url(http://subtlepatterns.com/patterns/crossed_stripes.png) repeat;*/ 65 | background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #555 25%, #555 50%, transparent 50%, transparent 75%, #555 75%); 66 | background-size: 4px 4px; 67 | -webkit-background-clip: text; 68 | -webkit-text-fill-color: transparent; 69 | z-index: -5; 70 | display: block; 71 | text-shadow: none; 72 | } 73 | #menu { 74 | margin: 0 auto; 75 | width: 100%; 76 | height: 42px; 77 | list-style: none; 78 | margin: 10px 0 0 0; padding: 25px 10px; 79 | border-top: 4px double #AAA; 80 | border-bottom: 4px double #AAA; 81 | position: relative; 82 | text-align: center; 83 | } 84 | #menu li { 85 | display: inline-block; 86 | width: 173px; 87 | margin: 0 0px; 88 | position: relative; 89 | -webkit-transform: skewy(-3deg); 90 | -webkit-backface-visibility: hidden; 91 | -webkit-transition: 200ms all; 92 | } 93 | #menu li a { 94 | text-transform: uppercase; 95 | font-family: 'Squada One', cursive; 96 | font-weight: 800; 97 | display: block; 98 | background: #FFF; 99 | padding: 2px 10px; 100 | color: #333; 101 | font-size: 35px; 102 | text-align: center; 103 | text-decoration: none; 104 | position: relative; 105 | z-index: 1; 106 | text-shadow: 107 | 1px 1px 0px #FFF, 108 | 2px 2px 0px #999, 109 | 3px 3px 0px #FFF; 110 | background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.05) 100%); 111 | -webkit-transition: 1s all; 112 | background-image: -webkit-linear-gradient(left top, 113 | transparent 0%, transparent 25%, 114 | rgba(0,0,0,.15) 25%, rgba(0,0,0,.15) 50%, 115 | transparent 50%, transparent 75%, 116 | rgba(0,0,0,.15) 75%); 117 | background-size: 4px 4px; 118 | box-shadow: 119 | 0 0 0 1px rgba(0,0,0,.4) inset, 120 | 0 0 20px -5px rgba(0,0,0,.4), 121 | 0 0 0px 3px #FFF inset; 122 | } 123 | #menu li:hover { 124 | width: 203px; 125 | margin: 0 -5px; 126 | } 127 | #menu a:hover { 128 | color: #d90075; 129 | } 130 | #menu li:after, 131 | #menu li:before { 132 | content: ''; 133 | position: absolute; 134 | width: 50px; 135 | height: 100%; 136 | background: #BBB; 137 | -webkit-transform: skewY(8deg); 138 | x-index: -3; 139 | border-radius: 4px; 140 | } 141 | #menu li:after { 142 | background-image: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,.4) 100%); 143 | right: 0; 144 | top: -4px; 145 | } 146 | #menu li:before { 147 | left: 0; 148 | bottom: -4px; 149 | background-image: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,.4) 100%); 150 | } 151 | 152 | html, 153 | body { 154 | width: 100%; 155 | height: 100%; 156 | } 157 | 158 | body { 159 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 160 | font-weight: 300; 161 | color: #999; 162 | background-color: #fff; 163 | } 164 | 165 | h1, 166 | h2, 167 | h3, 168 | h4, 169 | h5, 170 | h6 { 171 | margin: 0 0 20px 0; 172 | text-transform: none; 173 | color: rgba(254, 82, 76, 1); 174 | font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; 175 | font-weight: 600; 176 | letter-spacing: 1px; 177 | line-height: 1.5; 178 | } 179 | 180 | .col-md-12{ 181 | margin-top: 10px; 182 | } 183 | 184 | a:link, 185 | a:active, 186 | a:visited{ 187 | color:rgba(255,255,255,1); 188 | } 189 | 190 | a:hover{ 191 | color:rgba(255,255,255,0.6); 192 | } 193 | 194 | .gray { 195 | color: #a5a5a5; 196 | } 197 | 198 | .team{ 199 | margin:40px; 200 | } 201 | 202 | .team-member { 203 | margin: 15px 0; 204 | padding: 0; 205 | } 206 | 207 | .team-member figure { 208 | position: relative; 209 | overflow: hidden; 210 | padding: 0; 211 | margin: 0; 212 | } 213 | 214 | .team-member figure img { 215 | min-width: 100%; 216 | } 217 | 218 | .team-member figcaption p { 219 | font-size: 16px; 220 | } 221 | 222 | .team-member figcaption ul { 223 | list-style: none; 224 | margin: 0; 225 | padding: 0; 226 | } 227 | 228 | .team-member figcaption ul { 229 | visibility: visible; 230 | -webkit-transition: all 0.1s ease-in-out; 231 | -moz-transition: all 0.1s ease-in-out; 232 | -o-transition: all 0.1s ease-in-out; 233 | transition: all 0.1s ease-in-out; 234 | } 235 | 236 | .team-member figcaption ul li { 237 | display: inline-block; 238 | padding: 10px; 239 | } 240 | 241 | .team-member h4 { 242 | margin: 10px 0 0; 243 | padding: 0; 244 | } 245 | 246 | .team-member figcaption { 247 | padding: 50px; 248 | color: transparent; 249 | background-color: transparent; 250 | position: absolute; 251 | z-index: 996; 252 | bottom: 0; 253 | left: 0; 254 | width: 100%; 255 | height: 0; 256 | overflow: hidden; 257 | visibility: hidden; 258 | -webkit-transition: all 0.3s ease-in-out; 259 | -moz-transition: all 0.3s ease-in-out; 260 | -o-transition: all 0.3s ease-in-out; 261 | transition: all 0.3s ease-in-out; 262 | } 263 | 264 | .team-member figure:hover figcaption { 265 | visibility: visible; 266 | color: #fff; 267 | background: rgba(230, 78, 62, 0.9); 268 | /* Primary color, can be changed via colors.css */ 269 | 270 | height: 100%; 271 | -webkit-transition: all 0.3s ease-in-out; 272 | -moz-transition: all 0.3s ease-in-out; 273 | -o-transition: all 0.3s ease-in-out; 274 | transition: all 0.3s ease-in-out; 275 | } 276 | 277 | .team-member figure:hover figcaption ul li a:hover { 278 | color: rgba(49, 49, 49, .97); 279 | } 280 | 281 | .team-member figure img { 282 | -webkit-transform: scale(1) rotate(0) translateY(0); 283 | -moz-transform: scale(1) rotate(0) translateY(0); 284 | -o-transform: scale(1) rotate(0) translateY(0); 285 | -ms-transform: scale(1) rotate(0) translateY(0); 286 | transform: scale(1) rotate(0) translateY(0); 287 | -webkit-transition: all 0.4s ease-in-out; 288 | -moz-transition: all 0.4s ease-in-out; 289 | -o-transition: all 0.4s ease-in-out; 290 | transition: all 0.4s ease-in-out; 291 | } 292 | 293 | .team-member figure:hover img { 294 | -webkit-transform: scale(1.1) rotate(1deg) translateY(12px); 295 | -moz-transform: scale(1.1) rotate(1deg) translateY(12px); 296 | -o-transform: scale(1.1) rotate(1deg) translateY(12px); 297 | -ms-transform: scale(1.1) rotate(1deg) translateY(12px); 298 | transform: scale(1.1) rotate(1deg) translateY(12px); 299 | -webkit-transition: all 0.4s ease-in-out; 300 | -moz-transition: all 0.4s ease-in-out; 301 | -o-transition: all 0.4s ease-in-out; 302 | transition: all 0.4s ease-in-out; 303 | } 304 | #team{ 305 | margin: 60px auto; 306 | } -------------------------------------------------------------------------------- /humblefool/js/init.js: -------------------------------------------------------------------------------- 1 | (function($){ 2 | $(function(){ 3 | 4 | $('.button-collapse').sideNav(); 5 | $('.scrollspy').scrollSpy(); 6 | 7 | /*** Animate word ***/ 8 | 9 | //set animation timing 10 | var animationDelay = 2500, 11 | //loading bar effect 12 | barAnimationDelay = 3800, 13 | barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file 14 | //letters effect 15 | lettersDelay = 50, 16 | //type effect 17 | typeLettersDelay = 150, 18 | selectionDuration = 500, 19 | typeAnimationDelay = selectionDuration + 800, 20 | //clip effect 21 | revealDuration = 600, 22 | revealAnimationDelay = 1500; 23 | 24 | initHeadline(); 25 | 26 | 27 | function initHeadline() { 28 | singleLetters($('.cd-headline.letters').find('b')); 29 | animateHeadline($('.cd-headline')); 30 | } 31 | 32 | function singleLetters($words) { 33 | $words.each(function(){ 34 | var word = $(this), 35 | letters = word.text().split(''), 36 | selected = word.hasClass('is-visible'); 37 | for (i in letters) { 38 | if(word.parents('.rotate-2').length > 0) letters[i] = '' + letters[i] + ''; 39 | letters[i] = (selected) ? '' + letters[i] + '': '' + letters[i] + ''; 40 | } 41 | var newLetters = letters.join(''); 42 | word.html(newLetters).css('opacity', 1); 43 | }); 44 | } 45 | 46 | function animateHeadline($headlines) { 47 | var duration = animationDelay; 48 | $headlines.each(function(){ 49 | var headline = $(this); 50 | 51 | if(headline.hasClass('loading-bar')) { 52 | duration = barAnimationDelay; 53 | setTimeout(function(){ headline.find('.cd-words-wrapper').addClass('is-loading') }, barWaiting); 54 | } else if (headline.hasClass('clip')){ 55 | var spanWrapper = headline.find('.cd-words-wrapper'), 56 | newWidth = spanWrapper.width() + 10 57 | spanWrapper.css('width', newWidth); 58 | } else if (!headline.hasClass('type') ) { 59 | //assign to .cd-words-wrapper the width of its longest word 60 | var words = headline.find('.cd-words-wrapper b'), 61 | width = 0; 62 | words.each(function(){ 63 | var wordWidth = $(this).width(); 64 | if (wordWidth > width) width = wordWidth; 65 | }); 66 | headline.find('.cd-words-wrapper').css('width', width); 67 | }; 68 | 69 | //trigger animation 70 | setTimeout(function(){ hideWord( headline.find('.is-visible').eq(0) ) }, duration); 71 | }); 72 | } 73 | 74 | function hideWord($word) { 75 | var nextWord = takeNext($word); 76 | 77 | if($word.parents('.cd-headline').hasClass('type')) { 78 | var parentSpan = $word.parent('.cd-words-wrapper'); 79 | parentSpan.addClass('selected').removeClass('waiting'); 80 | setTimeout(function(){ 81 | parentSpan.removeClass('selected'); 82 | $word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out'); 83 | }, selectionDuration); 84 | setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay); 85 | 86 | } else if($word.parents('.cd-headline').hasClass('letters')) { 87 | var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false; 88 | hideLetter($word.find('i').eq(0), $word, bool, lettersDelay); 89 | showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay); 90 | 91 | } else if($word.parents('.cd-headline').hasClass('clip')) { 92 | $word.parents('.cd-words-wrapper').animate({ width : '2px' }, revealDuration, function(){ 93 | switchWord($word, nextWord); 94 | showWord(nextWord); 95 | }); 96 | 97 | } else if ($word.parents('.cd-headline').hasClass('loading-bar')){ 98 | $word.parents('.cd-words-wrapper').removeClass('is-loading'); 99 | switchWord($word, nextWord); 100 | setTimeout(function(){ hideWord(nextWord) }, barAnimationDelay); 101 | setTimeout(function(){ $word.parents('.cd-words-wrapper').addClass('is-loading') }, barWaiting); 102 | 103 | } else { 104 | switchWord($word, nextWord); 105 | setTimeout(function(){ hideWord(nextWord) }, animationDelay); 106 | } 107 | } 108 | 109 | function showWord($word, $duration) { 110 | if($word.parents('.cd-headline').hasClass('type')) { 111 | showLetter($word.find('i').eq(0), $word, false, $duration); 112 | $word.addClass('is-visible').removeClass('is-hidden'); 113 | 114 | } else if($word.parents('.cd-headline').hasClass('clip')) { 115 | $word.parents('.cd-words-wrapper').animate({ 'width' : $word.width() + 10 }, revealDuration, function(){ 116 | setTimeout(function(){ hideWord($word) }, revealAnimationDelay); 117 | }); 118 | } 119 | } 120 | 121 | function hideLetter($letter, $word, $bool, $duration) { 122 | $letter.removeClass('in').addClass('out'); 123 | 124 | if(!$letter.is(':last-child')) { 125 | setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration); 126 | } else if($bool) { 127 | setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay); 128 | } 129 | 130 | if($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) { 131 | var nextWord = takeNext($word); 132 | switchWord($word, nextWord); 133 | } 134 | } 135 | 136 | function showLetter($letter, $word, $bool, $duration) { 137 | $letter.addClass('in').removeClass('out'); 138 | 139 | if(!$letter.is(':last-child')) { 140 | setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration); 141 | } else { 142 | if($word.parents('.cd-headline').hasClass('type')) { setTimeout(function(){ $word.parents('.cd-words-wrapper').addClass('waiting'); }, 200);} 143 | if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) } 144 | } 145 | } 146 | 147 | function takeNext($word) { 148 | return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0); 149 | } 150 | 151 | function takePrev($word) { 152 | return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last(); 153 | } 154 | 155 | function switchWord($oldWord, $newWord) { 156 | $oldWord.removeClass('is-visible').addClass('is-hidden'); 157 | $newWord.removeClass('is-hidden').addClass('is-visible'); 158 | } 159 | 160 | $('.button-collapse').sideNav({ 161 | menuWidth: 240, // Default is 240 162 | closeOnClick: true // Closes side-nav on clicks, useful for Angular/Meteor 163 | }); 164 | 165 | $('.parallax').parallax(); 166 | 167 | var card = document.querySelectorAll('.card-work'); 168 | var transEndEventNames = { 169 | 'WebkitTransition' : 'webkitTransitionEnd', 170 | 'MozTransition' : 'transitionend', 171 | 'transition' : 'transitionend' 172 | }, 173 | transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ]; 174 | 175 | function addDashes(name) { 176 | return name.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }); 177 | } 178 | 179 | function getPopup(id) { 180 | return document.querySelector('.popup[data-popup="' + id + '"]'); 181 | } 182 | 183 | function getDimensions(el) { 184 | return el.getBoundingClientRect(); 185 | } 186 | 187 | function getDifference(card, popup) { 188 | var cardDimensions = getDimensions(card), 189 | popupDimensions = getDimensions(popup); 190 | 191 | return { 192 | height: popupDimensions.height / cardDimensions.height, 193 | width: popupDimensions.width / cardDimensions.width, 194 | left: popupDimensions.left - cardDimensions.left, 195 | top: popupDimensions.top - cardDimensions.top 196 | } 197 | } 198 | 199 | function transformCard(card, size) { 200 | return card.style[Modernizr.prefixed('transform')] = 'translate(' + size.left + 'px,' + size.top + 'px)' + ' scale(' + size.width + ',' + size.height + ')'; 201 | } 202 | 203 | function hasClass(elem, cls) { 204 | var str = " " + elem.className + " "; 205 | var testCls = " " + cls + " "; 206 | return(str.indexOf(testCls) != -1) ; 207 | } 208 | 209 | function closest(e) { 210 | var el = e.target || e.srcElement; 211 | if (el = el.parentNode) do { //its an inverse loop 212 | var cls = el.className; 213 | if (cls) { 214 | cls = cls.split(" "); 215 | if (-1 !== cls.indexOf("card-work")) { 216 | return el; 217 | break; 218 | } 219 | } 220 | } while (el = el.parentNode); 221 | } 222 | 223 | function scaleCard(e) { 224 | var el = closest(e); 225 | var target = el, 226 | id = target.getAttribute('data-popup-id'), 227 | popup = getPopup(id); 228 | 229 | var size = getDifference(target, popup); 230 | 231 | target.style[Modernizr.prefixed('transitionDuration')] = '0.5s'; 232 | target.style[Modernizr.prefixed('transitionTimingFunction')] = 'cubic-bezier(0.4, 0, 0.2, 1)'; 233 | target.style[Modernizr.prefixed('transitionProperty')] = addDashes(Modernizr.prefixed('transform')); 234 | target.style['borderRadius'] = 0; 235 | 236 | transformCard(target, size); 237 | onAnimated(target, popup); 238 | onPopupClick(target, popup); 239 | } 240 | 241 | function onAnimated(card, popup) { 242 | card.addEventListener(transEndEventName, function transitionEnded() { 243 | card.style['opacity'] = 0; 244 | popup.style['visibility'] = 'visible'; 245 | popup.style['zIndex'] = 9999; 246 | card.removeEventListener(transEndEventName, transitionEnded); 247 | }); 248 | } 249 | 250 | function onPopupClick(card, popup) { 251 | popup.addEventListener('click', function toggleVisibility(e) { 252 | var size = getDifference(popup, card); 253 | 254 | card.style['opacity'] = 1; 255 | card.style['borderRadius'] = '6px'; 256 | hidePopup(e); 257 | transformCard(card, size); 258 | }, false); 259 | } 260 | 261 | 262 | function hidePopup(e) { 263 | e.target.style['visibility'] = 'hidden'; 264 | e.target.style['zIndex'] = 2; 265 | } 266 | 267 | // [].forEach.call(card, function(card) { 268 | // card.addEventListener('click', scaleCard, false); 269 | // }); 270 | 271 | }); // end of document ready 272 | })(jQuery); // end of jQuery name space -------------------------------------------------------------------------------- /stats.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Stats page 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 35 |
36 |
37 |



38 |

Humblefool Cup

39 | 40 |
41 | 42 |
43 |
44 | 114 | 115 | 116 | 117 | 118 |
119 |
120 |
121 |

Brain Stormers

122 |
123 |

Humblefoolcup is a contest under Aparoksha 2016, annual Tech Fest of IIIT Allahabad conducted in the memory of Harsha SuryaNarayana A.K.A Humblefool. This Flaghship event was held in 2 rounds. The final round was held on codechef coding platform.There were a total of 6 brain stroming questions which tested the participants mettle in coding. 124 | The questions have been provided below along with their links.

125 |
126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 |
ProblemSuccesful Submissions
Two Strings 392
Trip to Thailand 35
Centuary Coder 32
Eerie Strings 7
Panda Game 1
158 | 159 | 160 |

161 | 162 |
163 |


164 |
165 | 166 |
167 |
168 |

169 |

Final round stats

170 |

171 | 172 | Last year the event consisted of 2 rounds in which there was an active participation from students all over. Many students have proved their mettle in coding skills. This event had been a benchmark for Aparoksha'2k16.The winners of the event recieved a total prize money worth INR 40k.Here is the list of the teams who made it to the summit. 173 | 174 |

175 |
176 | 177 |
178 | 179 |
180 | 181 | 182 |
183 | 184 |

Statistics of the top contestants

185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 |
RankSolvedPenalties
1 4 3
2 3 3
3 3 4
214 | 215 |
216 |
217 |
218 |
219 |
220 | 221 |
222 |

Platform

223 |
224 | Codechef 225 |
226 |
227 |
228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 25 | 26 | 27 | Humblefool Cup 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 | 40 |
41 |
42 | 43 |
44 |
45 |
46 |
47 |
48 |
49 | 52 | 53 |
54 |
55 | 83 |
84 | 85 | 86 |
87 | 88 |
89 |
90 |

91 |
92 | 93 |
94 |

A contest under Aparoksha 2017, annual Tech Fest of IIIT Allahabad

95 |
96 |

97 |
98 |
99 |
100 |
101 | 102 |
103 |
104 |
105 |

106 | info_outline 107 |

108 |
About The Rounds
109 |

The Competition Will Be Held In Two Rounds.The prelims is conducted online while those selected for the finals get an invitation for the finals conducted at IIITA.There will be seperate winners for the national and international round. 110 |
111 | 112 |

113 |
114 |
115 |
116 |
117 |

118 | star 119 |

120 |
Prizes
121 |

Along with the fun of solving problems, there are prizes in cash amounting to USD 500 to be won. Winning team will also receive the Humblefool Trophy.T-Shirts will be also given to the winners

122 |
123 |
124 |
125 |
126 |

127 | perm_identity 128 |

129 |
About
130 |

Humblefoolcup is a contest under Aparoksha 2017, annual Tech Fest of IIIT Allahabad conducted in the memory of Harsha SuryaNarayana A.K.A Humblefool. 131 | Harsha Suryanarayana, popularly known as humblefool to the coding community, and as Lord among his friends and the people close to him. He Died in an accident on the night of 15th June'14 132 |

133 |
134 |
135 |
136 |
137 |
138 |

139 |
140 |
141 |
142 |

Event Timeline

143 |
    144 | 145 |
  • 146 |
    147 |
    148 | 149 | First Round :Online. 150 | 151 | Feb 21 152 | 153 |
    154 |
    The online round will be held world wide and Top 50 participants will get selected to the final round. The International round winners will be decided then itself
    155 |
    156 |
    • 157 | 158 |
  • 159 |
    160 |
    161 | 162 | Cup Final. 163 | 164 | 26 March 2017 165 | 166 |
    167 |
    Will be held during Aparoksha at IIIT-A.Top participants will arrive at Allahabad for the final showdown
    168 |
    169 |
    • 170 | 171 |
172 | 173 |
174 |

Events

175 |
176 | 177 |
178 |
179 |
180 | 181 |
182 |
183 | 21, February , 09:00 PM 184 |
185 | 186 | 187 |
188 |
189 | Will be held online worldwide. 190 |
191 | On the platform 192 | 193 |
194 |
195 | 196 | REGISTER NOW 197 |
198 |
199 |
200 |
201 | 202 | 203 |
204 | 205 | 206 |
207 |

FAQ

208 |
    209 |
  • 210 |
    Is it a team event or an individual event?
    211 |
    it is an individual event
    212 |
    • 213 |
  • 214 |
    How much is the prize for international winners?
    215 |
    A prize money of 100 USD will be given on that day itself.
    216 |
    • 217 |
  • 218 |
    Where is the onsite event happening?
    219 |
    It is held during Aparoksha at IIIT Allahabad.
    220 |
    • 221 |
  • 222 |
    Is this event open for all?
    223 |
    No,this event is exclusive for the college students.
    224 |
    • 225 | 226 |
  • 227 |
    There are two contest on that day which one should I choose?
    228 |
    Humblefoolcup is being held at the sametime as SRM709.Please click on HumblFoolCup for the prelims.
    229 |
    • 230 |
231 |
232 | 233 |
234 | 235 | 247 |
248 | 249 | 250 | 272 |
273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 342 | 343 | 344 | 345 | -------------------------------------------------------------------------------- /humblefool/js/modernizr.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.8.3 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function C(a){j.cssText=a}function D(a,b){return C(n.join(a+";")+(b||""))}function E(a,b){return typeof a===b}function F(a,b){return!!~(""+a).indexOf(b)}function G(a,b){for(var d in a){var e=a[d];if(!F(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function H(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:E(f,"function")?f.bind(d||b):f}return!1}function I(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return E(b,"string")||E(b,"undefined")?G(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),H(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=E(e[d],"function"),E(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),A={}.hasOwnProperty,B;!E(A,"undefined")&&!E(A.call,"undefined")?B=function(a,b){return A.call(a,b)}:B=function(a,b){return b in a&&E(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return I("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!E(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!I("indexedDB",a)},s.hashchange=function(){return z("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return C("background-color:rgba(150,255,150,.5)"),F(j.backgroundColor,"rgba")},s.hsla=function(){return C("background-color:hsla(120,40%,100%,.5)"),F(j.backgroundColor,"rgba")||F(j.backgroundColor,"hsla")},s.multiplebgs=function(){return C("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return I("backgroundSize")},s.borderimage=function(){return I("borderImage")},s.borderradius=function(){return I("borderRadius")},s.boxshadow=function(){return I("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return D("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return I("animationName")},s.csscolumns=function(){return I("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return C((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),F(j.backgroundImage,"gradient")},s.cssreflections=function(){return I("boxReflect")},s.csstransforms=function(){return!!I("transform")},s.csstransforms3d=function(){var a=!!I("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return I("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var K in s)B(s,K)&&(x=K.toLowerCase(),e[x]=s[K](),v.push((e[x]?"":"no-")+x));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)B(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},C(""),i=k=null,function(a,b){function l(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function m(){var a=s.elements;return typeof a=="string"?a.split(" "):a}function n(a){var b=j[a[h]];return b||(b={},i++,a[h]=i,j[i]=b),b}function o(a,c,d){c||(c=b);if(k)return c.createElement(a);d||(d=n(c));var g;return d.cache[a]?g=d.cache[a].cloneNode():f.test(a)?g=(d.cache[a]=d.createElem(a)).cloneNode():g=d.createElem(a),g.canHaveChildren&&!e.test(a)&&!g.tagUrn?d.frag.appendChild(g):g}function p(a,c){a||(a=b);if(k)return a.createDocumentFragment();c=c||n(a);var d=c.frag.cloneNode(),e=0,f=m(),g=f.length;for(;e",g="hidden"in a,k=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){g=!0,k=!0}})();var s={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:c,shivCSS:d.shivCSS!==!1,supportsUnknownElements:k,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:r,createElement:o,createDocumentFragment:p};a.html5=s,r(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.hasEvent=z,e.testProp=function(a){return G([a])},e.testAllProps=I,e.testStyles=y,e.prefixed=function(a,b,c){return b?I(a,b,c):I(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f 2 | 3 | 4 | 5 | 6 | 7 | Harsha Suryanarayana 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 | 25 |
26 |
27 | 28 |
29 | 30 | 52 | 53 | 54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |

65 |
66 | #include 67 | 68 | <stdio.h> 69 | <iostream> 70 | <math.h> 71 | 72 |
73 |

74 |
75 | Harsha Suryanarayana 76 |

Harsha Suryanarayana

77 |
Tribute to
78 |

@humblefool

79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | 90 | 91 | 92 |
93 |
94 |
95 |
96 |

Harsha Suryanarayana, popularly known as humblefool to the coding community, and as Lord among his friends and the people close to him. Harsha was the best coder India has ever produced. He was working in a start-up (that he co-founded with Animesh Nayan) MyCodeSchool. He was alumni of Indian Institute of Information Technology, Allahabad. We lost him in a hit and run accident on the night of 15th June'14.

97 |
98 |
99 |
100 |
101 | 102 |
103 |

104 |
    105 | 106 |
  • 107 | 108 |
    109 | Topcoder Rating 110 |

    He was Red rated coder at Topcoder. He was one of the first redcoder. Click Here to see his Topcoder's profile.

    111 |
    112 |
    • 113 | 114 |
  • 115 | 116 |
    117 | Always a champion. 118 |

    He was the TCO (TopCoder open) world finalist twice. His SRM rating was 2320. And marathon match rating being 1314.

    119 |
    120 |
    • 121 | 122 |
  • 123 | 124 |
    125 | ACM-ICPC 126 |

    ACM-ICPC known as olympics of coding enthusiasts. So Harsha made his presence here too and represented India in World Finals in his final year of graduation.

    127 |
    128 |
    • 129 | 130 |
  • 131 | 132 |
    133 | Never Ending list 134 |

    He entered in 86 component design competitions and won 45 of them competing with the best on Topcoder. He also featured as designer of quarter. Besides Topcoder, he ranked 31 in Google Code Jam World finals 2008.

    135 |
    136 |
    • 137 | 138 |
  • 139 | 140 |
    141 | Hardwork says it all! 142 |

    He made his concepts stronger and worked on to make DP his strongest area (for the non-programming people, DP is Dynamic Programming and is one of the toughest things to master in programming).

    143 |
    144 |
    • 145 | 146 |
  • 147 | 148 |
    149 | Humblefool was HUMBLE 150 |

    Harsha founded three startups. But immediately after graduating from IIIT Allahabad he didn’t take a plush job in Microsoft or Amazon but decided to help his juniors for ACM ICPC contest. Working with startups and making a living of coding contests, Harsha believed in a minimalist lifestyle.

    151 |
    152 |
    • 153 | 154 |
  • 155 | 156 |
    157 | MyCode School 158 |

    MyCodeSchool is one of the startup of Harsha Suryanarayana. MyCodeSchool provides vido lessons to programming concepts.
    Click here to navigate to MyCodeSchool

    159 |
    160 |
    • 161 | 162 |
  • 163 | 164 | 15 June 2014 165 |
    166 |

    He left us!
    Probably this was the most unfortunate day in history of indian programming field. As on this day we lost lord Harsha in a hit and run accident.

    167 |
    168 |
    • 169 | 170 |
  • 171 | 172 |
    173 | Humblefool Cup 174 |

    In memory of Harsha Suryanarayana, IIIT Allahabad hosts International HumblefoolCup during its annual technical fest, Aparoksha.
    Visit HumblefoolCup.

    175 |
    176 |
    • 177 | 178 |
179 |
180 | 181 | 205 | 206 | 272 | 273 |
274 |
275 | In the memory of HARSHA SURYANARAYANA by participants of OpenCode 276 |
277 |
278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* Custom Stylesheet */ 2 | /** 3 | * Use this file to override Materialize files so you can update 4 | * the core Materialize files in the future 5 | * 6 | * Made By MaterializeCSS.com 7 | */ 8 | 9 | 10 | 11 | 12 | @import url(http://fonts.googleapis.com/css?family=Roboto:400,900); 13 | 14 | #rigt{ 15 | float: right; 16 | margin-right: -170px; 17 | } 18 | 19 | .container { 20 | max-width:960px; 21 | margin:0 auto; 22 | } 23 | 24 | .heading-primary { 25 | text-align:center; 26 | } 27 | .accordion dl, 28 | .accordion-list { 29 | border:1px solid #ddd; 30 | &:after { 31 | content: ""; 32 | display:block; 33 | height:1em; 34 | width:100%; 35 | background-color:darken(#38cc70, 10%); 36 | } 37 | } 38 | .accordion dd, 39 | .accordion__panel { 40 | padding-bottom: 2px; 41 | background-color:#eee; 42 | font-size:1em; 43 | line-height:1.5em; 44 | } 45 | .accordion p { 46 | padding:1em 2em 1em 2em; 47 | } 48 | 49 | .accordion { 50 | position:relative; 51 | background-color:#eee; 52 | } 53 | 54 | .accordionTitle, 55 | .accordion__Heading { 56 | background-color:#29b6f6; 57 | text-align:center; 58 | font-weight:700; 59 | padding:2em; 60 | display:block; 61 | text-decoration:none; 62 | color:#000; 63 | transition:background-color 0.5s ease-in-out; 64 | border-bottom:1px solid darken(#29b6f6, 5%); 65 | &:before { 66 | content: "+"; 67 | font-size:1.5em; 68 | line-height:0.5em; 69 | float:left; 70 | transition: transform 0.3s ease-in-out; 71 | } 72 | &:hover { 73 | background-color:darken(#29b6f6, 10%); 74 | } 75 | } 76 | .accordionTitleActive, 77 | .accordionTitle.is-expanded { 78 | background-color:darken(#29b6f6, 10%); 79 | &:before { 80 | 81 | transform:rotate(-225deg); 82 | } 83 | } 84 | .accordionItem { 85 | height:auto; 86 | overflow:hidden; 87 | //SHAME: magic number to allow the accordion to animate 88 | 89 | max-height:50em; 90 | transition:max-height 1s; 91 | 92 | 93 | @media screen and (min-width:48em) { 94 | max-height:15em; 95 | transition:max-height 0.5s 96 | 97 | } 98 | 99 | 100 | } 101 | 102 | .accordionItem.is-collapsed { 103 | max-height:0; 104 | } 105 | .no-js .accordionItem.is-collapsed { 106 | max-height: auto; 107 | } 108 | .animateIn { 109 | animation: accordionIn 0.45s normal ease-in-out both 1; 110 | } 111 | .animateOut { 112 | animation: accordionOut 0.45s alternate ease-in-out both 1; 113 | } 114 | @keyframes accordionIn { 115 | 0% { 116 | opacity: 0; 117 | transform:scale(0.9) rotateX(-60deg); 118 | transform-origin: 50% 0; 119 | } 120 | 100% { 121 | opacity:1; 122 | transform:scale(1); 123 | } 124 | } 125 | 126 | @keyframes accordionOut { 127 | 0% { 128 | opacity: 1; 129 | transform:scale(1); 130 | } 131 | 100% { 132 | opacity:0; 133 | transform:scale(0.9) rotateX(-60deg); 134 | } 135 | } 136 | 137 | .default_color{background-color: #2196F3 !important} 138 | 139 | .default_color_text{color: #2196F3 !important} 140 | 141 | .icon-block { 142 | padding: 0 15px; 143 | } 144 | 145 | #intro, #work, #team {padding-top: 4rem;} 146 | 147 | 148 | #index-banner { 149 | min-height: 632px; 150 | max-height: 864px; 151 | position: relative; 152 | 153 | } 154 | 155 | #nav_f{ 156 | box-shadow: none !important; 157 | -webkit-box-shadow:none !important; 158 | } 159 | 160 | .text_h { 161 | padding: 15% 0; 162 | font-size: 6.0em; 163 | font-weight: 100; 164 | color:white; 165 | } 166 | 167 | .brand-logo{ 168 | position: absolute; 169 | color: #fff; 170 | display: inline-block; 171 | font-size: 2.1rem; 172 | font-style: normal; 173 | font-weight: 100; 174 | padding: 0; 175 | } 176 | 177 | .text_h2 {font-weight: 100;margin-bottom: 4%; line-height: 4.5rem;} 178 | 179 | .span_h2 {font-weight: 300;color: #2196F3;} 180 | 181 | .text_b{color: #2196F3;} 182 | 183 | .in{font-weight: 400 !important; font-style: normal !important;} 184 | 185 | .promo i { 186 | color: #2196F3; 187 | font-size: 7rem; 188 | display: block; 189 | } 190 | .card-content a {color: #2196F3;} 191 | 192 | .card-content a:hover {color: #2196F3;} 193 | 194 | #work, #team{background: rgb(247, 247, 247);} 195 | 196 | .text_pink{color:#EF9A9A;} 197 | 198 | nav ul a { 199 | font-size: 1rem; 200 | color: #FFF; 201 | display: block; 202 | font-weight: 300; 203 | padding: 0px 15px; 204 | } 205 | 206 | .cd-headline.type .cd-words-wrapper { 207 | vertical-align: top; 208 | overflow: hidden; 209 | } 210 | 211 | .cd-headline.type .cd-words-wrapper::after { 212 | /* vertical bar */ 213 | content: ''; 214 | position: absolute; 215 | right: 0; 216 | top: 50%; 217 | bottom: auto; 218 | -webkit-transform: translateY(-50%); 219 | -moz-transform: translateY(-50%); 220 | -ms-transform: translateY(-50%); 221 | -o-transform: translateY(-50%); 222 | transform: translateY(-50%); 223 | height: 90%; 224 | width: 1px; 225 | background-color: #aebcb9; 226 | } 227 | 228 | .cd-headline.type .cd-words-wrapper.waiting::after { 229 | -webkit-animation: cd-pulse 1s infinite; 230 | -moz-animation: cd-pulse 1s infinite; 231 | animation: cd-pulse 1s infinite; 232 | } 233 | .cd-headline.type .cd-words-wrapper.selected { 234 | background-color: #FFF; 235 | } 236 | 237 | .cd-headline.type .cd-words-wrapper.selected::after { 238 | visibility: hidden; 239 | } 240 | 241 | .cd-headline.type .cd-words-wrapper.selected b { 242 | color: #2196F3; 243 | } 244 | 245 | .cd-headline.type b { 246 | visibility: hidden; 247 | } 248 | 249 | .cd-headline.type b.is-visible { 250 | visibility: visible; 251 | } 252 | 253 | .cd-headline.type i { 254 | position: absolute; 255 | visibility: hidden; 256 | } 257 | .cd-headline.type i.in { 258 | position: relative; 259 | visibility: visible; 260 | } 261 | 262 | @-webkit-keyframes cd-pulse { 263 | 0% { 264 | -webkit-transform: translateY(-50%) scale(1); 265 | opacity: 1; 266 | } 267 | 40% { 268 | -webkit-transform: translateY(-50%) scale(0.9); 269 | opacity: 0; 270 | } 271 | 100% { 272 | -webkit-transform: translateY(-50%) scale(0); 273 | opacity: 0; 274 | } 275 | } 276 | @-moz-keyframes cd-pulse { 277 | 0% { 278 | -moz-transform: translateY(-50%) scale(1); 279 | opacity: 1; 280 | } 281 | 40% { 282 | -moz-transform: translateY(-50%) scale(0.9); 283 | opacity: 0; 284 | } 285 | 100% { 286 | -moz-transform: translateY(-50%) scale(0); 287 | opacity: 0; 288 | } 289 | } 290 | 291 | @keyframes cd-pulse { 292 | 0% { 293 | -webkit-transform: translateY(-50%) scale(1); 294 | -moz-transform: translateY(-50%) scale(1); 295 | -ms-transform: translateY(-50%) scale(1); 296 | -o-transform: translateY(-50%) scale(1); 297 | transform: translateY(-50%) scale(1); 298 | opacity: 1; 299 | } 300 | 40% { 301 | -webkit-transform: translateY(-50%) scale(0.9); 302 | -moz-transform: translateY(-50%) scale(0.9); 303 | -ms-transform: translateY(-50%) scale(0.9); 304 | -o-transform: translateY(-50%) scale(0.9); 305 | transform: translateY(-50%) scale(0.9); 306 | opacity: 0; 307 | } 308 | 100% { 309 | -webkit-transform: translateY(-50%) scale(0); 310 | -moz-transform: translateY(-50%) scale(0); 311 | -ms-transform: translateY(-50%) scale(0); 312 | -o-transform: translateY(-50%) scale(0); 313 | transform: translateY(-50%) scale(0); 314 | opacity: 0; 315 | } 316 | } 317 | 318 | 319 | /* Preloader */ 320 | #preloader { 321 | position: fixed; 322 | top:0; 323 | left:0; 324 | right:0; 325 | bottom:0; 326 | background-color:#fff; /* change if the mask should have another color then white */ 327 | z-index:1200; /* makes sure it stays on top */ 328 | } 329 | 330 | #status { 331 | width:200px; 332 | height:200px; 333 | position:absolute; 334 | left:50%; /* centers the loading animation horizontally one the screen */ 335 | top:50%; /* centers the loading animation vertically one the screen */ 336 | background-image:url(../img/status.gif); /* path to your loading animation */ 337 | background-repeat:no-repeat; 338 | background-position:center; 339 | margin:-100px 0 0 -100px; /* is width and height divided by two */ 340 | } 341 | 342 | @media only screen and (max-width: 480px) { 343 | .text_h { 344 | padding: 4% 0; 345 | font-size: 5em; 346 | font-weight: 100; 347 | color: white; 348 | } 349 | } 350 | 351 | input, textarea { 352 | border-bottom: 1px solid #000; 353 | } 354 | 355 | nav a.button-collapse { 356 | left: -25px; 357 | } 358 | 359 | .card-avatar .waves-effect { 360 | text-align: center; 361 | margin-top: 20px; 362 | } 363 | 364 | .card-avatar img { 365 | height: 150px; 366 | width: 150px; 367 | border-radius: 75px; 368 | } 369 | 370 | .card-avatar .card-content { 371 | text-align: center; 372 | } 373 | 374 | .card .card-content p { 375 | margin: 15px 0px; 376 | } 377 | 378 | .card-avatar .card-content i { 379 | font-size: 1.5rem; 380 | } 381 | 382 | .card-avatar .card-content .card-title { 383 | line-height: 30px !important; 384 | } 385 | 386 | .parallax-container { 387 | max-height: 400px; 388 | } 389 | 390 | footer.page-footer { 391 | margin-top: 0px !important; 392 | } 393 | 394 | .clear {clear: both;} 395 | 396 | /* Buttons */ 397 | .btn { 398 | display: inline-block; 399 | margin-top: 20px; 400 | padding: 10px 40px; 401 | color: rgba(255,255,255, 0.95); 402 | font-size: 18px; 403 | font-weight: 700; 404 | text-transform: uppercase; 405 | border: none; 406 | border-radius: 20px; 407 | outline: 0; 408 | transition: all 0.1s ease-in; 409 | } 410 | 411 | .btn-transparent {background: rgba(0,0,0, 0.2);} 412 | .btn-transparent:hover {background: rgba(0,0,0, 0.4);} 413 | 414 | /* Separators */ 415 | .separator { 416 | margin: 0 auto; 417 | background: rgba(0, 0, 0, 0.2); 418 | width: 30px; 419 | height: 5px; 420 | } 421 | 422 | /* 02. FONT FACE ============================================ */ 423 | 424 | @font-face { 425 | font-family: 'norwester'; 426 | src: url('../fonts/norwester/norwester.eot'); 427 | src: url('../fonts/norwester/norwester.eot?iefix') format('embedded-opentype'), 428 | url('../fonts/norwester/norwester.ttf'); 429 | font-weight: normal; 430 | } 431 | 432 | /* 03. SPEAKERS SETTINGS ============================================ */ 433 | 434 | #speakers { 435 | padding: 60px 0; 436 | background: #4593e3; 437 | text-align: center; 438 | } 439 | 440 | #speakers p { 441 | padding: 20px 0 60px; 442 | color: rgba(255,255,255, 0.85); 443 | font-family: 'Open Sans', sans-serif; 444 | font-size: 16px; 445 | letter-spacing: 0.2px; 446 | } 447 | 448 | #speakers h3 { 449 | padding: 0 0 15px; 450 | font-family: 'norwester'; 451 | font-size: 36px; 452 | text-transform: uppercase; 453 | } 454 | 455 | #speakers h4 { 456 | margin-top: -20px; 457 | font-size: 32px; 458 | font-weight: 700; 459 | } 460 | 461 | #speakers h4 span { 462 | display: block; 463 | position: relative; 464 | left: -40px; 465 | top: 10px; 466 | font-size: 20px; 467 | background: none; 468 | padding: 0; 469 | } 470 | 471 | #speakers img { 472 | width: 100%; 473 | max-width: 240px; 474 | border-radius: 50%; 475 | border: 15px solid transparent; 476 | box-shadow: 2px 2px 0px rgba(0,0,0, 0.18); 477 | transition: all 0.1s ease-in; 478 | } 479 | 480 | #speakers img:hover { 481 | border: 15px solid #3980C9; 482 | position: relative; 483 | z-index: 10; 484 | transition: all 0.1s ease-in; 485 | } 486 | 487 | #speakers span { 488 | padding: 8px 20px; 489 | position: relative; 490 | top: -64px; 491 | left: -42px; 492 | display: inline-block; 493 | background: #4593e3; 494 | border-radius: 0 16px 16px 0; 495 | font-size: 16px; 496 | } 497 | 498 | /* Member Image Hover Effect */ 499 | .hover_img { 500 | display: none 501 | } 502 | 503 | .member-profile:hover .unhover_img{ 504 | display: none; 505 | } 506 | 507 | .member-profile:hover .hover_img { 508 | display: block; 509 | } 510 | 511 | /* Social Networks Meta */ 512 | #speakers li {display: inline-block; padding: 0 6px; font-size: 18px;} 513 | #speakers li a {color: rgba(0,0,0, 0.3); transition: all 0.1s ease-in;} 514 | #speakers li a:hover {color: rgba(0,0,0, 0.7);} 515 | 516 | /* Rows Optimization */ 517 | .row2 { 518 | display: none; 519 | } 520 | 521 | .row1 .col-md-3, .row2 .col-md-3 { 522 | padding-bottom: 40px; 523 | } 524 | 525 | /* Mobile Devices Optimization */ 526 | @media (min-width: 568px) and (max-width: 992px) { 527 | 528 | .row1 .col-md-3, .row2 .col-md-3 { 529 | display: inline-block; 530 | max-width: 50%; 531 | } 532 | 533 | #speakers img {max-width: 300px;} 534 | 535 | } 536 | 537 | 538 | 539 | 540 | html { 541 | 542 | background-color: #fefefe; 543 | box-sizing: border-box; 544 | font-family: 'Roboto', sans-serif; 545 | font-size: 14px; 546 | font-weight: 500; 547 | } 548 | 549 | *, *:before, *:after { 550 | box-sizing: inherit; 551 | } 552 | 553 | .containerr { 554 | margin: 50px auto 0; 555 | width: 700px; 556 | } 557 | 558 | .u-float-right { 559 | float: right; 560 | } 561 | 562 | .u-flex-center { 563 | display: -webkit-flex; 564 | display: flex; 565 | -webkit-justify-content: center; 566 | justify-content: center; 567 | -webkit-align-items: center; 568 | align-items: center; 569 | } 570 | 571 | .subtle { 572 | color: #888; 573 | font-size: 12px; 574 | } 575 | 576 | .card-media { 577 | border-radius: 2px; 578 | box-shadow: 0 2px 8px rgba(0, 0, 0, .12); 579 | height: 125px; 580 | margin-bottom: 25px; 581 | transition: all 300ms ease-out; 582 | width: 100%; 583 | } 584 | 585 | .card-media:hover { 586 | box-shadow: 0 5px 14px rgba(0, 0, 0, .2); 587 | } 588 | 589 | .card-media-object-container { 590 | background: none; 591 | float: left; 592 | height: 100%; 593 | width: 35%; 594 | position: relative; 595 | } 596 | 597 | .card-media-object { 598 | background-position: center center; 599 | background-size: cover; 600 | height: 100%; 601 | } 602 | 603 | .card-media-object:after { 604 | content: " "; 605 | display: block; 606 | height: 100%; 607 | left: 0; 608 | opacity: 0; 609 | position: absolute; 610 | right: 0; 611 | top: 0; 612 | transition: all 300ms ease-out; 613 | z-index: 10; 614 | } 615 | 616 | .card-media:hover .card-media-object:after { 617 | background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.4) 100%); 618 | background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.4) 100%); 619 | background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.4) 100%); 620 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); 621 | opacity: 1; 622 | } 623 | 624 | .card-media-object-tag { 625 | background-color: #fff; 626 | border-radius: 2px; 627 | padding: 2px 7px; 628 | position: absolute; 629 | right: 10px; 630 | top: 10px; 631 | } 632 | 633 | .card-media-object-social-list { 634 | bottom: 4px; 635 | left: 10px; 636 | list-style-type: none; 637 | margin: 0; 638 | padding: 0; 639 | position: absolute; 640 | z-index: 20; 641 | } 642 | 643 | .card-media-object-social-list li { 644 | border-radius: 50%; 645 | display: inline-block; 646 | height: 30px; 647 | margin-right: 6px; 648 | opacity: 0; 649 | overflow: hidden; 650 | transform: translateY(5px); 651 | transition: all 300ms ease-out; 652 | width: 30px; 653 | } 654 | 655 | .card-media:hover .card-media-object-social-list li { 656 | opacity: 1; 657 | transform: translateY(0); 658 | } 659 | 660 | .card-media-object-social-list li:nth-child(1) { 661 | transition-delay: 0; 662 | } 663 | .card-media-object-social-list li:nth-child(2) { 664 | transition-delay: 75ms; 665 | } 666 | .card-media-object-social-list li:nth-child(3) { 667 | transition-delay: 150ms; 668 | } 669 | 670 | .card-media-object-social-list-item-additional { 671 | border: 1px solid #fff; 672 | color: #fff; 673 | font-size: 12px; 674 | padding-top: 7px; 675 | text-align: center; 676 | } 677 | 678 | .card-media-body { 679 | background-color: #fff; 680 | float: left; 681 | height: 100%; 682 | padding: 12px 15px; 683 | position: relative; 684 | width: 65%; 685 | } 686 | 687 | .card-media-body-top { 688 | display: block; 689 | } 690 | 691 | .card-media-body-top-icons { 692 | margin-top: -2px; 693 | opacity: 0; 694 | transition: all 300ms ease-out; 695 | transform: translateY(-5px); 696 | } 697 | 698 | .card-media:hover .card-media-body-top-icons { 699 | opacity: 1; 700 | transform: translateY(0); 701 | } 702 | 703 | .card-media-body-top-icons > svg { 704 | cursor: pointer; 705 | margin-left: 10px; 706 | transition: all 300ms ease-out; 707 | } 708 | 709 | .card-media-body-top-icons > svg:hover { 710 | fill: #444; 711 | } 712 | 713 | .card-media-body-heading { 714 | display: block; 715 | margin-top: 10px; 716 | } 717 | 718 | .card-media-body-supporting-bottom { 719 | position: absolute; 720 | bottom: 10px; 721 | left: 0; 722 | opacity: 1; 723 | padding: 0 15px; 724 | transition: all 300ms ease-out; 725 | width: 100%; 726 | } 727 | 728 | .card-media:hover .card-media-body-supporting-bottom { 729 | opacity: 0; 730 | transform: translateY(-8px); 731 | } 732 | 733 | .card-media-body-supporting-bottom-text { 734 | display: inline-block; 735 | } 736 | 737 | .card-media-body-supporting-bottom-reveal { 738 | opacity: 0; 739 | transform: translateY(8px); 740 | transition: all 300ms ease-out; 741 | } 742 | 743 | .card-media:hover .card-media-body-supporting-bottom-reveal { 744 | opacity: 1; 745 | transform: translateY(0); 746 | } 747 | 748 | .card-media-link { 749 | color: #41C1F2; 750 | text-decoration: none; 751 | } 752 | 753 | .icon-block { 754 | padding: 0 15px; 755 | } 756 | .icon-block .material-icons { 757 | font-size: inherit; 758 | } 759 | 760 | .sponsor-logos img { 761 | max-height: 200px; 762 | max-width : 400px; 763 | margin : 10px; 764 | align-content: center; 765 | } 766 | 767 | 768 | @-webkit-keyframes animate { 769 | from {background-position:0 0;} 770 | to {background-position: 500px 0;} 771 | } 772 | 773 | @-moz-keyframes animate { 774 | from {background-position:0 0;} 775 | to {background-position: 500px 0;} 776 | } 777 | 778 | @-ms-keyframes animate { 779 | from {background-position:0 0;} 780 | to {background-position: 500px 0;} 781 | } 782 | 783 | @-o-keyframes animate { 784 | from {background-position:0 0;} 785 | to {background-position: 500px 0;} 786 | } 787 | 788 | @keyframes animate { 789 | from {background-position:0 0;} 790 | to {background-position: 500px 0;} 791 | } 792 | 793 | #sponsors .responsive-img { 794 | background-color: white; 795 | padding: 20px; 796 | } 797 | 798 | h1, #Welcome, #about { 799 | color: #000; 800 | } 801 | 802 | .card-media-body-supporting-bottom-reveal { 803 | font-weight: bold; 804 | } 805 | -------------------------------------------------------------------------------- /humblefool/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} --------------------------------------------------------------------------------