Add a spacer before the main content
diff --git a/css/style.css b/css/style.css
index 5c9467b..e87e728 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,4 +8,5 @@
*/.getting-started,.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;transition:all .3s ease-out}.getting-started img,.waves-effect img{position:relative;z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}@media only screen and (max-width:992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}.modal .modal-footer .btn-flat,.modal .modal-footer .getting-started{float:right;margin:6px 0}::-webkit-input-placeholder{color:#d1d1d1}:-moz-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px;opacity:0}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px;opacity:0}.side-nav{position:fixed;width:300px;left:0;top:0;margin:0;transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;backface-visibility:hidden;overflow-y:auto;will-change:transform;backface-visibility:hidden;transform:translateX(-105%)}.side-nav li{float:none;line-height:48px}.side-nav a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.side-nav a:hover{background-color:rgba(0,0,0,.05)}.side-nav a.btn-flat,.side-nav a.getting-started{margin:10px 15px}.side-nav a.getting-started{color:#fff}.side-nav a.btn-flat{color:#343434}.side-nav a.getting-started:hover{background-color:#2bbbad}.side-nav .substep li>a>i.description::before,.side-nav li>a>[class*=mdi-],.side-nav li>a>[class^=mdi-],.side-nav li>a>i,.substep .side-nav li>a>i.description::before{float:left;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}.side-nav .divider{margin:8px 0 0 0}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}@media only screen and (max-width:992px){.side-nav a{padding:0 16px}}#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;will-change:opacity}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}/*!
* Default mobile-first, responsive styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
- */.substep .description::before{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.scrollable{overflow-x:hidden;overflow-y:auto}.perspective{perspective:1px;perspective-origin:center;-webkit-perspective:1px;-webkit-perspective-origin:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}i{vertical-align:middle!important}body{font-family:Roboto,sans-serif;font-weight:300;text-rendering:geometricPrecision}h3{font-size:1.2cm;padding:.4cm}h5{font-size:.5cm;padding:.4cm}nav{background-color:#000;color:#000}#project-overview,.project-overview,.service{color:#fff}.footer{background-color:#000;color:#fff}section{color:#000}nav{font-weight:400}body{background-color:#000}.background{display:block;position:fixed;z-index:-1;width:100%}.background-perspective{top:30vh;transform:translateZ(-1px) scale(2.2);-webkit-transform:translateZ(-1px) scale(2.2);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;bottom:auto}@media screen and (max-width:992px){.background{transform:translateZ(-1px) scale(2);-webkit-transform:translateZ(-1px) scale(2)}}@media screen and (max-width:600px){.credits-list,.eclipse-copyright,.footer ul,section{width:100%;margin:0}}section{text-align:center;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;padding:.4cm;margin-bottom:1cm;margin-top:1cm;font-size:.5cm}section:first-of-type{margin-top:0}.project-logo img{padding:.24cm}.project-logo,.project-logo *{height:inherit}.title{padding:0;margin:.2cm}@media screen and (max-width:992px){.title{padding:.4cm}}@media screen and (max-width:600px){.title{padding:.32cm}}.title h1{font-size:1.7cm;font-weight:480}.getting-started{margin-bottom:.5cm;background-color:#f59536!important}.banner-image{width:80%;padding-top:.24cm;padding-bottom:.24cm;padding-left:.96cm;padding-right:.96cm}@media screen and (max-width:992px){.banner-image{width:90%;padding-left:.4cm;padding-right:.4cm}}@media screen and (max-width:600px){.banner-image{width:100%;padding:.24cm}}#main-features{padding-top:0;padding-bottom:0}.features-overview{padding:.4cm}.feature{width:100%}.feature-image{width:100%;height:3.5cm;padding:.5cm;text-align:center}.feature-image img{height:100%}.feature-title,.involved-party h3{font-size:.5cm;font-weight:500;margin-top:5px;margin-bottom:0;white-space:nowrap}.feature-description,.involved-party p{font-size:.4cm;font-weight:300;text-align:center;vertical-align:middle}.involved-party{text-align:center}.involved-parties-logos img{max-width:3cm}#community{font-size:.5cm}#community img{padding:0;vertical-align:middle;height:1cm;width:auto}.community-items{text-align:left}.community-links li{font-size:.5cm;padding:.32cm}@media screen and (min-width:780px){.twitter-feed{margin-top:0;max-width:40vw;padding:.4cm}}.community-title-wrapper{text-align:center}.twitter-feed{margin-top:1.2cm;max-height:60vh}@media screen and (max-width:780px){.twitter-feed{max-height:40vh}}.community-links li:last-child img{height:.65cm!important;padding-left:.13cm!important;padding-right:.11cm!important}.footer{padding-top:.2cm;padding-bottom:.2cm;text-align:center;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;font-weight:400}.footer ul{margin-bottom:0;padding:.24cm}.footer a{color:#fff}.eclipse-copyright{margin-bottom:0}.eclipse-copyright a{display:block;height:1cm;text-align:left;padding-top:.24cm;padding-bottom:.24cm}@media screen and (max-width:600px){.eclipse-copyright a{text-align:center}}.eclipse-copyright img{width:auto;height:1cm;display:inline}.step{padding:.24cm;text-align:left}.step h5{padding-top:0;padding-bottom:0}.substep{font-size:.4cm;margin:0}.commandline-list-wrapper,.commandline-wrapper,.screenshot,.substep .description-wrapper{padding:.32cm}.commandline-list-wrapper{display:flex}@media screen and (min-width:600px){.commandline-list-wrapper{padding-left:4vw!important;padding-right:4vw!important}}.commandline-li-wrapper{text-align:left;padding:.24cm}.screenshot{padding:0!important}@media screen and (min-width:992px){.screenshot{padding-top:.4cm;padding-bottom:.4cm}}.screenshot img{max-width:90%}.commandline{vertical-align:middle}.commandline-wrapper{text-align:left}body{counter-reset:steps}.step h5::before{counter-increment:steps;content:counter(steps) " - "}.substep .description{font-size:.5cm;padding:.32cm!important}.substep .description::before{content:'chevron_right';vertical-align:middle}.description-image-wrapper{padding:.24cm;text-align:center}.description-images img{max-height:100%;max-width:60%}#kura-logo{max-width:50%}.commandline-list{background-color:#000;color:#fff;border-radius:2px;font-family:'Droid Sans Mono';white-space:nowrap;font-size:.5cm}@media screen and (max-width:992px){.commandline{font-size:1.8vw}}@media screen and (max-width:600px){.commandline-wrapper{padding:.24cm}.commandline{font-size:2.7vw}.substep .description{font-size:.5cm;padding:.4cm}}.services{padding-left:.96cm;padding-right:.96cm}.service-wrapper{display:flex;justify-content:center}.service-wrapper:nth-child(odd):last-child{width:100%}.service{width:310px;padding:0}.service-name{padding-left:.96cm;padding-top:.96cm}.service-description{font-size:.4cm;white-space:normal}.service li{white-space:pre}.credits-list{text-align:left}.credits-list h3{font-size:.6cm;text-align:left}.credits-list li{margin:.24cm;padding-top:.24cm;padding-bottom:.24cm;font-size:.5cm;list-style-type:disc}.credits-list a{font-size:110%;font-weight:400}.separator-huge{display:block;height:80vh}@media screen and (min-width:992px){.separator{display:block;height:50vh}}section#documentation+div.footer{position:absolute;width:100%;bottom:0}
\ No newline at end of file
+ */.substep .description::before{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.scrollable{overflow-x:hidden;overflow-y:auto}.perspective{perspective:1px;perspective-origin:center;-webkit-perspective:1px;-webkit-perspective-origin:center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}i{vertical-align:middle!important}body{font-family:Roboto,sans-serif;font-weight:300;text-rendering:geometricPrecision}h3{font-size:1.2cm;padding:.4cm}h5{font-size:.5cm;padding:.4cm}nav{background-color:#000;color:#000}#project-overview,.project-overview,.service{color:#fff}.footer{background-color:#000;color:#fff}section{color:#000}nav{font-weight:400}body{background-color:#000}.background{display:block;position:fixed;z-index:-1;width:100%}.background-perspective{top:30vh;transform:translateZ(-1px) scale(2.2);-webkit-transform:translateZ(-1px) scale(2.2);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;bottom:auto}@media screen and (max-width:992px){.background{transform:translateZ(-1px) scale(2);-webkit-transform:translateZ(-1px) scale(2)}}@media screen and (max-width:600px){.credits-list,.eclipse-copyright,.footer ul,section{width:100%;margin:0}}section{text-align:center;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;padding:.4cm;margin-bottom:1cm;margin-top:1cm;font-size:.5cm}section:first-of-type{margin-top:0}.project-logo img{padding:.24cm}.project-logo,.project-logo *{height:inherit}.title{padding:0;margin:.2cm}@media screen and (max-width:992px){.title{padding:.4cm}}@media screen and (max-width:600px){.title{padding:.32cm}}.title h1{font-size:1.7cm;font-weight:480}.getting-started{margin-bottom:.5cm;background-color:#f59536!important}.banner-image{width:80%;padding-top:.24cm;padding-bottom:.24cm;padding-left:.96cm;padding-right:.96cm}@media screen and (max-width:992px){.banner-image{width:90%;padding-left:.4cm;padding-right:.4cm}}@media screen and (max-width:600px){.banner-image{width:100%;padding:.24cm}}#main-features{padding-top:0;padding-bottom:0}.features-overview{padding:.4cm}.feature{width:100%}.feature-image{width:100%;height:3.5cm;padding:.5cm;text-align:center}.feature-image img{height:100%}.feature-title,.involved-party h3{font-size:.5cm;font-weight:500;margin-top:5px;margin-bottom:0;white-space:nowrap}.feature-description,.involved-party p{font-size:.4cm;font-weight:300;text-align:center;vertical-align:middle}.involved-party{text-align:center}.involved-parties-logos img{max-width:3cm}#community{font-size:.5cm}#community img{padding:0;vertical-align:middle;height:1cm;width:auto}.community-items{text-align:left}.community-links li{font-size:.5cm;padding:.32cm}@media screen and (min-width:780px){.twitter-feed{margin-top:0;max-width:40vw;padding:.4cm}}.community-title-wrapper{text-align:center}.twitter-feed{margin-top:1.2cm;max-height:60vh}@media screen and (max-width:780px){.twitter-feed{max-height:40vh}}.community-links li:last-child img{height:.65cm!important;padding-left:.13cm!important;padding-right:.11cm!important}.footer{padding-top:.2cm;padding-bottom:.2cm;text-align:center;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;font-weight:400}.footer ul{margin-bottom:0;padding:.24cm}.footer a{color:#fff}.eclipse-copyright{margin-bottom:0}.eclipse-copyright a{display:block;height:1cm;text-align:left;padding-top:.24cm;padding-bottom:.24cm}@media screen and (max-width:600px){.eclipse-copyright a{text-align:center}}.eclipse-copyright img{width:auto;height:1cm;display:inline}.step{padding:.24cm;text-align:left}.step h5{padding-top:0;padding-bottom:0}.substep{font-size:.4cm;margin:0}.commandline-list-wrapper,.commandline-wrapper,.screenshot,.substep .description-wrapper{padding:.32cm}.commandline-list-wrapper{display:flex}@media screen and (min-width:600px){.commandline-list-wrapper{padding-left:4vw!important;padding-right:4vw!important}}.commandline-li-wrapper{text-align:left;padding:.24cm}.screenshot{padding:0!important}@media screen and (min-width:992px){.screenshot{padding-top:.4cm;padding-bottom:.4cm}}.screenshot img{max-width:90%}.commandline{vertical-align:middle}.commandline-wrapper{text-align:left}body{counter-reset:steps}.step h5::before{counter-increment:steps;content:counter(steps) " - "}.substep .description{font-size:.5cm;padding:.32cm!important}.substep .description::before{content:'chevron_right';vertical-align:middle}.description-image-wrapper{padding:.24cm;text-align:center}.description-images img{max-height:100%;max-width:60%}#kura-logo{max-width:50%}.commandline-list{background-color:#000;color:#fff;border-radius:2px;font-family:'Droid Sans Mono';white-space:nowrap;font-size:.5cm}@media screen and (max-width:992px){.commandline{font-size:1.8vw}}@media screen and (max-width:600px){.commandline-wrapper{padding:.24cm}.commandline{font-size:2.7vw}.substep .description{font-size:.5cm;padding:.4cm}}.services{padding-left:.96cm;padding-right:.96cm}.service-wrapper{display:flex;justify-content:center}.service-wrapper:nth-child(odd):last-child{width:100%}.service{width:310px;padding:0}.service-name{padding-left:.96cm;padding-top:.96cm}.service-description{font-size:.4cm;white-space:normal}.service li{white-space:pre}.credits-list{text-align:left}.credits-list h3{font-size:.6cm;text-align:left}.credits-list li{margin:.24cm;padding-top:.24cm;padding-bottom:.24cm;font-size:.5cm;list-style-type:disc}.credits-list a{font-size:110%;font-weight:400}.separator-huge{display:block;height:80vh}@media screen and (min-width:992px){.separator{display:block;height:50vh}}section#documentation+div.footer{position:absolute;width:100%;bottom:0}
+#main-head-spacer { padding-bottom:.4cm; }
diff --git a/js/ui-helper.js b/js/ui-helper.js
index cf314c9..687df52 100644
--- a/js/ui-helper.js
+++ b/js/ui-helper.js
@@ -47,10 +47,14 @@
var back = document.createElement('img')
back.classList.add('background')
back.setAttribute('src', cdn_url + 'img/background_ny_2.jpeg')
-
+
var parallax = document.querySelector('.main-content')
parallax.insertBefore(back, parallax.firstChild)
+
+ var spacer = document.createElement('div');
+ spacer.setAttribute('id', 'main-head-spacer');
+ $(back).after(spacer);
}
var wrapAll = function (target, wrapperClass) {
