Repository: incubator-netbeans-website Updated Branches: refs/heads/asf-site 9f82c0f68 -> cc6dd9d19
http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/scripts/onepager.js ---------------------------------------------------------------------- diff --git a/root/scripts/onepager.js b/root/scripts/onepager.js deleted file mode 100644 index 3d89297..0000000 --- a/root/scripts/onepager.js +++ /dev/null @@ -1,155 +0,0 @@ -(function () { - 'use strict'; - - var burgerMenu = document.querySelector('#burger-menu'), - links = [].slice.call(document.querySelectorAll('.nav-link')), - - body = document.querySelector('body'), - - addClass = function (elem, className) { - if (elem.className.indexOf(className) === -1) { - elem.className += ' ' + className; - } - }, - - removeClass = function (elem, className) { - var classes = elem.className.replace(' ' + className, ''); - elem.className = classes; - }, - - toggle = function (elem, expr, className) { - if (expr) { - addClass(elem, className); - } else { - removeClass(elem, className); - } - }, - - setPushStateUrl = function (target) { - window.history.pushState(null, target.text, target); - }; - - if (!window.location.hostname === 'localhost') { - var path = window.location.pathname.replace('/', ''); - - if (path) { - window.scrollTo(0, document.querySelector('#' + path).offsetTop); - } - } - - [].slice.call(document.querySelectorAll('.ripple-btn')).forEach(function (btn) { - btn.addEventListener('mousedown', function (event) { - var ripple = this.querySelector('.ripple'); - - addClass(ripple, 'visible'); - ripple.style.transform = 'translate(-50%, -50%) translate(' + event.layerX + 'px, ' + event.layerY + 'px) scale(0.0001, 0.0001)'; - - setTimeout(function () { - ripple.style.transform = ripple.style.transform.replace(' scale(0.0001, 0.0001)', ''); - }, 200); - }, true); - - btn.addEventListener('mouseup', function () { - var ripple = this.querySelector('.ripple'); - - removeClass(ripple, 'visible'); - }, true); - }); - - links.forEach(function (link) { - link.addEventListener('click', function (e) { - var targetSection = document.querySelector('#' + this.getAttribute('href')), - endPos = targetSection.offsetTop, - startPos = window.scrollY; - - e.preventDefault(); - - window.removeEventListener('scroll', onScrollMethod); - - setPushStateUrl(this); - - if (startPos <= endPos) { - animForward(startPos, endPos); - } else { - animBackward(startPos, endPos); - } - - window.addEventListener('scroll', onScrollMethod); - }, true); - }); - - document.querySelector('div.search').addEventListener('click', function() { - var searchField = document.querySelector('.search-field'); - - toggle(searchField, searchField.className.indexOf('active') === -1 , 'active'); - }); - - var animForward = function (startPos, endPos) { - var incrementer = .1, - step = function () { - var diffEndStart = (endPos - startPos); - - incrementer += 1.25; - - if (diffEndStart < 40) { - startPos += diffEndStart; - } else { - startPos += (1 * incrementer); - } - - window.scrollTo(0, startPos); - - if (startPos < endPos) { - window.requestAnimationFrame(step); - } - }; - - window.requestAnimationFrame(step); - }; - - var animBackward = function (startPos, endPos) { - var incrementer = .1, - step = function () { - var diffEndStart = (startPos - endPos); - - incrementer += 1.25; - - if (diffEndStart < 40) { - startPos -= diffEndStart; - } else { - startPos -= (1 * incrementer); - } - - window.scrollTo(0, startPos); - - if (startPos > endPos) { - window.requestAnimationFrame(step); - } - }; - - window.requestAnimationFrame(step); - }; - - document.querySelector('.back-to-top').addEventListener('click', function () { - window.history.replaceState(null, null, '/'); - - animBackward(window.scrollY, 0); - }, true); - - burgerMenu.addEventListener('click', function () { - if (body.className.indexOf('active') === -1) { - addClass(body, 'active'); - } else { - removeClass(body, 'active'); - - body.removeEventListener('click', this); - } - }, true); - - var onScrollMethod = function () { - toggle(document.querySelector('header'), document.body.scrollTop >= 100, 'active'); - toggle(document.querySelector('body'), document.body.scrollTop >= 280, 'scrolled'); - }; - - window.addEventListener('scroll', onScrollMethod); -}()); http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/scripts/onepager.min.js ---------------------------------------------------------------------- diff --git a/root/scripts/onepager.min.js b/root/scripts/onepager.min.js deleted file mode 100644 index 1fc19c2..0000000 --- a/root/scripts/onepager.min.js +++ /dev/null @@ -1,2 +0,0 @@ - -(function(){var k=document.querySelector("#burger-menu"),i=[].slice.call(document.querySelectorAll(".nav-link")),d=document.querySelector("body"),f=function(m,l){if(m.className.indexOf(l)===-1){m.className+=" "+l}},h=function(n,m){var l=n.className.replace(" "+m,"");n.className=l},c=function(m,n,l){if(n){f(m,l)}else{h(m,l)}},a=function(l){window.history.pushState(null,l.text,l)};if(!window.location.hostname==="localhost"){var j=window.location.pathname.replace("/","");if(j){window.scrollTo(0,document.querySelector("#"+j).offsetTop)}}[].slice.call(document.querySelectorAll(".ripple-btn")).forEach(function(l){l.addEventListener("mousedown",function(n){var m=this.querySelector(".ripple");f(m,"visible");m.style.transform="translate(-50%, -50%) translate("+n.layerX+"px, "+n.layerY+"px) scale(0.0001, 0.0001)";setTimeout(function(){m.style.transform=m.style.transform.replace(" scale(0.0001, 0.0001)","")},200)},true);l.addEventListener("mouseup",function(){var m=this.querySelector(".ripple" );h(m,"visible")},true)});i.forEach(function(l){l.addEventListener("click",function(p){var o=document.querySelector("#"+this.getAttribute("href")),n=o.offsetTop,m=window.scrollY;p.preventDefault();window.removeEventListener("scroll",e);a(this);if(m<=n){g(m,n)}else{b(m,n)}window.addEventListener("scroll",e)},true)});document.querySelector("div.search").addEventListener("click",function(){var l=document.querySelector(".search-field");c(l,l.className.indexOf("active")===-1,"active")});var g=function(m,l){var o=0.1,n=function(){var p=(l-m);o+=1.25;if(p<40){m+=p}else{m+=(1*o)}window.scrollTo(0,m);if(m<l){window.requestAnimationFrame(n)}};window.requestAnimationFrame(n)};var b=function(m,l){var o=0.1,n=function(){var p=(m-l);o+=1.25;if(p<40){m-=p}else{m-=(1*o)}window.scrollTo(0,m);if(m>l){window.requestAnimationFrame(n)}};window.requestAnimationFrame(n)};document.querySelector(".back-to-top").addEventListener("click",function(){window.history.replaceState(null,null,"/");b(window.scrollY,0 )},true);k.addEventListener("click",function(){if(d.className.indexOf("active")===-1){f(d,"active")}else{h(d,"active");d.removeEventListener("click",this)}},true);var e=function(){c(document.querySelector("header"),document.body.scrollTop>=100,"active");c(document.querySelector("body"),document.body.scrollTop>=280,"scrolled")};window.addEventListener("scroll",e)}()); \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/styles/onepager.css ---------------------------------------------------------------------- diff --git a/root/styles/onepager.css b/root/styles/onepager.css deleted file mode 100644 index 4186a5d..0000000 --- a/root/styles/onepager.css +++ /dev/null @@ -1,2 +0,0 @@ -@font-face{font-family:'PulsIcons';src:url("../fonts/puls.ttf") format("truetype"),url("../fonts/puls.woff") format("woff"),url("../fonts/puls.svg") format("svg")}@keyframes show-hide-ripple{from{transform:scale(0);opacity:.5}to{transform:scale(30);opacity:0}}body{margin:0;padding:0;font-family:'Open Sans', sans-serif;line-height:24px;size:16px;color:#333;font-weight:300;width:100%}body ul,body ol,body li,body h1,body h2,body h3,body p,body div,body img{margin:0;padding:0}body h1,body h2,body h3{margin-bottom:10px}body a{color:#272727;text-decoration:none}body a.external{text-decoration:underline;font-weight:bold}body a.no-deco{color:white}body .alternative-color a:not(.next-section){color:#7ba7d4}body .with-icon:after{font-family:'PulsIcons'}body img{max-width:100%;width:100%;display:block}body ul{list-style:none;margin-left:0}body header,body footer{margin:0;padding:0;width:100%;margin:0 auto;box-sizing:border-box}body header{position:fixed;height:50px;color:#ebebeb;background-col or:transparent;transition:background-color 500ms ease;z-index:1;user-select:none;-webkit-user-select:none}body header .inner{padding-top:0;padding-bottom:0;height:100%}body header .inner nav{align-items:flex-start;display:flex;flex:1}body header .inner nav #burger-menu{min-width:30px;max-width:30px;height:25px;position:relative;z-index:1;align-self:center}body header .inner nav #burger-menu>div{border:2px solid #272727;transition:all 300ms ease-out;position:absolute;left:0;right:0;top:10px}body header .inner nav #burger-menu>div:first-child{top:0px}body header .inner nav #burger-menu>div:last-child{top:20px}body header .inner nav ul{background-color:rgba(0,0,0,0.9);display:block;height:10000%;left:0;min-width:150px;padding-top:75px;width:60%;position:absolute;transform:translate3d(-700px, 0, 0);transition:transform 300ms ease-out}body header .inner nav ul li{display:block;margin-bottom:5px}body header .inner nav ul li .nav-link{color:inherit;display:block;padding:5px 20px;transition :color 200ms ease-in}body header .inner nav ul li .nav-link.active{color:#4181c1}body header .inner #logo{align-self:center;color:#4181c1;display:flex;align-items:center;justify-content:flex-end}body header .inner #logo img{width:75px;margin-right:-1em}body header .inner #logo div{align-content:center;align-items:center}body header .search{color:#272727;align-self:center;font-size:125%;margin:0 .25em}body header .search:after{content:'\f002'}body header .search:hover{cursor:pointer}body header .search-field{width:100%;margin:0 auto;box-sizing:border-box;padding:35px 15px;max-width:1200px;box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);display:flex;padding:0;height:0;overflow:hidden;transition:height 200ms ease-out;position:absolute;right:0}body header .search-field input[type="text"]{outline:0;padding:.25em;font-size:120%;flex:1 0 80%}body header .search-field button{margin:0;flex:1 0 5%;align-self:auto;background-color:#272727;color:#ebebeb;border:0}body header .search-field.active{height:40px}@media (min-width: 600px){body header .search-field{max-width:600px;margin:0}}@media (min-width: 768px){body header .search-field{right:8em}}body header.active{background-color:#e6e6e6;box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24)}body main section{position:relative;padding-top:50px;height:100vh}body main section .next-section{box-shadow:0 -3px 4px 0 rgba(0,0,0,0.12),0 -1px 2px 0 rgba(0,0,0,0.24);position:absolute;bottom:.75em;left:50%;margin-left:-25px;line-height:1;color:#ebebeb;font-size:175%;padding:.5em .7em;line-height:1;border-radius:50%;background-color:rgba(0,0,0,0.3);border:1px solid #ebebeb;transform:rotate3d(1, 0, 0, 180deg);text-shadow:0 0 4px #000;transition:text-shadow 500ms ease-out, box-shadow 250ms ease-out}body main section .next-section:after{font-family:'PulsIcons';content:'\f102'}body main section .next-section:hover{cursor:pointer}body main section .next-section:active{text-shadow:0 -1px 6px #000;box-sha dow:0 -6px 7px 0 rgba(0,0,0,0.2),0 -1px 10px 0 rgba(0,0,0,0.12),0 -2px 4px -1px rgba(0,0,0,0.2)}body main section .languages,body main section .technologies{display:flex;flex-direction:row;max-width:640px;margin:2em auto;overflow-x:scroll}body main section .languages>li,body main section .technologies>li{display:flex}@media (min-width: 768px){body main section .languages,body main section .technologies{flex-wrap:wrap;justify-content:space-between;overflow-x:hidden}}body main section .languages{align-content:center}body main section .languages>li .php{background-color:#6c7eb7}body main section .languages>li .js{background-color:#d6ba33}body main section .languages>li .java{background-color:#e00024}body main section .languages>li .groovy{background-color:#6398aa}body main section .languages>li .html5{background-color:#e44d26}body main section .languages>li .css3{background-color:#016fba}body main section .languages>li .less{background-color:#2b4e85}body main section .languages>li .sas s{background-color:#cf649a}body main section .languages>li .ftl{background-color:#444}body main section .languages>li .json{background-color:#1984a4}body main section .languages>li .jsx{background-color:#333}body main section .languages>li .ini{background-color:#f60}body main section .languages>li .markdown{background-color:#000}body main section .languages>li .jade{background-color:#47c17b}body main section .languages>li .twig{background-color:#899914}body main section .languages>li .sql{background-color:#444}body main section .languages>li .yaml{background-color:#888}body main section .languages>li .cpp{background-color:#348ab9}body main section .languages>li .xml{background-color:#666}body main section .technologies{max-width:795px}body main section .technologies>li{max-width:85px;text-align:center;margin:.5em;font-weight:bold;font-size:70%;display:inline-table}body main section .technologies>li .name{display:none}@media (min-width: 768px){body main section .technologies>li .name {display:block}}body main section:not(.banner){height:auto}body main section:not(.banner) p{text-align:center}@media (min-width: 768px){body main section:not(.banner){height:auto}}body main section#languages{height:auto}body main section#languages .inner{height:100%;padding-bottom:6em}body main section#plugins .inner{padding-bottom:6em}body footer{background:#fff;box-sizing:border-box}body footer .back-to-top{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);position:fixed;padding:.5em .7em;line-height:1;bottom:.75em;right:.75em;background-color:#4181c1;border-radius:50%;transition:box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out;color:#ebebeb;opacity:0;visibility:hidden;font-size:150%}body footer .back-to-top:after{content:'\f102'}body footer .back-to-top:hover{cursor:pointer}body footer .back-to-top:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body footer .social-links{disp lay:flex}body footer .social-links>li{display:flex}body footer .social-links>li a{width:50px;height:50px;line-height:50px;color:white;font-size:130%;margin:.25em;transition:box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out}body footer .social-links>li a:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body footer .social-links>li .fb{background-color:#3b5998}body footer .social-links>li .fb:after{content:'\f09a'}body footer .social-links>li .twitter{background-color:#1da1f2}body footer .social-links>li .twitter:after{content:'\f099'}body footer .social-links>li .plus{background-color:#db4437}body footer .social-links>li .plus:after{content:'\ea8b'}body footer .social-links>li .slack{background-color:#766fba}body footer .social-links>li .slack:after{content:'\f198'}body footer .social-links>li .youtube{background-color:#e62117}body footer .social-links>li .youtube:after{content:'\ea9d'}body footer .d isc{margin:1em}body .circle{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);text-shadow:0 3px 4px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:50%;font-weight:bold;font-size:100%;background-color:black;width:75px;height:75px;line-height:75px;margin:.5em;text-align:center;flex:1 0 50%}body .circle.small{font-size:80%;line-height:3}body .circle.tech{max-width:100%;max-height:100%;margin:0;background-color:transparent;box-shadow:none}body .download-links{margin-top:.5em;font-weight:bold;font-size:90%;display:flex;justify-content:center}body .download-links a{box-shadow:0 3px 4px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);padding:1em;white-space:nowrap;color:white;background-color:orangered;cursor:pointer;border-radius:2px;transition:box-shadow 250ms ease-out;margin:0}body .download-links a:active{box-shadow:0 6px 7px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}body.scrolled footer .back-to-top{visibility:visible; opacity:1}body.active .clickable-background{bottom:0;display:block;left:0;opacity:.5;position:absolute;right:0;top:50px;background-color:#000;z-index:1}body.active header nav #burger-menu>div{border:2px solid #ccc}body.active header nav #burger-menu>div:first-child{transform:rotate3d(0, 0, 1, 45deg);top:10px}body.active header nav #burger-menu>div:nth-child(2n){opacity:0}body.active header nav #burger-menu>div:last-child{transform:rotate3d(0, 0, 1, -45deg);top:10px}body.active header nav ul{transform:translate3d(0, 0, 0)}body .primary-color{background-color:#4181c1;color:#fff}body .secondary-color{background-color:#ebebeb}body .default-color{background-color:#fff}body .alternative-color{background-color:#272727;color:#ddd}body .inner{width:100%;margin:0 auto;box-sizing:border-box;padding:35px 15px;max-width:1200px;padding-bottom:80px}@media (min-width: 768px){body .inner{padding-bottom:50px}}body .flex-container{display:flex;flex-direction:column;align-items:center}@media (min-width : 1024px){body .flex-container{flex-wrap:wrap}body .flex-container>*{flex:1}}body .flex-container-small{display:flex;justify-content:space-between}body .font-light{color:#2c2c2c}body .left{text-align:left}body .center{text-align:center}body .right{text-align:right}body .title-img{width:100%;height:107%;position:absolute;z-index:-2;background-color:#eee}body .title-img .img-wrapper{position:absolute;left:1em;right:1em;bottom:0}body .title-img .img-wrapper img{position:absolute;bottom:-3em;left:0;right:0;margin:0 auto;box-sizing:border-box;display:none;box-shadow:0px -2px 12px 3px silver}@media (min-device-width: 600px) and (max-device-width: 800px) and (min-height: 400px) and (orientation: portrait){body .title-img .img-wrapper img{max-width:768px;display:block;bottom:20em}}@media (min-width: 650px) and (min-height: 425px){body .title-img .img-wrapper img{max-width:768px;display:block}}@media (min-width: 810px) and (min-height: 500px){body .title-img .img-wrapper img{max-width:760px; bottom:-3em}}@media (min-width: 810px) and (min-height: 700px){body .title-img .img-wrapper img{max-width:850px}}@media (min-width: 810px) and (min-height: 850px){body .title-img .img-wrapper img{max-width:1200px}}body .banner{text-align:center;box-sizing:border-box}body .banner .inner{height:auto;padding:3vh 15px;color:#272727;justify-content:flex-start}body .banner .inner.flex-container-small{flex-direction:column;align-items:center}body .banner .inner.flex-container-small .desc{max-width:500px;margin-top:2em}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:last-child{display:none}@media screen and (min-width: 500px) and (min-height: 320px) and (orientation: landscape){body .banner .inner.flex-container-small{flex-direction:row-reverse;align-items:flex-start;justify-content:center}body .banner .inner.flex-container-small .desc{margin-right:1em;margin-top:0}}body .banner .inner .slogan{color:inherit;display:inline-block;padding:25px;margin-bottom: 1em;background:rgba(255,255,255,0.7)}body .banner .inner .slogan h1{font-weight:800;box-sizing:border-box;color:#4181c1;text-shadow:1px 1px 2px #a1c1e0;white-space:nowrap}body .banner .inner p{text-align:justify}body .banner .inner p:not(:last-child){margin-bottom:1em}@media (min-width: 768px){body .banner .inner{padding:10vh 15px}body .banner .inner.flex-container-small{flex-direction:row-reverse;justify-content:center;align-items:stretch}body .banner .inner.flex-container-small .headline-with-downloads{display:flex;flex-direction:column}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:first-child{margin-right:.5em}body .banner .inner.flex-container-small .headline-with-downloads .download-links a:last-child{display:block}body .banner .inner.flex-container-small .slogan{max-width:300px;display:flex;flex-direction:column;justify-content:center}body .banner .inner.flex-container-small .desc{margin-right:1em;margin-top:0}}@media only screen and (min- device-width: 600px) and (max-device-width: 960px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){body .banner{height:70vh}}@media (min-width: 1024px){body header .inner nav{flex:2}body header .inner nav #burger-menu{display:none}body header .inner nav ul{margin:0;padding:0;display:flex;background:none;transform:translate3d(0, 0, 0);height:auto;position:static;margin-top:0;width:auto}body header .inner nav ul li{margin:0 2.5em 0 0;padding:0;cursor:pointer;white-space:nowrap;color:#272727}body header .inner nav ul li .nav-link{padding:1em 0}body header .inner nav ul li .nav-link:hover{color:#4181c1}body header .inner nav ul li:last-child{margin-right:0}} -/*# sourceMappingURL=onepager.css.map */ http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/styles/onepager.css.map ---------------------------------------------------------------------- diff --git a/root/styles/onepager.css.map b/root/styles/onepager.css.map deleted file mode 100644 index 34b153c..0000000 --- a/root/styles/onepager.css.map +++ /dev/null @@ -1,7 +0,0 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["onepager.scss"], -"names": [], -"file": "onepager.css" -} http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/styles/onepager.scss ---------------------------------------------------------------------- diff --git a/root/styles/onepager.scss b/root/styles/onepager.scss deleted file mode 100644 index e569831..0000000 --- a/root/styles/onepager.scss +++ /dev/null @@ -1,988 +0,0 @@ -/* - Created on : 05.08.2016, 17:11:56 - Author : Chris -*/ - -$default-color: #fff; -$primary-color: #4181c1; -$secondary-color: #ebebeb; -$alternative-color: #272727; - -$symbolic-color-php: #6c7eb7; // PHP -$symbolic-color-html5: #e44d26; // HTML5 -$symbolic-color-css3: #016fba; // CSS3 -$symbolic-color-less: #2b4e85; // LESS -$symbolic-color-sass: #cf649a; // SASS -$symbolic-color-markdown: #000; // MarkDown -$symbolic-color-ftl: #444; // FTL -$symbolic-color-json: #1984a4; // JSON -$symbolic-color-jsx: #333; // JSX -$symbolic-color-ini: #ff6600; // Ini -$symbolic-color-js: #d6ba33; // JS -$symbolic-color-java: #e00024; // JAVA -$symbolic-color-sql: #444; // SQL -$symbolic-color-cpp: #348ab9; // CPP -$symbolic-color-xml: #666; // XML -$symbolic-color-jade: #47c17b; // JADE -$symbolic-color-twig: #899914; // Twig -$symbolic-color-groovy: #6398aa; // Groovy -$symbolic-color-yaml: #888; // Yaml - -$symbolic-color-fb: #3b5998; // fb -$symbolic-color-twitter: #1da1f2; // twitter -$symbolic-color-plus: #db4437; // plus -$symbolic-color-slack: #766fba; // slack -$symbolic-color-youtube: #e62117; // youtube - - -// Sizes -$small: 768px; -$medium: 1024px; -$large: 1260px; - -$headerHeight: 50px; - -@mixin margin-bottom-reset() { - margin: 0; - padding: 0; -} - -@mixin fullWidth() { - width: 100%; - margin: 0 auto; - box-sizing: border-box; -} - -@mixin box-shadow($rotated: 1) { - box-shadow: 0 3px * $rotated 4px 0 rgba(0, 0, 0, .12), 0 1px * $rotated 2px 0 rgba(0, 0, 0, .24); -} - -@mixin box-shadow-active($rotated: 1) { - box-shadow: 0 6px * $rotated 7px 0 rgba(0, 0, 0, .2), 0 1px 10px * $rotated 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); -} - -@mixin text-shadow($rotated: 1) { - text-shadow: 0 3px 4px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); -} - -@mixin inner-fullwidth() { - @include fullWidth(); - padding: 35px 15px; - max-width: 1200px; -} - -@font-face { - font-family: 'PulsIcons'; - src: url('../fonts/puls.ttf') format('truetype'), - url('../fonts/puls.woff') format('woff'), - url('../fonts/puls.svg') format('svg'); -} - -@keyframes show-hide-ripple { - from { - transform: scale(0); - opacity: .5; - } - to { - transform: scale(30); - opacity: 0; - } -} - -body { - @include margin-bottom-reset(); - - font-family: 'Open Sans', sans-serif; - line-height: 24px; - size: 16px; - color: #333; - font-weight: 300; - width: 100%; - - ul, ol, li, h1, h2, h3, p, div, img { - @include margin-bottom-reset(); - } - - h1, h2, h3 { - margin-bottom: 10px; - } - - a { - color: $alternative-color; - text-decoration: none; - - &.external { - text-decoration: underline; - font-weight: bold; - } - - &.no-deco { - color: white; - } - } - - .alternative-color { - a:not(.next-section) { - color: lighten($primary-color, 15%); - } - } - - .with-icon { - &:after { - font-family: 'PulsIcons'; - } - } - - img { - max-width: 100%; - width: 100%; - display: block; - } - - ul { - list-style: none; - margin-left: 0; - } - - header, footer { - @include margin-bottom-reset(); - @include fullWidth(); - } - - header { - position: fixed; - height: $headerHeight; - color: $secondary-color; - background-color: transparent; - transition: background-color 500ms ease; - z-index: 1; - user-select: none; - -webkit-user-select: none; - - .inner { - padding-top: 0; - padding-bottom: 0; - height: 100%; - - nav { - align-items: flex-start; - display: flex; - flex: 1; - - #burger-menu { - min-width: 30px; - max-width: 30px; - height: 25px; - position: relative; - z-index: 1; - align-self: center; - - > div { - border: 2px solid $alternative-color; - transition: all 300ms ease-out; - position: absolute; - left: 0; - right: 0; - top: 10px; - - &:first-child { - top: 0px; - } - - &:last-child { - top: 20px; - } - } - } - - ul { - background-color: rgba(0, 0, 0, .9); - display: block; - height: 10000%; - left: 0; - min-width: 150px; - padding-top: $headerHeight + 25; - width: 60%; - position: absolute; - transform: translate3d(-700px, 0, 0); - transition: transform 300ms ease-out; - - li { - display: block; - margin-bottom: 5px; - - .nav-link { - color: inherit; - display: block; - padding: 5px 20px; - transition: color 200ms ease-in; - - &.active { - color: $primary-color; - } - } - } - } - } - - #logo { - align-self: center; - color: $primary-color; - display: flex; - align-items: center; - justify-content: flex-end; - - img { - width: 75px; - margin-right: -1em; - } - - div { - align-content: center; - align-items: center; - } - } - } - - .search { - color: $alternative-color; - align-self: center; - font-size: 125%; - margin: 0 .25em; - - &:after { - content: '\f002'; - } - - &:hover { - cursor: pointer; - } - } - - .search-field { - @include inner-fullwidth(); - @include box-shadow(); - - display: flex; - padding: 0; - height: 0; - overflow: hidden; - transition: height 200ms ease-out; - position: absolute; - right: 0; - - input[type="text"] { - outline: 0; - padding: .25em; - font-size: 120%; - flex: 1 0 80%; - } - - button { - margin: 0; - flex: 1 0 5%; - align-self: auto; - background-color: $alternative-color; - color: $secondary-color; - border: 0; - } - - &.active { - height: 40px; - } - - @media (min-width: 600px) { - max-width: 600px; - margin: 0; - } - - @media (min-width: $small) { - right: 8em; - } - } - - &.active { - background-color: lighten($alternative-color, 75%); - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .12), - 0 1px 2px 0 rgba(0, 0, 0, .24); - } - } - - main { - section { - position: relative; - padding-top: $headerHeight; - height: 100vh; - - .next-section { - @include box-shadow(-1); - - position: absolute; - bottom: .75em; - left: 50%; - margin-left: -25px; - line-height: 1; - color: $secondary-color; - font-size: 175%; - padding: .5em .7em; - line-height: 1; - border-radius: 50%; - background-color: rgba(0, 0, 0, .3); - border: 1px solid $secondary-color; - transform: rotate3d(1, 0, 0, 180deg); - text-shadow: 0 0 4px rgba(0, 0, 0, 1); - transition: text-shadow 500ms ease-out, box-shadow 250ms ease-out; - - &:after { - font-family: 'PulsIcons'; - content: '\f102'; - } - - &:hover { - cursor: pointer; - } - - &:active { - text-shadow: 0 -1px 6px rgba(0, 0, 0, 1); - box-shadow: 0 -6px 7px 0 rgba(0, 0, 0, .2), 0 -1px 10px 0 rgba(0, 0, 0, .12), 0 -2px 4px -1px rgba(0, 0, 0, .2); - } - } - - .languages, .technologies { - display: flex; - flex-direction: row; - max-width: 640px; - margin: 2em auto; - overflow-x: scroll; - - > li { - display: flex; - } - - @media(min-width: $small) { - flex-wrap: wrap; - justify-content: space-between; - overflow-x: hidden; - } - } - - .languages { - align-content: center; - - > li { - .php { - background-color: $symbolic-color-php; - } - - .js { - background-color: $symbolic-color-js; - } - - .java { - background-color: $symbolic-color-java; - } - - .groovy { - background-color: $symbolic-color-groovy; - } - - .html5 { - background-color: $symbolic-color-html5; - } - - .css3 { - background-color: $symbolic-color-css3; - } - - .less { - background-color: $symbolic-color-less; - } - - .sass { - background-color: $symbolic-color-sass; - } - - .ftl { - background-color: $symbolic-color-ftl; - } - - .json { - background-color: $symbolic-color-json; - } - - .jsx { - background-color: $symbolic-color-jsx; - } - - .ini { - background-color: $symbolic-color-ini; - } - - .markdown { - background-color: $symbolic-color-markdown; - } - - .jade { - background-color: $symbolic-color-jade; - } - - .twig { - background-color: $symbolic-color-twig; - } - - .sql { - background-color: $symbolic-color-sql; - } - - .yaml { - background-color: $symbolic-color-yaml; - } - - .cpp { - background-color: $symbolic-color-cpp; - } - - .xml { - background-color: $symbolic-color-xml; - } - } - } - - .technologies { - max-width: 795px; - - > li { - max-width: 85px; - text-align: center; - margin: .5em; - font-weight: bold; - font-size: 70%; - display: inline-table; - - .name { - display: none; - } - - @media(min-width: $small) { - .name { - display: block; - } - } - } - } - - &:not(.banner) { - height: auto; - - p { - text-align: center; - } - - @media(min-width: $small) { - height: auto; - } - } - - &#languages { - height: auto; - - .inner { - height: 100%; - padding-bottom: 6em; - } - } - - &#plugins { - .inner { - padding-bottom: 6em; - } - } - } - } - - footer { - background: #fff; - box-sizing: border-box; - - .back-to-top { - @include box-shadow(); - - position: fixed; - padding: .5em .7em; - line-height: 1; - bottom: .75em; - right: .75em; - background-color: $primary-color; - border-radius: 50%; - transition: box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out; - color: $secondary-color; - opacity: 0; - visibility: hidden; - font-size: 150%; - - &:after { - content: '\f102'; - } - - &:hover { - cursor: pointer; - } - - &:active { - @include box-shadow-active(); - } - } - - .social-links { - display: flex; - - > li { - display: flex; - - a { - width: 50px; - height: 50px; - line-height: 50px; - color: white; - font-size: 130%; - margin: .25em; - transition: box-shadow 250ms ease-out, opacity 250ms ease-out, visibility 250ms ease-out; - - &:active { - @include box-shadow-active(); - } - } - - .fb { - background-color: $symbolic-color-fb; - - &:after { - content: '\f09a'; - } - } - .twitter { - background-color: $symbolic-color-twitter; - - &:after { - content: '\f099'; - } - } - .plus { - background-color: $symbolic-color-plus; - - &:after { - content: '\ea8b'; - } - } - .slack { - background-color: $symbolic-color-slack; - - &:after { - content: '\f198'; - } - } - .youtube { - background-color: $symbolic-color-youtube; - - &:after { - content: '\ea9d'; - } - } - } - } - - .disc { - margin: 1em; - } - } - - .circle { - @include box-shadow(); - @include text-shadow(); - - border-radius: 50%; - font-weight: bold; - font-size: 100%; - background-color: black; - width: 75px; - height: 75px; - line-height: 75px; - margin: .5em; - text-align: center; - flex: 1 0 50%; - - &.small { - font-size: 80%; - line-height: 3; - } - - &.tech { - max-width: 100%; - max-height: 100%; - margin: 0; - background-color: transparent; - box-shadow: none; - } - } - - .download-links { - margin-top: .5em; - font-weight: bold; - font-size: 90%; - display: flex; - justify-content: center; - - a { - @include box-shadow(); - - padding: 1em; - white-space: nowrap; - color: white; - background-color: orangered; - cursor: pointer; - border-radius: 2px; - transition: box-shadow 250ms ease-out; - margin: 0; - - &:active { - @include box-shadow-active(); - } - } - } - - &.scrolled { - footer { - .back-to-top { - visibility: visible; - opacity: 1; - } - } - } - - &.active { - .clickable-background { - bottom: 0; - display: block; - left: 0; - opacity: .5; - position: absolute; - right: 0; - top: $headerHeight; - background-color: rgba(0, 0, 0, 1); - z-index: 1; - } - - header { - nav { - #burger-menu { - > div { - border: 2px solid #ccc; - - &:first-child { - transform: rotate3d(0, 0, 1, 45deg); - top: 10px; - } - - &:nth-child(2n) { - opacity: 0; - } - - &:last-child { - transform: rotate3d(0, 0, 1, -45deg); - top: 10px; - } - } - } - - ul { - transform: translate3d(0, 0, 0); - } - } - } - } - - .primary-color { - background-color: $primary-color; - color: #fff; - } - - .secondary-color { - background-color: $secondary-color; - } - - .default-color { - background-color: $default-color; - } - - .alternative-color { - background-color: $alternative-color; - color: #ddd; - } - - .ripple-btn { - } - - .inner { - @include inner-fullwidth(); - padding-bottom: 80px; - - @media(min-width: $small) { - padding-bottom: 50px; - } - } - - .flex-container { - display: flex; - flex-direction: column; - align-items: center; - - @media(min-width: $medium) { - flex-wrap: wrap; - - > * { - flex: 1; - } - } - } - - .flex-container-small { - display: flex; - justify-content: space-between; - - > * { - } - } - - .font-light { - color: lighten($alternative-color, 2%); - } - - .left { - text-align: left; - } - - .center { - text-align: center; - } - - .right { - text-align: right; - } - - .title-img { - width: 100%; - height: 107%; - position: absolute; - z-index: -2; - background-color: #eee; - - .img-wrapper { - position: absolute; - left: 1em; - right: 1em; - bottom: 0; - - img { - position: absolute; - bottom: -3em; - left: 0; - right: 0; - margin: 0 auto; - box-sizing: border-box; - display: none; - box-shadow: 0px -2px 12px 3px lighten($alternative-color, 60%); - - @media(min-device-width: 600px) and (max-device-width: 800px) { - @media (min-height: 400px) and (orientation: portrait) { - max-width: 768px; - display: block; - bottom: 20em; - } - } - - @media(min-width: 650px) { - @media (min-height: 425px) { - max-width: 768px; - display: block; - } - } - - @media(min-width: 810px) { - @media (min-height: 500px) { - max-width: 760px; - bottom: -3em; - } - - @media (min-height: 700px) { - max-width: 850px; - } - - @media (min-height: 850px) { - max-width: 1200px; - } - } - } - } - } - - .banner { - text-align: center; - box-sizing: border-box; - - .inner { - height: auto; - padding: 3vh 15px; - color: $alternative-color; - justify-content: flex-start; - - &.flex-container-small { - flex-direction: column; - align-items: center; - - .desc { - max-width: 500px; - margin-top: 2em; - } - - .headline-with-downloads { - .download-links a { - &:last-child { - display: none; - } - } - } - - /* Phone Landscape */ - @media screen and (min-width: 500px) - and (min-height: 320px) - and (orientation: landscape) { - flex-direction: row-reverse; - align-items: flex-start; - justify-content: center; - - .desc { - margin-right: 1em; - margin-top: 0; - } - } - } - - .slogan { - color: inherit; - display: inline-block; - padding: 25px; - margin-bottom: 1em; - background: rgba(255, 255, 255, .7); - - h1 { - font-weight: 800; - box-sizing: border-box; - color: $primary-color; - text-shadow: 1px 1px 2px lighten($primary-color, 25%); - white-space: nowrap; - } - } - - p { - text-align: justify; - - &:not(:last-child) { - margin-bottom: 1em; - } - } - - - @media(min-width: $small) { - padding: 10vh 15px; - - &.flex-container-small { - flex-direction: row-reverse; - justify-content: center; - align-items: stretch; - - .headline-with-downloads { - display: flex; - flex-direction: column; - - .download-links a { - &:first-child { - margin-right: .5em; - } - - &:last-child { - display: block; - } - } - } - - .slogan { - max-width: 300px; - display: flex; - flex-direction: column; - justify-content: center; - } - - .desc { - margin-right: 1em; - margin-top: 0; - } - } - } - } - - /* Portrait Nexus 7 */ - @media only screen - and (min-device-width: 600px) - and (max-device-width: 960px) - and (orientation: portrait) - and (-webkit-min-device-pixel-ratio: 1) { - height: 70vh; - } - } - - @media(min-width: $medium) { - header { - .inner { - nav { - flex: 2; - - #burger-menu { - display: none; - } - - ul { - @include margin-bottom-reset(); - - display: flex; - background: none; - transform: translate3d(0, 0, 0); - height: auto; - position: static; - margin-top: 0; - width: auto; - - li { - margin: 0 2.5em 0 0; - padding: 0; - cursor: pointer; - white-space: nowrap; - color: $alternative-color; - - .nav-link { - padding: 1em 0; - - &:hover { - color: $primary-color; - } - } - - &:last-child { - margin-right: 0; - } - } - } - } - } - } - } -} \ No newline at end of file
