diff --git a/public/dist/css/main.css b/public/dist/css/main.css index 6a87c58..af1a3ea 100644 --- a/public/dist/css/main.css +++ b/public/dist/css/main.css @@ -1 +1 @@ -#slide-page,#slide-sidebar,.slide-container{min-height:100%}.lnk,footer a{text-decoration:underline}.btn{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn.btn-alidade{background-color:#DE694B;color:#fff!important}.btn.btn-alidade:active{background-color:#D05738}.btn.btn-alidade:hover{background-color:#F56947}.box{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:10px;padding:15px;font-size:13px}.box.box-questions{background-color:#D2DCE0}.box.box-example{background-color:#B4CDCD}.box.box-casestudy{background-color:#B9D6CA}.box.box-research{background-color:#DFD1D8}.box.box-tips{background-color:#F4CBC0}.box.box-answer{background-color:#FAF7F3}.box h3{text-transform:uppercase;font-size:16px;margin-top:0}.modal-content{border-radius:0}.modal-content input{border-radius:0;border:1px solid #DE694B}body>div.container-fluid>header{height:88px;background:#454354;color:#fff}body>div.container-fluid>header a.btn{margin-top:18px}body>div.container-fluid>header .user-actions{padding:0;margin:0;list-style:none}body>div.container-fluid>header .user-actions li{display:inline}#slide-content{padding-left:30px;margin-top:50px}#slide-content a{color:#DE694B}#slide-content form{font-size:20px;margin-bottom:50px}#slide-content h1{margin-top:0;font-size:30px;text-transform:uppercase;line-height:150%}#slide-buttons,.picks>div{margin-top:20px}#slide-content .back-link{color:#DE694B;font-size:18px;line-height:29px;font-weight:700;margin-bottom:10px}#slide-content .back-link:hover{color:#F56947}.picks>div{margin-bottom:15px}.printer{font-size:20px;font-weight:700}#slide-sidebar{background:#5F5C79}#slide-sidebar .step{margin:0 -15px}#slide-sidebar .step h3{font-size:13px;color:#fff;display:block;margin:0;line-height:34px;position:relative;clear:none}#slide-sidebar .step h3 a.working:after,#slide-sidebar .step h3 a:hover:after{content:'';position:absolute;right:-34px;top:0;width:0;height:0}#slide-sidebar .step h3 a{color:#fff;padding-left:50px;display:block;background:url(/assets/images/pointer.png) 30px center no-repeat #7B7891}#slide-sidebar .step h3 a:hover{background-color:#DE694B}#slide-sidebar .step h3 a:hover:after{border:17px solid;border-color:transparent transparent transparent #DE694B}#slide-sidebar .step h3 a.working{background:url(/assets/images/pointer.png) 30px center no-repeat #464360}#slide-sidebar .step h3 a.working:after{border:17px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul{margin:0;padding:0;list-style:none}#slide-sidebar .step ul li{position:relative;clear:none}#slide-sidebar .step ul li a.taller:hover:after,#slide-sidebar .step ul li a.working.taller:after,#slide-sidebar .step ul li a.working:after,#slide-sidebar .step ul li a:hover:after{content:'';position:absolute;top:0;width:0;height:0}#slide-sidebar .step ul li a{color:#fff;font-size:13px;font-weight:700;background:url(/assets/images/uncheck.png) 30px center no-repeat;display:block;padding:6px 15px 6px 50px}#slide-sidebar .step ul li a.done{background:url(/assets/images/check.png) 30px center no-repeat}#slide-sidebar .step ul li a.working{background:url(/assets/images/uncheck.png) 30px center no-repeat #464360}#slide-sidebar .step ul li a.working:after{right:-30px;border:15px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul li a.working.taller:after{right:-48px;border:24px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul li a:hover{background-color:#DE694B}#slide-sidebar .step ul li a:hover:after{right:-30px;border:15px solid;border-color:transparent transparent transparent #DE694B}#slide-sidebar .step ul li a.taller:hover:after{right:-48px;border:24px solid;border-color:transparent transparent transparent #DE694B}#homepage-header{width:100%;height:80px;background:#292639;z-index:1040;opacity:0;position:fixed}.animation #intro,.animation #slide-2,.animation #slide-3{height:100vh}#homepage-header h1{line-height:80px;margin:0;color:#fff;font-size:42px}#homepage-header a.btn-alidade{margin-top:17px}.animation{background:#292639;background-size:auto;color:#fff}.animation .background{position:fixed;left:45%;top:80px}.animation .contents{-webkit-transition:all 2s ease .5s;-moz-transition:all 2s ease .5s;transition:all 2s ease .5s}.animation .contents.showtime{display:block;opacity:1;padding-top:60px}.animation .contents.ninjad{opacity:.1;padding-top:25%;margin-top:25%}.animation h1,.animation h3,.animation h4{font-weight:400;font-family:Oswald,sans-serif}.animation p{font-size:20px;line-height:36px}.animation p .checkmark{margin-right:20px}.animation #intro h1{font-size:72px;margin-top:80px;line-height:78px}.animation #intro h1:first-line{font-size:58px}.animation #intro h3{font-size:30px;line-height:48px;margin-top:40px}.animation #intro h4{font-size:20px;line-height:30px;margin-bottom:70px;margin-top:30px}.animation #slide-2 h1,.animation #slide-3 h1{font-size:42px}.animation #slide-3 svg{width:208px;height:309px;margin-top:40px;float:left;clear:none}.animation #slide-3 svg #arrow1,.animation #slide-3 svg #arrow2,.animation #slide-3 svg #step1icon,.animation #slide-3 svg #step2icon,.animation #slide-3 svg #step3icon{opacity:0}.animation #slide-3 .text-steps{margin-top:40px;position:relative;float:left;clear:none}.animation #slide-3 .text-steps .text-step{height:103px;opacity:0}.animation #slide-3 .text-steps .text-step.text-step-1{margin-left:-35px}.animation #slide-3 .text-steps .text-step.text-step-2{margin-left:53px}.animation #slide-3 .text-steps .text-step.text-step-3{margin-left:0;margin-top:24px}.animation #slide-3 .text-steps .text-step .number,.animation #slide-3 .text-steps .text-step .text{font-size:20px;font-family:Oswald,sans-serif;display:inline-block}.animation #slide-3 .text-steps .text-step .number{width:36px;height:36px;line-height:36px;text-align:center;margin:22px 16px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background:#fff;color:#454354}.animation #slide-4{height:100vh}.animation #slide-4 h1{font-size:42px}.animation .alidade-container{position:fixed;left:50%;top:0;width:50%;height:100vh}.animation .alidade-container #animate-logo-1{height:344px;width:302px;background:url(/assets/images/hp/alidade.png) center center no-repeat;-webkit-transition:all 2s ease 0;-moz-transition:all 2s ease 0;transition:all 2s ease 0;opacity:1;position:absolute;left:0;top:430px}.animation .alidade-container #animate-logo-1.pouff{opacity:0}.animation .alidade-container #spyglass-animate{background:url(/assets/images/hp/alidade_magnifying-glass.png) center center no-repeat;-webkit-transition:all 3s ease 0;-moz-transition:all 3s ease 0;transition:all 3s ease 0;opacity:0;position:absolute;left:0;top:10%;width:630px;height:630px}.animation .alidade-container #spyglass-animate.showtime{opacity:1}.animation .alidade-container .app-icon{width:70px;height:70px;position:absolute;background-size:75% 75%;overflow:hidden}.animation .alidade-container .app-icon#app-icon-msg{background:url(/assets/images/hp/tech1.svg) center center no-repeat;left:220px;top:240px;background-size:75% 75%}.animation .alidade-container .app-icon#app-icon-map{background:url(/assets/images/hp/tech2.svg) center center no-repeat;left:320px;top:310px;background-size:75% 75%}.animation .alidade-container .app-icon#app-icon-dbm{background:url(/assets/images/hp/tech3.svg) center center no-repeat;left:420px;top:380px;background-size:75% 75%}.animation .alidade-container .paper{width:160px;height:194px;position:absolute;opacity:0;background:#EBE7E3;top:calc(300vh);box-shadow:0 5px 15px 0 #2D2B3C;-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.animation .alidade-container .paper .checkrow{width:100%;height:37px;opacity:0;background:url(/assets/images/hp/check-row.png) center top no-repeat;-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}.animation .alidade-container .paper .checkrow.sideways{margin-left:40px}.animation .alidade-container .paper#paper-1{left:40px}.animation .alidade-container .paper#paper-2{left:230px}.animation .alidade-container .paper#paper-2 .paper-contents{padding:30px;-webkit-transition:all 2s ease .5s;-moz-transition:all 2s ease .5s;transition:all 2s ease .5s}.animation .alidade-container .paper#paper-2 .paper-contents.showtime{display:block;opacity:1}.animation .alidade-container .paper#paper-2 .paper-contents.ninjad{opacity:0}.animation .alidade-container .paper#paper-2 .paper-contents img{float:left;margin-right:25px}.animation .alidade-container .paper#paper-2 .paper-contents h2{color:#343244;font-size:36px;margin-top:0;margin-bottom:30px}.box-1 p,.lnk.lnk-lg{font-size:24px}.animation .alidade-container .paper#paper-2 .paper-contents .paragraph{margin:5px auto;float:left;clear:none;display:inline-block;width:100%}.animation .alidade-container .paper#paper-2 .paper-contents .paragraph.paragraph-fl{width:72%}.animation .alidade-container .paper#paper-2 .paper-contents .line{width:100%;background:#716F82;height:10px;margin:6px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-lg{height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-1{width:75%}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-2{width:55%}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-3{width:30%}.animation .alidade-container .paper#paper-3{left:420px}.lnk{color:#DE694B;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s}.lnk:hover{color:#F56947}.lnk:active,.lnk:visited{color:#D05738}.box-1{padding:60px 15px}.box-1 h2{font-family:Lato,sans-serif}.box-1 h2 a{color:#555}.carousel{background:#666471;padding-top:110px;padding-bottom:90px;color:#fff}.carousel .quote{font-size:24px;font-family:Oswald,sans-serif;font-weight:400;line-height:36px;padding:0 72px;position:relative}.carousel .quote:before{content:' ';position:absolute;background:url(/assets/images/hp/quote.svg) center center no-repeat;left:-50px;top:-30px;width:90px;height:75px}.carousel .pointer{display:block;clear:both;border-top:4px solid #fff;border-bottom:0;margin-left:80px;margin-right:80px;height:4px}.carousel .pointer~.point{display:block;margin:-45px auto 0;content:' ';border-right:4px solid #fff;border-bottom:4px solid #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px;height:40px;background-color:#666471}.carousel .quoter{width:33.3333%;float:left;clear:none;margin-top:40px;cursor:pointer}.carousel .quoter img{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}.carousel .quoter.active img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.carousel .quoter .quoter-name{display:block;clear:both;font-weight:700;font-size:16px}.creators h2,.who-made-this h2{margin-top:100px;font-weight:400}.who-made-this{background-color:#EBE7E3;color:#3A3F41;padding-bottom:60px}.who-made-this h2{margin-bottom:40px;font-size:48px}.who-made-this h2~p{font-size:24px;margin-bottom:80px}.who-made-this img{max-width:180px}.who-made-this .col-md-4 a:first-child{display:block;margin-bottom:100px;height:200px}.who-made-this .col-md-4 a:first-child~img{margin-bottom:60px}.who-made-this .col-md-4 a:first-child~p{font-size:24px;margin-bottom:80px}.creators{background:#666471;color:#fff;padding-bottom:60px}.creators h2{margin-bottom:40px;font-size:48px}footer .logos,h1,h2,h3,h4,h5,h6{font-weight:700}.creators .col-md-4 img{margin-bottom:20px;max-width:180px}.creators .col-md-4 p{font-size:30px;margin-bottom:80px}body,html{height:100%;background:#EBE7E3;color:#555}footer,footer .feedback a:hover,footer a{color:#fff}h1,h2,h3{font-family:Oswald,sans-serif}h4,h5,h6{font-family:Lato,sans-serif}footer{background:#413C55;padding-top:25px;padding-bottom:25px;font-size:16px}footer .feedback a{font-size:20px;font-weight:700}footer .icon{padding-right:12px;width:5%}footer .icon+div{width:95%;margin-bottom:30px}footer .rotate-45{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}footer .logos{margin-top:30px;font-size:24px;text-align:right;vertical-align:middle}footer .logos a{text-decoration:none}footer .logos a:hover{text-decoration:underline;color:#fff}footer .logos a .gh{margin-left:30px} \ No newline at end of file +#slide-page,#slide-sidebar,.slide-container{min-height:100%}.lnk,footer a{text-decoration:underline}.btn{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn.btn-alidade{background-color:#DE694B;color:#fff!important}.btn.btn-alidade:active{background-color:#D05738}.btn.btn-alidade:hover{background-color:#F56947}.box{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:10px;padding:15px;font-size:13px}.box.box-questions{background-color:#D2DCE0}.box.box-example{background-color:#B4CDCD}.box.box-casestudy{background-color:#B9D6CA}.box.box-research{background-color:#DFD1D8}.box.box-tips{background-color:#F4CBC0}.box.box-answer{background-color:#FAF7F3}.box h3{text-transform:uppercase;font-size:16px;margin-top:0}.modal-content{border-radius:0}.modal-content input{border-radius:0;border:1px solid #DE694B}body>div.container-fluid>header{height:88px;background:#454354;color:#fff}body>div.container-fluid>header a.btn{margin-top:18px}body>div.container-fluid>header .user-actions{padding:0;margin:0;list-style:none}body>div.container-fluid>header .user-actions li{display:inline}#slide-content{padding-left:30px;margin-top:50px}#slide-content a{color:#DE694B}#slide-content form{font-size:20px;margin-bottom:50px}#slide-content h1{margin-top:0;font-size:30px;text-transform:uppercase;line-height:150%}#slide-buttons,.picks>div{margin-top:20px}#slide-content .back-link{color:#DE694B;font-size:18px;line-height:29px;font-weight:700;margin-bottom:10px}#slide-content .back-link:hover{color:#F56947}.picks>div{margin-bottom:15px}.printer{font-size:20px;font-weight:700}#slide-sidebar{background:#5F5C79}#slide-sidebar .step{margin:0 -15px}#slide-sidebar .step h3{font-size:13px;color:#fff;display:block;margin:0;line-height:34px;position:relative;clear:none}#slide-sidebar .step h3 a.working:after,#slide-sidebar .step h3 a:hover:after{content:'';position:absolute;right:-34px;top:0;width:0;height:0}#slide-sidebar .step h3 a{color:#fff;padding-left:50px;display:block;background:url(/assets/images/pointer.png) 30px center no-repeat #7B7891}#slide-sidebar .step h3 a:hover{background-color:#DE694B}#slide-sidebar .step h3 a:hover:after{border:17px solid;border-color:transparent transparent transparent #DE694B}#slide-sidebar .step h3 a.working{background:url(/assets/images/pointer.png) 30px center no-repeat #464360}#slide-sidebar .step h3 a.working:after{border:17px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul{margin:0;padding:0;list-style:none}#slide-sidebar .step ul li{position:relative;clear:none}#slide-sidebar .step ul li a.taller:hover:after,#slide-sidebar .step ul li a.working.taller:after,#slide-sidebar .step ul li a.working:after,#slide-sidebar .step ul li a:hover:after{content:'';position:absolute;top:0;width:0;height:0}#slide-sidebar .step ul li a{color:#fff;font-size:13px;font-weight:700;background:url(/assets/images/uncheck.png) 30px center no-repeat;display:block;padding:6px 15px 6px 50px}#slide-sidebar .step ul li a.done{background:url(/assets/images/check.png) 30px center no-repeat}#slide-sidebar .step ul li a.working{background:url(/assets/images/uncheck.png) 30px center no-repeat #464360}#slide-sidebar .step ul li a.working:after{right:-30px;border:15px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul li a.working.taller:after{right:-48px;border:24px solid;border-color:transparent transparent transparent #464360}#slide-sidebar .step ul li a:hover{background-color:#DE694B}#slide-sidebar .step ul li a:hover:after{right:-30px;border:15px solid;border-color:transparent transparent transparent #DE694B}#slide-sidebar .step ul li a.taller:hover:after{right:-48px;border:24px solid;border-color:transparent transparent transparent #DE694B}#homepage-header{width:100%;height:80px;background:#292639;z-index:1040;opacity:0;position:fixed}#homepage-header h1{line-height:80px;margin:0;color:#fff;font-size:42px}#homepage-header a.btn-alidade{margin-top:17px}.animation{background:#292639;background-size:auto;color:#fff}.animation .background{position:fixed;left:45%;top:80px}.animation .contents{-webkit-transition:all 2s ease .5s;-moz-transition:all 2s ease .5s;transition:all 2s ease .5s}.animation .contents.showtime{display:block;opacity:1;padding-top:60px}.animation .contents.ninjad{opacity:.1;padding-top:25%;margin-top:25%}.animation h1,.animation h3,.animation h4{font-weight:400;font-family:Oswald,sans-serif}.animation p{font-size:20px;line-height:36px}.animation p .checkmark{margin-right:20px}.animation #intro{min-height:100vh}.animation #intro h1{font-size:72px;margin-top:80px;line-height:78px}.animation #intro h1:first-line{font-size:58px}.animation #intro h3{font-size:30px;line-height:48px;margin-top:40px}.animation #intro h4{font-size:20px;line-height:30px;margin-bottom:70px;margin-top:30px}.animation #slide-2 h1,.animation #slide-3 h1{font-size:42px}.animation #slide-2{min-height:100vh}.animation #slide-3{min-height:100vh}.animation #slide-3 svg{width:208px;height:309px;margin-top:40px;float:left;clear:none}.animation #slide-3 svg #arrow1,.animation #slide-3 svg #arrow2,.animation #slide-3 svg #step1icon,.animation #slide-3 svg #step2icon,.animation #slide-3 svg #step3icon{opacity:0}.animation #slide-3 .text-steps{margin-top:40px;position:relative;float:left;clear:none}.animation #slide-3 .text-steps .text-step{height:103px;opacity:0}.animation #slide-3 .text-steps .text-step.text-step-1{margin-left:-35px}.animation #slide-3 .text-steps .text-step.text-step-2{margin-left:53px}.animation #slide-3 .text-steps .text-step.text-step-3{margin-left:0;margin-top:24px}.animation #slide-3 .text-steps .text-step .number,.animation #slide-3 .text-steps .text-step .text{font-size:20px;font-family:Oswald,sans-serif;display:inline-block}.animation #slide-3 .text-steps .text-step .number{width:36px;height:36px;line-height:36px;text-align:center;margin:22px 16px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background:#fff;color:#454354}.animation #slide-4{min-height:100vh}.animation #slide-4 h1{font-size:42px}.animation .alidade-container{position:fixed;left:50%;top:0;width:50%;height:100vh}.animation .alidade-container #animate-logo-1{height:344px;width:302px;background:url(/assets/images/hp/alidade.png) center center no-repeat;-webkit-transition:all 2s ease 0;-moz-transition:all 2s ease 0;transition:all 2s ease 0;opacity:1;position:absolute;left:0;top:430px}.animation .alidade-container #animate-logo-1.pouff{opacity:0}.animation .alidade-container #spyglass-animate{background:url(/assets/images/hp/alidade_magnifying-glass.png) center center no-repeat;-webkit-transition:all 3s ease 0;-moz-transition:all 3s ease 0;transition:all 3s ease 0;opacity:0;position:absolute;left:0;top:10%;width:630px;height:630px}.animation .alidade-container #spyglass-animate.showtime{opacity:1}.animation .alidade-container .app-icon{width:70px;height:70px;position:absolute;background-size:75% 75%;overflow:hidden}.animation .alidade-container .app-icon#app-icon-msg{background:url(/assets/images/hp/tech1.svg) center center no-repeat;left:220px;top:240px;background-size:75% 75%}.animation .alidade-container .app-icon#app-icon-map{background:url(/assets/images/hp/tech2.svg) center center no-repeat;left:320px;top:310px;background-size:75% 75%}.animation .alidade-container .app-icon#app-icon-dbm{background:url(/assets/images/hp/tech3.svg) center center no-repeat;left:420px;top:380px;background-size:75% 75%}.animation .alidade-container .paper{width:160px;height:194px;position:absolute;opacity:0;background:#EBE7E3;top:calc(300vh);box-shadow:0 5px 15px 0 #2D2B3C;-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.animation .alidade-container .paper .checkrow{width:100%;height:37px;opacity:0;background:url(/assets/images/hp/check-row.png) center top no-repeat;-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}.animation .alidade-container .paper .checkrow.sideways{margin-left:40px}.animation .alidade-container .paper#paper-1{left:40px}.animation .alidade-container .paper#paper-2{left:230px}.animation .alidade-container .paper#paper-2 .paper-contents{padding:30px;-webkit-transition:all 2s ease .5s;-moz-transition:all 2s ease .5s;transition:all 2s ease .5s}.animation .alidade-container .paper#paper-2 .paper-contents.showtime{display:block;opacity:1}.animation .alidade-container .paper#paper-2 .paper-contents.ninjad{opacity:0}.animation .alidade-container .paper#paper-2 .paper-contents img{float:left;margin-right:25px}.animation .alidade-container .paper#paper-2 .paper-contents h2{color:#343244;font-size:36px;margin-top:0;margin-bottom:30px}.box-1 p,.lnk.lnk-lg{font-size:24px}.animation .alidade-container .paper#paper-2 .paper-contents .paragraph{margin:5px auto;float:left;clear:none;display:inline-block;width:100%}.animation .alidade-container .paper#paper-2 .paper-contents .paragraph.paragraph-fl{width:72%}.animation .alidade-container .paper#paper-2 .paper-contents .line{width:100%;background:#716F82;height:10px;margin:6px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-lg{height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-1{width:75%}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-2{width:55%}.animation .alidade-container .paper#paper-2 .paper-contents .line.line-sh-3{width:30%}.animation .alidade-container .paper#paper-3{left:420px}.lnk{color:#DE694B;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s}.lnk:hover{color:#F56947}.lnk:active,.lnk:visited{color:#D05738}.box-1{padding:60px 15px}.box-1 h2{font-family:Lato,sans-serif}.box-1 h2 a{color:#555}.carousel{background:#666471;padding-top:110px;padding-bottom:90px;color:#fff}.carousel .quote{font-size:24px;font-family:Oswald,sans-serif;font-weight:400;line-height:36px;padding:0 72px;position:relative}.carousel .quote:before{content:' ';position:absolute;background:url(/assets/images/hp/quote.svg) center center no-repeat;left:-50px;top:-30px;width:90px;height:75px}.carousel .pointer{display:block;clear:both;border-top:4px solid #fff;border-bottom:0;margin-left:80px;margin-right:80px;height:4px}.carousel .pointer~.point{display:block;margin:-45px auto 0;content:' ';border-right:4px solid #fff;border-bottom:4px solid #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px;height:40px;background-color:#666471}.carousel .quoter{width:33.3333%;float:left;clear:none;margin-top:40px;cursor:pointer}.carousel .quoter img{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}.carousel .quoter.active img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.carousel .quoter .quoter-name{display:block;clear:both;font-weight:700;font-size:16px}.creators h2,.who-made-this h2{margin-top:100px;font-weight:400}.who-made-this{background-color:#EBE7E3;color:#3A3F41;padding-bottom:60px}.who-made-this h2{margin-bottom:40px;font-size:48px}.who-made-this h2~p{font-size:24px;margin-bottom:80px}.who-made-this img{max-width:180px}.who-made-this .col-md-4 a:first-child{display:block;margin-bottom:100px;height:200px}.who-made-this .col-md-4 a:first-child~img{margin-bottom:60px}.who-made-this .col-md-4 a:first-child~p{font-size:24px;margin-bottom:80px}.creators{background:#666471;color:#fff;padding-bottom:60px}.creators h2{margin-bottom:40px;font-size:48px}footer .logos,h1,h2,h3,h4,h5,h6{font-weight:700}.creators .col-md-4 img{margin-bottom:20px;max-width:180px}.creators .col-md-4 p{font-size:30px;margin-bottom:80px}body,html{height:100%;background:#EBE7E3;color:#555}footer,footer .feedback a:hover,footer a{color:#fff}h1,h2,h3{font-family:Oswald,sans-serif}h4,h5,h6{font-family:Lato,sans-serif}footer{background:#413C55;padding-top:25px;padding-bottom:25px;font-size:16px}footer .feedback a{font-size:20px;font-weight:700}footer .icon{padding-right:12px;width:5%}footer .icon+div{width:95%;margin-bottom:30px}footer .rotate-45{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}footer .logos{margin-top:30px;font-size:24px;text-align:right;vertical-align:middle}footer .logos a{text-decoration:none}footer .logos a:hover{text-decoration:underline;color:#fff}footer .logos a .gh{margin-left:30px} \ No newline at end of file diff --git a/public/src/less/homepage.less b/public/src/less/homepage.less index 644a4f1..8fce0ac 100644 --- a/public/src/less/homepage.less +++ b/public/src/less/homepage.less @@ -54,7 +54,7 @@ } } #intro { - height: 100vh; + min-height: 100vh; h1 { font-size: 72px; @@ -79,12 +79,12 @@ #slide-2 { h1 { font-size: 42px; } - height: 100vh; + min-height: 100vh; } #slide-3 { h1 { font-size: 42px; } - height: 100vh; + min-height: 100vh; svg { width: 208px; @@ -128,7 +128,7 @@ } #slide-4 { h1 { font-size: 42px; } - height: 100vh; + min-height: 100vh; }