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": "AAKA,WAAY,CACR,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,MAAM,CAEd,aAAE,CACE,OAAO,CAAE,CAAC,CAGd,cAAG,CACC,UAAU,CAAE,IAAI,CAGpB,iBAAM,CACF,UAAU,CAAE,IAAI,CAGpB,gBAAK,CACD,MAAM,CAAE,MAAM,CACd,UAAU,CAAE,MAAM,CAElB,yBAAS,CACL,UAAU,CAAE,UAAU,CACtB,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,GAAG,CACnB,MAAM,CAAE,CAAC,CACT,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CAIF,kDAAQ,CACJ,WAAW,CAAE,SAAS,CACtB,OAAO,CAAE,OAAO,CAChB,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,IAAI,CACjB,SAAS,CAAE,IAAI,CAM/B,6DAA6B,CACzB,MAAM,CAAE,CAAC,CACT,aAAa,CAAE,cAAc,CAC7B,aAAa,CAAE,GAAG,CAClB,OAAO,CAAE,UAAU,CACnB,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,UAAU,CACtB,SAAS,CAAE,IAAI,CAGnB,mDAAmC,CAC/B,KAAK,CAAE,IAAI,CAEX,qDAAE,CACE,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,MAAM,CACd,OAAO,CAAE,IAAI,CAIrB,2CAA2B,CACvB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,IAAI,CAEhB,uDAAc,CACV,aAAa,CAAE,IAAI,CAGvB,sDAAa,CACT,YAAY,CAAE,IAAI,CAI1B,sBAAM,CACF,KAAK,CAAE,KAAK,CACZ,aAAa,CAAE,CAAC,CAGpB,wBAAQ,CACJ,MAAM,CAAE,cAAc,CACtB,aAAa,CAAE,GAAG,CAElB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE ,IAAI,CAUxB,iBAAkB,CACd,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,GAAG,CAElB,uBAAM,CACF,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,IAAI,CAAE,GAAG,CACT,KAAK,CAAE,eAAe,CACtB,OAAO,CAAE,KAAK,CACd,WAAW,CAAE,GAAG,CAEhB,UAAU,CAAE,iGAAiG,CAI7G,gEAAM,CACF,GAAG,CAAE,KAAK,CACV,IAAI,CAAE,CAAC,CACP,SAAS,CAAE,sBAAoB,CAKnC,gEAAM,CACF,gBAAgB,CAAE,IAAI,CAI9B,kCAAiB,CACb,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,IAAI,CACX,GAAG,CAAE,IAAI,CAGb,iDAAkC,CAC9B,WAAW,CAAE,SAAS,CACtB,OAAO,CAAE,OAAO,CAChB,KAAK,CAAE,KAAK,CACZ,SAAS,CAAE,GAAG,CAId,sMAAoE,CA/CxE,aAAa,CAAE,2BAA2B,CAmDtC,iDAAuB,CACnB,WAAW,CAAE,sBAAsB,CACnC,OAAO,CAAE,GAAG,CACZ,KAAK,CAAE,MAAM,CAIrB,gCAAe,CACX,OAAO,CAAE,CAAC,CACV,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,IAAI,CACb,aAAa,CAAE,GAAG,CAClB,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,KAAK,CAAE,CAAC,CACR,SAAS,CAAE,GAAG,CACd,WAAW,CAAE,MAAM,CACnB,cAAc,CAAE,IAAI,CAGxB,iDAAkC,CAC9B,OAAO,CAAE,CAAC,CACV,KAAK,CAAE,KAAK,CACZ,UAAU,CAAE,MAAM,CAElB,kBAAkB,CAAE,OAAO,CAC3B,eAAe,CAAE,OAAO,CACxB,UAAU,CAAE,OAAO,CAEnB,uDAAQ,CAC J,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,KAAK,CACb,KAAK,CAAE,GAAG,CACV,UAAU,CAAE,2BAA2B,CACvC,WAAW,CAAE,sBAAsB,CACnC,YAAY,CAAE,sBAAsB,CAM5C,mCAAc,CACV,aAAa,CAAE,IAAI,CAEvB,kCAAa,CACT,YAAY,CAAE,IAAI,CAGlB,2HAAyD,CACrD,KAAK,CAAE,KAAK,CAKxB,cAAe,CACX,OAAO,CAAE,IAAI,CAEb,uCAAW,CACP,OAAO,CAAE,IAAI,CAIrB,QAAS,CAOL,SAAS,CAAE,UAAS,CACpB,KAAK,CAAE,IAAI,CANP,gBAAM,CACF,KAAK,CAAE,eAAe,CAO9B,yBAA0B,CAV9B,QAAS,CAWD,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,IAAI", +"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
