You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@netbeans.apache.org by wa...@apache.org on 2017/01/06 02:42:17 UTC

[3/5] incubator-netbeans-website git commit: Renaming root to content

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/content/scripts/components/contactForm/formValidation.js
----------------------------------------------------------------------
diff --git a/content/scripts/components/contactForm/formValidation.js b/content/scripts/components/contactForm/formValidation.js
new file mode 100644
index 0000000..bc774e6
--- /dev/null
+++ b/content/scripts/components/contactForm/formValidation.js
@@ -0,0 +1,211 @@
+/* global Q */
+
+(function () {
+    'use strict';
+
+    var validators = [],
+        validatorObject = {
+            isNotEmpty: function (field) {
+                var result = Q.defer(),
+                    isValid = (field.value !== '');
+
+                result.resolve({
+                    isValid: isValid,
+                    errorMessage: isValid ? '' : 'Bitte ' + field.getAttribute('data-placeholder') + ' angeben.'
+                });
+
+                return result.promise;
+            },
+
+            isMailValid: function (field) {
+                var result = Q.defer(),
+                    isValid = (/^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*(\.[a-zA-Z]{2,4})$/).test(field.value);
+
+                result.resolve({
+                    isValid: isValid,
+                    errorMessage: isValid ? '' : 'Bitte gib eine g�ltige E-Mailadresse an.'
+                });
+
+                return result.promise;
+            },
+
+            isCaptchaValid: function () {
+                var result = Q.defer();
+
+                result.resolve({
+                    isValid: true,
+                    errorMessage: ''
+                });
+
+                return result.promise;
+            }
+        },
+
+        isFieldValidatorValid = function (field) {
+            return Q.all(validators.map(function(validator) {
+                var result = Q.defer();
+                
+                validator(field).then(function(val) {
+                    if (!val.isValid) {
+                        result.resolve({
+                            isValid: false,
+                            errorMessage: val.errorMessage
+                        });
+                    }
+                    
+                    result.resolve({
+                        isValid: true,
+                        errorMessage: ''
+                    });
+                });
+
+                return result.promise;
+            }));
+        },
+
+        showError = function (validationField, errorMsg) {
+            validationField.querySelector('.error-message').innerText = errorMsg;
+            removeClass(validationField, 'mf-valid');
+            addClass(validationField, 'mf-error');
+        },
+
+        hideError = function (validationField) {
+            removeClass(validationField, 'mf-error');
+            addClass(validationField, 'mf-valid');
+        },
+
+        validateField = function (field) {
+            validators.length = 0;
+
+            field.getAttribute('data-validators').split(' ').forEach(function (validator) {
+                validators.push(validatorObject[validator]);
+            });
+            
+            var prom = Q.defer();
+            
+            isFieldValidatorValid(field).then(function(results) {
+                var invalidField = results.find(function(elem) {
+                    elem.isValid ? hideError(getParents(field, '.validation-field')) : showError(getParents(field, '.validation-field'), elem.errorMessage);
+                    
+                    return !elem.isValid;
+                });
+                
+                prom.resolve(invalidField ? invalidField.isValid : true);
+            });
+            
+            return prom.promise;
+        },
+
+        checkForm = function () {
+            var activeFieldset = document.querySelector('#multi-form fieldset.active'),
+                isFormValidResult = Q.defer();
+        
+            if (activeFieldset) {
+                var validatableFields = [].slice.call(activeFieldset.querySelectorAll('li.opened .validation-field [data-validators], div.opened .validation-field [data-validators]'));
+                
+                Q.all(validatableFields.map(function(validatableField) {
+                   return validateField(validatableField);
+                })).done(function(result) {
+                    var isOneFieldInvalid = result.find(function(elem) {
+                        return !elem;
+                    });
+                    
+                    var errorFields = document.querySelectorAll('#multi-form fieldset.active .validation-field.mf-error [data-validators], .opened .validation-field.mf-error [data-validators]');
+
+                    if (errorFields.length > 0) {
+                        errorFields[0].focus();
+                    }
+                    
+                    isFormValidResult.resolve(isOneFieldInvalid === undefined ? true : isOneFieldInvalid);
+                });
+                
+                return isFormValidResult.promise;
+            }
+        },
+
+        setValidationClass = function(selector, isValid) {
+            var field = getParents(document.querySelector(selector), '.validation-field');
+            
+            if (isValid) {
+                removeClass(field, 'mf-error');
+                addClass(field, 'mf-valid');
+            } else {
+                removeClass(field, 'mf-valid');
+                addClass(field, 'mf-error', 'setVal');
+            }
+        },
+        
+        addClass = function(elem, className, t) {
+            if (elem.className.indexOf(className) === -1) {
+                elem.className += ' ' + className;
+            }
+        },
+        
+        removeClass = function(elem, className) {
+            var classes = elem.className.replace(' ' + className, '');
+            elem.className = classes;
+        },
+        
+        getParents = function(el, findingElem) {
+            var parents = [],
+                p = el.parentNode;
+        
+            if (findingElem) {
+                var findingElements = [].slice.call(document.querySelectorAll(findingElem));
+                
+                var isParentOfChild = findingElements.some(function(elem) {
+                    return p === elem;
+                });
+                
+                if (isParentOfChild) {
+                    return p;
+                }
+                
+                while (p !== findingElem) {
+                    var o = p;
+                    p = o.parentNode;
+                }
+                
+                return p;
+            } else {
+                while (p !== document) {
+                    var o = p;
+
+                    parents.push(o);
+                    p = o.parentNode;
+                }
+
+                return parents;
+            }
+        };
+
+    [].slice.call(document.querySelectorAll('.validation-field [data-validators]')).forEach(function(validationField) {
+        validationField.addEventListener('focus', function () {
+            addClass(getParents(this, '.validation-field'), 'focused');
+        }, true);
+    });
+
+    [].slice.call(document.querySelectorAll('.validation-field [data-validators]')).forEach(function(validationField) {
+        validationField.addEventListener('blur', function () {
+            removeClass(getParents(this, '.validation-field'), 'focused');
+
+            if (this.getAttribute('type') === 'number' && typeof this.value === 'string') {
+                this.value = (this.value.replace(/[^0-9]+/g, ''));
+            }
+
+            validateField(this);
+        }, true);
+    });
+
+    [].slice.call(document.querySelectorAll('.validation-field [data-validators]')).forEach(function(validationField) {
+        validationField.addEventListener('keyup', function () {
+            validateField(this);
+        }, true);
+    });
+    
+    window.checkForm = checkForm;
+    window.validation = validateField;
+    window.setValidationClass = setValidationClass;
+    window.removeClass = removeClass;
+    window.addClass = addClass;
+}());
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/content/scripts/components/contactForm/multiForm.css
----------------------------------------------------------------------
diff --git a/content/scripts/components/contactForm/multiForm.css b/content/scripts/components/contactForm/multiForm.css
new file mode 100644
index 0000000..7945aa4
--- /dev/null
+++ b/content/scripts/components/contactForm/multiForm.css
@@ -0,0 +1,2 @@
+#multi-form{width:100%;margin:0 auto}#multi-form *{outline:0}#multi-form ul{list-style:none}#multi-form ul li{list-style:none}#multi-form form{margin:0 auto;text-align:center}#multi-form form fieldset{box-sizing:border-box;width:100%;vertical-align:top;border:0;margin:0;padding:0}#multi-form form fieldset.mf-valid .fs-title:after{font-family:"pulsweb";content:"\f00c";color:green;margin-left:.5em;font-size:100%}#multi-form form textarea,#multi-form form input[type="text"]{border:0;border-bottom:1px solid #999;border-radius:2px;padding:.75em .5em;width:100%;box-sizing:border-box;font-size:15px}#multi-form form .action-button-wrapper .standalone{width:100%}#multi-form form .action-button-wrapper .standalone a{display:block;width:50%;margin:0 auto;padding:.5em}#multi-form form .action-button-wrapper div{display:inline-block;margin-top:.5em}#multi-form form .action-button-wrapper div:first-child{padding-right:.5em}#multi-form form .action-button-wrapper div:last-child{padding-left:.5em}#
 multi-form form label{color:white;margin-bottom:0}#multi-form form .submit{border:1px solid gray;border-radius:2px;width:auto;height:auto}.validation-field{position:relative;width:100%;margin-bottom:2em}.validation-field label{position:absolute;top:.5em;left:8px;color:#aaa !important;padding:0 5px;font-weight:100;transition:top 300ms ease-out, ackground-color 300ms ease-out, transform 300ms ease-out, left 300ms ease-out}.validation-field.focused label,.validation-field.mf-valid label{top:-.8em;left:0;transform:scale3d(0.85, 0.85, 1)}.validation-field.focused label,.validation-field.mf-valid label{background-color:#fff}.validation-field .validation-hint{position:absolute;right:.6em;top:.5em}.validation-field.mf-valid .validation-hint:after{font-family:"pulsweb";content:"\f00c";color:green;font-size:90%}.validation-field.mf-error textarea,.validation-field.mf-error iframe,.validation-field.mf-error [type="text"],.validation-field.mf-error [type="password"],.validation-field.mf-error [
 type="number"]{border-bottom:1px solid orange !important}.validation-field.mf-error .validation-hint:after{font-family:"Glyphicons Halflings";content:'!';color:orange}.validation-field .error-message{opacity:0;width:auto;padding:.5em;border-radius:1px;position:absolute;top:-3em;right:0;font-size:90%;white-space:nowrap;pointer-events:none}.validation-field.mf-error.focused .error-message{opacity:1;color:white;background:orange;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.validation-field.mf-error.focused .error-message:after{content:'';position:absolute;bottom:-.3em;right:1em;border-top:5px solid orange !important;border-left:10px solid transparent;border-right:10px solid transparent}#post .validation-field:first-child{padding-right:.5em}#post .validation-field:last-child{padding-left:.5em}#post .validation-field:first-child.mf-error .validation-hint,#post .validation-field:first-child.mf-valid .validation-hint{right:1.1em}.hidden-fields{display:none}.hidden
 -fields div,.hidden-fields label{display:none}#captcha{transform:scale(0.7);width:80px}#captcha>div>div{width:100% !important}@media (min-width: 450px){#captcha{transform:none;width:100%}}
+/*# sourceMappingURL=multiForm.css.map */

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/content/scripts/components/contactForm/multiForm.css.map
----------------------------------------------------------------------
diff --git a/content/scripts/components/contactForm/multiForm.css.map b/content/scripts/components/contactForm/multiForm.css.map
new file mode 100644
index 0000000..54b8860
--- /dev/null
+++ b/content/scripts/components/contactForm/multiForm.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["multiForm.scss"],
+"names": [],
+"file": "multiForm.css"
+}

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/content/scripts/components/contactForm/multiForm.scss
----------------------------------------------------------------------
diff --git a/content/scripts/components/contactForm/multiForm.scss b/content/scripts/components/contactForm/multiForm.scss
new file mode 100644
index 0000000..28e9e34
--- /dev/null
+++ b/content/scripts/components/contactForm/multiForm.scss
@@ -0,0 +1,226 @@
+/* 
+    Created on : 02.03.2015, 22:25:12
+    Author     : Chris
+*/
+
+#multi-form {
+    width: 100%;
+    margin: 0 auto;
+
+    * {
+        outline: 0;
+    }
+
+    ul {
+        list-style: none;
+    }
+
+    ul li {
+        list-style: none;
+    }
+
+    form {
+        margin: 0 auto;
+        text-align: center;
+
+        fieldset {
+            box-sizing: border-box;
+            width: 100%;
+            vertical-align: top;
+            border: 0;
+            margin: 0;
+            padding: 0;
+
+            &.mf-valid {
+                .fs-title {
+                    &:after {
+                        font-family: "pulsweb";
+                        content: "\f00c";
+                        color: green;
+                        margin-left: .5em;
+                        font-size: 100%;
+                    }
+                }
+            }
+        }
+
+        textarea, input[type="text"] {
+            border: 0;
+            border-bottom: 1px solid #999;
+            border-radius: 2px;
+            padding: .75em .5em;
+            width: 100%;
+            box-sizing: border-box;
+            font-size: 15px;
+        }
+
+        .action-button-wrapper .standalone {
+            width: 100%;
+
+            a {
+                display: block;
+                width: 50%;
+                margin: 0 auto;
+                padding: .5em;
+            }
+        }
+
+        .action-button-wrapper div {
+            display: inline-block;
+            margin-top: .5em;
+
+            &:first-child {
+                padding-right: .5em;
+            }
+
+            &:last-child {
+                padding-left: .5em;
+            }
+        }
+
+        label {
+            color: white;
+            margin-bottom: 0;
+        }
+        
+        .submit {
+            border: 1px solid gray;
+            border-radius: 2px;
+            /*padding: .5em .7em;*/
+            width: auto;
+            height: auto;
+        }
+    }
+}
+
+/* Style for validation. */
+@mixin errorStyle() {
+    border-bottom: 1px solid orange !important;
+}
+
+.validation-field {
+    position: relative;
+    width: 100%;
+    margin-bottom: 2em;
+
+    label {
+        position: absolute;
+        top: .5em;
+        left: 8px;
+        color: #aaa !important;
+        padding: 0 5px;
+        font-weight: 100;
+
+        transition: top 300ms ease-out, ackground-color 300ms ease-out, transform 300ms ease-out, left 300ms ease-out;
+    }
+
+    &.focused, &.mf-valid {
+        label {
+            top: -.8em;
+            left: 0;
+            transform: scale3d(.85, .85, 1);
+        }
+    }
+
+    &.focused, &.mf-valid {
+        label {
+            background-color: #fff;
+        }
+    }
+
+    .validation-hint {
+        position: absolute;
+        right: .6em;
+        top: .5em;
+    }
+
+    &.mf-valid .validation-hint:after {
+        font-family: "pulsweb";
+        content: "\f00c";
+        color: green;
+        font-size: 90%;
+    }
+
+    &.mf-error {
+        textarea, iframe, [type="text"], [type="password"], [type="number"] {
+            @include errorStyle();
+        }        
+
+        .validation-hint:after {
+            font-family: "Glyphicons Halflings";
+            content: '!';
+            color: orange;
+        }
+    }
+
+    .error-message {
+        opacity: 0;
+        width: auto;
+        padding: .5em;
+        border-radius: 1px;
+        position: absolute;
+        top: -3em;
+        right: 0;
+        font-size: 90%;
+        white-space: nowrap;
+        pointer-events: none;
+    }
+
+    &.mf-error.focused .error-message {
+        opacity: 1;
+        color: white;
+        background: orange;
+
+        -webkit-transition: all .3s;
+        -moz-transition: all .3s;
+        transition: all .3s;
+
+        &:after {
+            content: '';
+            position: absolute;
+            bottom: -.3em;
+            right: 1em;
+            border-top: 5px solid orange !important;
+            border-left: 10px solid transparent;
+            border-right: 10px solid transparent;
+        }
+    }
+}
+
+#post .validation-field {
+    &:first-child {
+        padding-right: .5em;
+    }
+    &:last-child {
+        padding-left: .5em;
+    }
+    &:first-child {
+        &.mf-error .validation-hint, &.mf-valid .validation-hint {
+            right: 1.1em;
+        }
+    }
+}
+
+.hidden-fields {
+    display: none;
+
+    div, label {
+        display: none;
+    }
+}
+
+#captcha {
+    > div {
+        > div {
+            width: 100% !important;
+        }
+    }
+
+    transform: scale(.7);
+    width: 80px;
+
+    @media (min-width: 450px) {
+        transform: none;
+        width: 100%;
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/content/scripts/onepager.js
----------------------------------------------------------------------
diff --git a/content/scripts/onepager.js b/content/scripts/onepager.js
new file mode 100644
index 0000000..3d89297
--- /dev/null
+++ b/content/scripts/onepager.js
@@ -0,0 +1,155 @@
+(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/content/scripts/onepager.min.js
----------------------------------------------------------------------
diff --git a/content/scripts/onepager.min.js b/content/scripts/onepager.min.js
new file mode 100644
index 0000000..1fc19c2
--- /dev/null
+++ b/content/scripts/onepager.min.js
@@ -0,0 +1,2 @@
+
+(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/content/styles/onepager.css
----------------------------------------------------------------------
diff --git a/content/styles/onepager.css b/content/styles/onepager.css
new file mode 100644
index 0000000..4186a5d
--- /dev/null
+++ b/content/styles/onepager.css
@@ -0,0 +1,2 @@
+@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/content/styles/onepager.css.map
----------------------------------------------------------------------
diff --git a/content/styles/onepager.css.map b/content/styles/onepager.css.map
new file mode 100644
index 0000000..34b153c
--- /dev/null
+++ b/content/styles/onepager.css.map
@@ -0,0 +1,7 @@
+{
+"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/content/styles/onepager.scss
----------------------------------------------------------------------
diff --git a/content/styles/onepager.scss b/content/styles/onepager.scss
new file mode 100644
index 0000000..e569831
--- /dev/null
+++ b/content/styles/onepager.scss
@@ -0,0 +1,988 @@
+/* 
+    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

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/.htaccess
----------------------------------------------------------------------
diff --git a/root/.htaccess b/root/.htaccess
deleted file mode 100644
index 1aa684c..0000000
--- a/root/.htaccess
+++ /dev/null
@@ -1,71 +0,0 @@
-#Header set cache-control: no-transform,public,max-age=300,s-maxage=900
-
-# compress text, html, javascript, css, xml:
-<IfModule mod_deflate.c>
-    AddOutputFilterByType DEFLATE text/plain
-    AddOutputFilterByType DEFLATE text/html
-    AddOutputFilterByType DEFLATE text/css
-    AddOutputFilterByType DEFLATE text/xml
-    AddOutputFilterByType DEFLATE font/ttf
-    AddOutputFilterByType DEFLATE text/javascript
-    AddOutputFilterByType DEFLATE application/x-javascript
-    AddOutputFilterByType DEFLATE application/xhtml+xml
-    AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml
-</IfModule>
-
-# Add correct content-type for fonts
-AddType font/ttf .ttf
-AddType font/woff .woff
-AddType font/woff2 .woff
-AddType font/eot .eot
-AddType application/x-font-ttf .ttf
-AddType application/x-font-opentype .otf
-AddType application/x-font-woff .woff
-# AddType font/svg .svg Do NOT activate this, after this all svg+xml images will not appear.
-
-AddType image/svg+xml svg svgz
-AddEncoding gzip svgz
-
-# Or, compress certain file types by extension:
-<files *.html>
-   SetOutputFilter DEFLATE
-</files>
-
-<files *.otf>
-   SetOutputFilter DEFLATE
-</files>
-
-<FilesMatch "\.(ttf|otf|eot|svg|woff|woff2)$" >
-    SetOutputFilter DEFLATE
-</FilesMatch>
-
-# Set expire information for some types.
-<IfModule mod_expires.c>
-   ExpiresActive On
-   ExpiresDefault "access plus 1 month"
-   ExpiresByType image/gif "access plus 1 month"
-   ExpiresByType image/jpg "access plus 1 month"
-   ExpiresByType image/jpeg "access plus 1 month"
-   ExpiresByType image/png "access plus 1 month"
-   ExpiresByType image/svg+xml "access plus 1 month"
-   ExpiresByType image/svg "access plus 1 month"
-   ExpiresByType text/css "access plus 1 month"
-   ExpiresByType text/html "access plus 1 month"
-   ExpiresByType text/javascript "access plus 1 month"
-   ExpiresByType application/x-javascript "access plus 1 month"
-   ExpiresByType application/javascript "access plus 1 month"
-   ExpiresByType font/ttf      "access plus 1 month"
-   ExpiresByType font/eot      "access plus 1 month"
-   ExpiresByType font/woff     "access plus 1 month"
-   ExpiresByType font/woff2     "access plus 1 month"
-   ExpiresByType font/svg     "access plus 1 month"
-</IfModule>
-
-<ifModule mod_rewrite.c>
-  Options +FollowSymLinks
-  IndexIgnore */*
-  RewriteEngine On
-  RewriteCond %{REQUEST_FILENAME} !-f
-  RewriteCond %{REQUEST_FILENAME} !-d
-  RewriteRule (.*) /
-</ifModule>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/android.png
----------------------------------------------------------------------
diff --git a/root/bilder/android.png b/root/bilder/android.png
deleted file mode 100644
index 775b422..0000000
Binary files a/root/bilder/android.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/angularjs.png
----------------------------------------------------------------------
diff --git a/root/bilder/angularjs.png b/root/bilder/angularjs.png
deleted file mode 100644
index b1d398b..0000000
Binary files a/root/bilder/angularjs.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/ant.gif
----------------------------------------------------------------------
diff --git a/root/bilder/ant.gif b/root/bilder/ant.gif
deleted file mode 100644
index 59c0c4b..0000000
Binary files a/root/bilder/ant.gif and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/arduino.png
----------------------------------------------------------------------
diff --git a/root/bilder/arduino.png b/root/bilder/arduino.png
deleted file mode 100644
index bb96883..0000000
Binary files a/root/bilder/arduino.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/bower.png
----------------------------------------------------------------------
diff --git a/root/bilder/bower.png b/root/bilder/bower.png
deleted file mode 100644
index 600f60f..0000000
Binary files a/root/bilder/bower.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/bugzilla.png
----------------------------------------------------------------------
diff --git a/root/bilder/bugzilla.png b/root/bilder/bugzilla.png
deleted file mode 100644
index f3790e9..0000000
Binary files a/root/bilder/bugzilla.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/cakephp.png
----------------------------------------------------------------------
diff --git a/root/bilder/cakephp.png b/root/bilder/cakephp.png
deleted file mode 100644
index abc4554..0000000
Binary files a/root/bilder/cakephp.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/cassandra.png
----------------------------------------------------------------------
diff --git a/root/bilder/cassandra.png b/root/bilder/cassandra.png
deleted file mode 100644
index 2bd18ef..0000000
Binary files a/root/bilder/cassandra.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/coffeescript.png
----------------------------------------------------------------------
diff --git a/root/bilder/coffeescript.png b/root/bilder/coffeescript.png
deleted file mode 100644
index d78e551..0000000
Binary files a/root/bilder/coffeescript.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/controlsjs.png
----------------------------------------------------------------------
diff --git a/root/bilder/controlsjs.png b/root/bilder/controlsjs.png
deleted file mode 100644
index 8728d67..0000000
Binary files a/root/bilder/controlsjs.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/cordova.png
----------------------------------------------------------------------
diff --git a/root/bilder/cordova.png b/root/bilder/cordova.png
deleted file mode 100644
index 81f3363..0000000
Binary files a/root/bilder/cordova.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/couchapp.png
----------------------------------------------------------------------
diff --git a/root/bilder/couchapp.png b/root/bilder/couchapp.png
deleted file mode 100644
index a0be4f3..0000000
Binary files a/root/bilder/couchapp.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/couchbase.png
----------------------------------------------------------------------
diff --git a/root/bilder/couchbase.png b/root/bilder/couchbase.png
deleted file mode 100644
index 4bdc387..0000000
Binary files a/root/bilder/couchbase.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/db.png
----------------------------------------------------------------------
diff --git a/root/bilder/db.png b/root/bilder/db.png
deleted file mode 100644
index b8fdccc..0000000
Binary files a/root/bilder/db.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/docker.png
----------------------------------------------------------------------
diff --git a/root/bilder/docker.png b/root/bilder/docker.png
deleted file mode 100644
index 48d3d08..0000000
Binary files a/root/bilder/docker.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/doctrine.png
----------------------------------------------------------------------
diff --git a/root/bilder/doctrine.png b/root/bilder/doctrine.png
deleted file mode 100644
index 084b357..0000000
Binary files a/root/bilder/doctrine.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/es6.png
----------------------------------------------------------------------
diff --git a/root/bilder/es6.png b/root/bilder/es6.png
deleted file mode 100644
index b47e161..0000000
Binary files a/root/bilder/es6.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/eslint.png
----------------------------------------------------------------------
diff --git a/root/bilder/eslint.png b/root/bilder/eslint.png
deleted file mode 100644
index 162f09a..0000000
Binary files a/root/bilder/eslint.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/git.png
----------------------------------------------------------------------
diff --git a/root/bilder/git.png b/root/bilder/git.png
deleted file mode 100644
index eab8c2d..0000000
Binary files a/root/bilder/git.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/github.png
----------------------------------------------------------------------
diff --git a/root/bilder/github.png b/root/bilder/github.png
deleted file mode 100644
index db81316..0000000
Binary files a/root/bilder/github.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/incubator-netbeans-website/blob/61527ca7/root/bilder/gradle.png
----------------------------------------------------------------------
diff --git a/root/bilder/gradle.png b/root/bilder/gradle.png
deleted file mode 100644
index 3f3af04..0000000
Binary files a/root/bilder/gradle.png and /dev/null differ