You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@allura.apache.org by he...@apache.org on 2015/04/06 23:37:00 UTC

svn commit: r1671701 [1/2] - in /allura/site/trunk: ./ css/ img/ js/

Author: heiths
Date: Mon Apr  6 21:37:00 2015
New Revision: 1671701

URL: http://svn.apache.org/r1671701
Log:
Allura landing page redesign

Added:
    allura/site/trunk/css/flex.min.css
    allura/site/trunk/css/style.css
    allura/site/trunk/favicon.ico   (with props)
    allura/site/trunk/img/bg-developers-fire.jpg   (with props)
    allura/site/trunk/img/bg-download-fire.jpg   (with props)
    allura/site/trunk/img/bg-header-forge.jpg   (with props)
    allura/site/trunk/img/ic-instance-github.png   (with props)
    allura/site/trunk/img/ic-instance-ticket.png   (with props)
    allura/site/trunk/img/ic-instance-wiki.png   (with props)
    allura/site/trunk/img/ic-resources-docs.png   (with props)
    allura/site/trunk/img/ic-resources-installation.png   (with props)
    allura/site/trunk/img/ic-resources-quickstart.png   (with props)
    allura/site/trunk/img/logo-asf-apache.png   (with props)
    allura/site/trunk/img/logo_black.png   (with props)
    allura/site/trunk/img/logo_white.png   (with props)
    allura/site/trunk/js/frontend.js
    allura/site/trunk/js/jquery-1.11.2.min.js
Modified:
    allura/site/trunk/index.html

Added: allura/site/trunk/css/flex.min.css
URL: http://svn.apache.org/viewvc/allura/site/trunk/css/flex.min.css?rev=1671701&view=auto
==============================================================================
--- allura/site/trunk/css/flex.min.css (added)
+++ allura/site/trunk/css/flex.min.css Mon Apr  6 21:37:00 2015
@@ -0,0 +1 @@
+.no-float,.row{width:100%;zoom:1}.no-float::before,.no-float::after,.row::before,.row::after{content:" ";display:table}.no-float::after,.row::after{clear:both}.col-1,.col-2,.col-3,.col-4,.col-4p8,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23{float:left;position:relative;min-height:1px}.col-1{width:25%}@media only screen and (min-width: 480px){.col-1{width:16.6667%;}}@media only screen and (min-width: 600px){.col-1{width:12.5%;}}@media only screen and (min-width: 992px){.col-1{width:4.1667%;}}.col-2{width:100%}@media only screen and (min-width: 480px){.col-2{width:50%;}}@media only screen and (min-width: 768px){.col-2{width:8.3334%;}}.col-3{width:25%}@media only screen and (min-width: 600px){.col-3{width:12.5%;}}.col-4{width:50%}@media only screen and (min-width: 480px){.col-4{width:25%;}}@media only screen and (min-width: 600px){.col-4{width:16.6667%;}}.col-4p8{width:50%}@media only 
 screen and (min-width: 600px){.col-4p8{width:20%;}}@media only screen and (min-width: 768px){.col-4p8{width:20%;}}.col-5{width:33.3334%}@media only screen and (min-width: 768px){.col-5{width:20.8334%;}}.col-6{width:100%}@media only screen and (min-width: 480px){.col-6{width:50%;}}@media only screen and (min-width: 768px){.col-6{width:25%;}}.col-7{width:33.3334%}@media only screen and (min-width: 600px){.col-7{width:29.1667%;}}.col-8{width:100%}@media only screen and (min-width: 768px){.col-8{width:33.3334%;}}.col-9{width:50%}@media only screen and (min-width: 600px){.col-9{width:37.5%;}}.col-10{width:50%}@media only screen and (min-width: 600px){.col-10{width:41.6667%;}}.col-11{width:50%}@media only screen and (min-width: 600px){.col-11{width:45.8334%;}}.col-12{width:100%}@media only screen and (min-width: 768px){.col-12{width:50%;}}.col-13{width:50%}@media only screen and (min-width: 600px){.col-13{width:54.1667%;}}.col-14{width:50%}@media only screen and (min-width: 600px){.col-14
 {width:58.3334%;}}.col-15{width:50%}@media only screen and (min-width: 600px){.col-15{width:62.5%;}}.col-16{width:100%}@media only screen and (min-width: 768px){.col-16{width:66.6667%;}}.col-17{width:66.6667%}@media only screen and (min-width: 600px){.col-17{width:70.8334%;}}.col-18{width:100%}@media only screen and (min-width: 480px){.col-18{width:50%;}}@media only screen and (min-width: 768px){.col-18{width:75%;}}.col-19{width:66.6667%}@media only screen and (min-width: 768px){.col-19{width:79.1667%;}}.col-20{width:100%}@media only screen and (min-width: 480px){.col-20{width:75%;}}@media only screen and (min-width: 600px){.col-20{width:83.3334%;}}.col-21{width:75%}@media only screen and (min-width: 600px){.col-21{width:87.5%;}}.col-22{width:100%}@media only screen and (min-width: 480px){.col-22{width:50%;}}@media only screen and (min-width: 768px){.col-22{width:91.6667%;}}.col-23{width:75%}@media only screen and (min-width: 480px){.col-23{width:83.3334%;}}@media only screen and (m
 in-width: 600px){.col-23{width:87.5%;}}@media only screen and (min-width: 992px){.col-23{width:95.8334%;}}.col-24{min-height:1px;position:relative;width:100%}.no-float{float:none}.auto-margin{display:block;margin:0 auto}.pull-right{float:right !important}

Added: allura/site/trunk/css/style.css
URL: http://svn.apache.org/viewvc/allura/site/trunk/css/style.css?rev=1671701&view=auto
==============================================================================
--- allura/site/trunk/css/style.css (added)
+++ allura/site/trunk/css/style.css Mon Apr  6 21:37:00 2015
@@ -0,0 +1,602 @@
+html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+    border: 0;
+    margin: 0;
+    outline: 0;
+    padding: 0;
+    vertical-align: baseline
+}
+
+header, section, footer, aside, nav, article, figure, figcaption {
+    display: block
+}
+
+html, body {
+    font-family: 'Helvetica Neue', serif;
+    font-size: 100%;
+    min-height: 100%;
+    width: 100%
+}
+
+hr {
+    border: 0;
+    height: 1px
+}
+
+.bg-black {
+    background-color: #404040
+}
+
+.bg-orange {
+    background-color: #ff9d00
+}
+a {
+    color: #ff9d00
+}
+
+.bg-white {
+    background-color: #FCFCFC
+}
+
+.bg-shadow {
+    background-color: rgba(32, 32, 32, 0.6)
+}
+
+body, h1, h2, h3, h4, h5, h6, p, a {
+    font-family: 'Helvetica Neue', serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+    clear: both;
+    font-weight: 600;
+    line-height: 0.2em;
+    margin: 0;
+    text-transform: uppercase
+}
+
+h1, h2, h3, h4, h5, h6, p {
+    color: #FCFCFC;
+    line-height: 1.4em
+}
+
+h1, h2 {
+    font-family: 'Helvetica Neue', serif
+}
+
+h1 a, h2 a {
+    border-bottom: 0px
+}
+
+h3, h4, h5, h6, p {
+    font-family: 'Helvetica Neue', serif
+}
+
+li, span {
+    font-family: inherit
+}
+
+h1 {
+    font-size: 4em
+}
+
+h2 {
+    font-size: 2.6em
+}
+
+h3 {
+    font-size: 2.1em
+}
+
+h4 {
+    font-size: 1.8em
+}
+
+h5 {
+    font-size: 1.6em
+}
+
+h6 {
+    font-size: 1.4em
+}
+
+p {
+    font-size: 1em;
+    letter-spacing: 0.025em;
+    margin: 0.5em 0px
+}
+
+ul {
+    list-style-type: circle
+}
+
+ul li {
+    margin-left: 2em
+}
+
+a {
+    border-bottom: 1px solid #ff9d00;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    color: inherit;
+    cursor: pointer;
+    text-decoration: none
+}
+
+a:hover, a:focus {
+    color: #ff9d00;
+}
+
+a:visited:hover {
+    color: #ff9d00;
+}
+
+b, strong {
+    font-weight: bold
+}
+
+dfn, cite, em, i {
+    font-style: italic;
+}
+
+blockquote {
+    border-left: 4px solid #ff9d00;
+    box-sizing: border-box;
+    margin: 0 1.5em;
+    padding-left: 20px;
+}
+
+code, kbd, tt, var {
+    font-family: 'Helvetica Neue', serif;
+    font-size: 1.4em;
+}
+
+.text-black {
+    color: #404040;
+}
+
+.text-orange {
+    color: #ff9d00;
+}
+
+.text-white {
+    color: #FCFCFC;
+}
+
+.text-center {
+    text-align: center;
+}
+
+ul li {
+    list-style: none;
+    margin-left: 1em;
+    padding: 10px 0;
+}
+
+ul li ul {
+    margin-left: 1.5em;
+}
+
+ul li ul li {
+    margin-left: 2em;
+}
+
+#navbar {
+    background: #252525;
+    box-shadow: 0 1px 1px 1px rgba(37, 37, 37, 0.8);
+    -moz-box-shadow: 0 1px 1px 1px rgba(37, 37, 37, 0.8);
+    -webkit-box-shadow: 0 1px 1px 1px rgba(37, 37, 37, 0.8);
+    display: block;
+    height: 50px;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    z-index: 5;
+    transition: all 0.25s ease-in-out;
+    -moz-transition: all 0.25s ease-in-out;
+    -o-transition: all 0.25s ease-in-out;
+    -webkit-transition: all 0.25s ease-in-out;
+}
+
+#navbar li {
+    border-bottom: 1px solid transparent;
+    display: inline-block;
+    float: left;
+    list-style: none;
+    margin-left: 7px;
+    text-align: center;
+    transition: all 0.1s ease-in;
+    -moz-transition: all 0.1s ease-in;
+    -o-transition: all 0.1s ease-in;
+    -webkit-transition: all 0.1s ease-in;
+}
+
+#navbar li a {
+    color: #FCFCFC;
+}
+
+#navbar li:hover {
+    border-bottom: 1px dotted #ff9d00;
+    transform: scale(1.1, 1.1);
+    -moz-transform: scale(1.1, 1.1);
+    -ms-transform: scale(1.1, 1.1);
+    -o-transform: scale(1.1, 1.1);
+    -webkit-transform: scale(1.1, 1.1);
+}
+
+#navbar li:hover a {
+    color: #ff9d00;
+}
+
+#navbar #navicon {
+    cursor: pointer;
+    height: 30px;
+    margin: 0 auto;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    width: 30px;
+    z-index: 20;
+    transition: width 0.25s ease-out;
+    -moz-transition: width 0.25s ease-out;
+    -o-transition: width 0.25s ease-out;
+    -webkit-transition: width 0.25s ease-out;
+}
+
+#navbar #menu_title {
+    cursor: pointer;
+    margin-top: 10px;
+    z-index: 15;
+}
+
+#navbar #menu_title img {
+    display: inline-block;
+    padding: 0px 10px 0px 25px;
+    vertical-align: middle;
+}
+
+#navbar #menu_title h6 {
+    display: inline-block;
+    font-family: 'Cuprum', sans-serif;
+    vertical-align: middle
+}
+
+#navbar #logo_container {
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%
+}
+
+#navbar #logo_container #logo {
+    display: block;
+    height: 50px;
+    margin: 3px auto 0px auto;
+    width: 50px
+}
+
+#navbar #emergency_phone_no {
+    position: absolute;
+    right: 25px;
+    top: 8px;
+    text-align: right
+}
+
+#nav_menu {
+    background: #434343;
+    display: none;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 300px;
+    z-index: 10
+}
+
+#nav_menu ul li.active {
+    height: 300px
+}
+
+#nav_menu ul li {
+    border-bottom: 1px solid #FCFCFC;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    height: auto;
+    list-style: none;
+    margin: 0;
+    padding: 10px 0px
+}
+
+#nav_menu ul li a {
+    border: 0;
+    margin-left: 2em
+}
+
+footer .copy {
+    margin: 0
+}
+
+hr {
+    height: 2px;
+    margin: 40px auto;
+    width: 75%
+}
+
+button {
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    background: transparent;
+    border: 2px solid #FCFCFC;
+    border-radius: 4px;
+    color: #FCFCFC;
+    cursor: pointer;
+    font-size: 100%;
+    outline: 0;
+    padding: 20px 40px;
+    transition: all 0.15s ease-in-out;
+    -moz-transition: all 0.15s ease-in-out;
+    -o-transition: all 0.15s ease-in-out;
+    -webkit-transition: all 0.15s ease-in-out
+}
+
+button:hover, button:focus, button:active {
+    background: #FCFCFC;
+    color: #ff9d00
+}
+
+.btn-orange {
+    border-color: #ff9d00;
+    color: #ff9d00
+}
+
+.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
+    background: #ff9d00;
+    color: #FCFCFC
+}
+
+.clearfix {
+    *zoom: 1
+}
+
+.clearfix::before, .clearfix::after {
+    content: " ";
+    display: table
+}
+
+.clearfix::after {
+    clear: both
+}
+
+.no-float {
+    float: none
+}
+
+.pull-right {
+    float: right
+}
+
+.pad-xs {
+    padding: 10px
+}
+
+.pad-sm {
+    padding: 20px
+}
+
+.pad-md {
+    padding: 40px
+}
+
+.pad-lg {
+    padding: 80px
+}
+
+.pad-xl {
+    padding: 120px
+}
+
+.pad-vert-xs {
+    padding: 10px 0px
+}
+
+.pad-vert-sm {
+    padding: 20px 0px
+}
+
+.pad-vert-md {
+    padding: 40px 0px
+}
+
+.pad-vert-lg {
+    padding: 80px 0px
+}
+
+.pad-vert-xl {
+    padding: 120px 0px
+}
+
+.pad-vert-xxl {
+    padding: 160px 0px
+}
+
+.pad-horiz-xs {
+    padding: 0px 10px
+}
+
+.pad-horiz-xs {
+    padding: 0px 10px
+}
+
+.pad-horiz-sm {
+    padding: 0px 20px
+}
+
+.pad-horiz-md {
+    padding: 0px 40px
+}
+
+.pad-horiz-lg {
+    padding: 0px 80px
+}
+
+.pad-horiz-xl {
+    padding: 0px 120px
+}
+
+.pad-top-xs {
+    padding-top: 10px
+}
+
+.pad-top-sm {
+    padding-top: 20px
+}
+
+.pad-top-md {
+    padding-top: 40px
+}
+
+.pad-top-lg {
+    padding-top: 80px
+}
+
+.pad-top-xl {
+    padding-top: 120px
+}
+
+.pad-right-xs {
+    padding-right: 10px
+}
+
+.pad-right-sm {
+    padding-right: 20px
+}
+
+.pad-right-md {
+    padding-right: 40px
+}
+
+.pad-right-lg {
+    padding-right: 80px
+}
+
+.pad-right-xl {
+    padding-right: 120px
+}
+
+.pad-bot-xs {
+    padding-bottom: 10px
+}
+
+.pad-bot-sm {
+    padding-bottom: 20px
+}
+
+.pad-bot-md {
+    padding-bottom: 40px
+}
+
+.pad-bot-lg {
+    padding-bottom: 80px
+}
+
+.pad-bot-xl {
+    padding-bottom: 120px
+}
+
+.pad-left-xs {
+    padding-left: 10px
+}
+
+.pad-left-sm {
+    padding-left: 20px
+}
+
+.pad-left-md {
+    padding-left: 40px
+}
+
+.pad-left-lg {
+    padding-left: 80px
+}
+
+.pad-left-xl {
+    padding-left: 120px
+}
+
+#header {
+    background-attachment: fixed;
+    background-image: url('../img/bg-header-forge.jpg');
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 320px
+}
+
+#about p {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 800px
+}
+
+#download {
+    background-image: url('../img/bg-download-fire.jpg');
+    border-bottom: 15px inset rgba(32, 32, 32, 0.4);
+    border-top: 15px inset rgba(32, 32, 32, 0.4);
+    box-sizing: border-box;
+    transition: all 0.05s ease-in-out;
+    -moz-transition: all 0.05s ease-in-out;
+    -o-transition: all 0.05s ease-in-out;
+    -webkit-transition: all 0.05s ease-in-out
+}
+
+#download ul {
+    width: 225px
+}
+
+#development {
+    background: url('../img/bg-developers-fire.jpg');
+    background-position: center center;
+    background-size: cover
+}
+
+#development p {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 800px !important
+}
+
+#development ul {
+    width: 300px
+}
+
+#apache .button-container {
+    max-width: 700px
+}
+
+.icon {
+    display: block;
+    margin: 15px auto 0px auto
+}
+
+.tm{
+  font-size: small;
+  vertical-align: 40%;
+}
+
+a {
+          color: white;
+
+}
+
+p > a{
+      color: #ff9d00;
+}
+
+.logo-proto {
+    margin: 30px;
+    list-style: none;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}

Added: allura/site/trunk/favicon.ico
URL: http://svn.apache.org/viewvc/allura/site/trunk/favicon.ico?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/favicon.ico
------------------------------------------------------------------------------
    svn:executable = *

Propchange: allura/site/trunk/favicon.ico
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/bg-developers-fire.jpg
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/bg-developers-fire.jpg?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/bg-developers-fire.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/bg-download-fire.jpg
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/bg-download-fire.jpg?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/bg-download-fire.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/bg-header-forge.jpg
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/bg-header-forge.jpg?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/bg-header-forge.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-instance-github.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-instance-github.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-instance-github.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-instance-ticket.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-instance-ticket.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-instance-ticket.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-instance-wiki.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-instance-wiki.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-instance-wiki.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-resources-docs.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-resources-docs.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-resources-docs.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-resources-installation.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-resources-installation.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-resources-installation.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/ic-resources-quickstart.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/ic-resources-quickstart.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/ic-resources-quickstart.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/logo-asf-apache.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/logo-asf-apache.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/logo-asf-apache.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/logo_black.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/logo_black.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/logo_black.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: allura/site/trunk/img/logo_white.png
URL: http://svn.apache.org/viewvc/allura/site/trunk/img/logo_white.png?rev=1671701&view=auto
==============================================================================
Binary file - no diff available.

Propchange: allura/site/trunk/img/logo_white.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: allura/site/trunk/index.html
URL: http://svn.apache.org/viewvc/allura/site/trunk/index.html?rev=1671701&r1=1671700&r2=1671701&view=diff
==============================================================================
--- allura/site/trunk/index.html (original)
+++ allura/site/trunk/index.html Mon Apr  6 21:37:00 2015
@@ -1,112 +1,217 @@
 <!DOCTYPE html>
-<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-    <head>
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <title>Apache Allura</title>
         <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <title>Apache Allura&#153;</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <link rel="stylesheet" href="css/normalize.min.css">
-        <link rel="stylesheet" href="css/main.css">
-
-        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+        <meta name="description" content="Allura is an open source implementation of a software forge, a site that manages source code repositories, bug reports, discussions, and more for projects.">
+        <meta name="keywords" content="">
+        <meta name="author" content="">
+        <link rel="canonical" href="https://allura.apache.org/">
+
+        
+<!--    Facebook Meta Info-->
+        <meta property="og:url" content="https://allura.apache.org/">
+        <meta property="og:image" content="img/logo-asf-apache.png">
+        <meta property="og:description" content="Allura is an open source implementation of a software forge, a site that manages source code repositories, bug reports, discussions, and more for projects.">
+        <meta property="og:title" content="Apache Allura">
+        <meta property="og:site_name" content="Apache Allura">
+        <meta property="og:see_also" content="allura.apache.org/">
+        
+<!--    Twitter Meta Info-->
+        <meta name="twitter:card" content="Allura is an open source implementation of a software forge, which manages source code repositories, bug reports, discussions, and more for projects.">
+        <meta name="twitter:url" content="https://allura.apache.org/">
+        <meta name="twitter:title" content="Apache Allura">
+        <meta name="twitter:description" content="Allura is an open source implementation of a software forge, a site that manages source code repositories, bug reports, discussions, and more for projects.">
+        <meta name="twitter:image" content="img/logo-asf-apache.png">
+        
+<!--    Google+ Meta Info-->
+        <meta itemprop="name" content="Apache Allura">
+        <meta itemprop="description" content="Allura is an open source implementation of a software forge, a site that manages source code repositories, bug reports, discussions, and more for projects.">
+        <meta itemprop="image" content="img/logo-asf-apache.png">
+        
+        <link rel="stylesheet" type="text/css" href="css/flex.min.css">
+        <link rel="stylesheet" type="text/css" href="css/style.css">
     </head>
-    <body>
-
-        <div class="header-container">
-            <header class="wrapper clearfix">
-                <h1 class="title">Apache Allura&#153;</h1>
-                <a href="http://www.apache.org/"><img class="logo" src="img/asf_logo.gif"></a>
-                <h3>Forge software for hosting software projects</h3>
-                <!--
-                <nav>
-                    <ul>
-                        <li><a href="#">nav ul li a</a></li>
-                        <li><a href="#">nav ul li a</a></li>
-                        <li><a href="#">nav ul li a</a></li>
-                    </ul>
-                </nav>
-                -->
-            </header>
-        </div>
-
-        <div class="main-container">
-            <div class="main wrapper clearfix">
-                <article>
-
-                    <p>Apache Allura is an open source implementation of a software <em>forge</em>, a web site that manages source code repositories, bug reports, discussions, wiki pages, blogs, and more for any number of individual projects. Read about all of <a href="https://forge-allura.apache.org/p/allura/wiki/Features/">Allura's features</a> or <a href="https://forge-allura.apache.org/p/allura/wiki/Feature%20Comparison/">compare features to other OSS forge software</a>.</p>
-                    <p>The Allura project is self-hosted on an instance of Allura:</p>
-                    <ul>
-                        <li><a href="https://forge-allura.apache.org/p/allura/git/">Git</a></li>
-                        <li><a href="https://forge-allura.apache.org/p/allura/wiki/">Wiki</a></li>
-                        <li><a href="https://forge-allura.apache.org/p/allura/tickets/">Tickets</a></li>
-                    </ul>
-
-                    <h2>Get Allura</h2>
-
-                    <ul>
-                        <li><a href="http://www.apache.org/dyn/closer.cgi/allura/allura-1.2.1.tar.gz">Download v1.2.1</a> released Feb 2015
-                            <ul>
-                                <li><a href="https://forge-allura.apache.org/p/allura/git/ci/asf_release_1.2.1/tree/CHANGES">Changelog</a></li>
-                                <li><a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.md5">md5</a>, <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.sha1">sha1</a>, <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.sha512">sha512</a> sums</li>
-                                <li>PGP <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.asc">signature</a>
-                    &amp; <a href="http://apache.org/dist/allura/KEYS">keys</a>
-                                </li>
-                            </ul>
-                        </li>
-                        <li><a href="https://forge-allura.apache.org/p/allura/git/ci/master/tree/INSTALL.markdown">Step-by-step installation instructions</a></li>
-                        <li><a href="https://forge-allura.apache.org/p/allura/wiki/Install%20and%20Run%20Allura%20-%20Vagrant/">Quickstart with Vagrant VM</a></li>
-                        <li><a href="https://forge-allura.apache.org/docs/#running-allura">Documentation</a></li>
-                        <li>Need help? <a href="http://mail-archives.apache.org/mod_mbox/allura-users/">Use the users@allura mailing list</a></li>
-                    </ul>
-
-                    <h2>Development</h2>
-
-                    <p>We welcome all developers and contributions. If you need any help making a fix or ideas for a new feature, send us an email on the mailing list, or ask in IRC (if we're around)</p>
-                    <ul>
-                        <li><a href="http://mail-archives.apache.org/mod_mbox/allura-dev/">dev@allura mailing list</a></li>
-                        <li><a href="irc://chat.freenode.net/allura">#allura on Freenode IRC</a> (<a href="https://sourceforge.net/p/allura/chat/">archives</a>)</li>
-                        <li><a href="https://forge-allura.apache.org/docs/#extending-allura">Developer Docs</a>
-                            <ul>
-                                <li><a href="https://forge-allura.apache.org/docs/contributing.html">Contributing Guide</a></li>
-                            </ul>
-                        </li>
-                        <li><a href="https://builds.apache.org/job/Allura/">Jenkins CI build</a></li>
-                    </ul>
-
-                </article>
-                <aside>
-                    <h3>Apache Software Foundation</h3>
-                    <ul>
-                        <li><a href="http://www.apache.org/licenses/">License</a></li>
-                        <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-                        <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-                        <li><a href="http://www.apache.org/security/">Security</a></li>
-                        <li><a href="http://www.apache.org/">www.apache.org</a></li>
-                    </ul>
-                </aside>
-
-            </div> <!-- #main -->
-        </div> <!-- #main-container -->
-
-        <div class="footer-container">
-            <footer class="wrapper">
-                Copyright &copy; 2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
-                <br>Apache, Allura, Apache Allura, and the Apache feather logo are trademarks of The Apache Software Foundation.
-            </footer>
-        </div>
-
-        <!--
-        don't need JS yet :)
-
-        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
-
-        <script src="js/main.js"></script>
-        -->
-    </body>
-</html>
+    
+    <body cz-shortcut-listen="true">
+        <section id="content_wrapper" class="mobile-desktop row">
+            <div id="header" class="row pad-vert-xxl">
+                <header id="login_header" class="row">
+                    <div class="bg-shadow pad-vert-sm">
+
+                         <span><h1 class="text-center">Apache <img src="img/logo_white.png" width="94"> Allura<span class="tm">™</span></h1></span>
+                         <span></span>
+                        
+                    <h6 class="text-center">Open source project hosting platform</h6>
+                    </div>
+                   
+                </header>
+            </div>
+
+            <div id="about" class="row bg-white pad-vert-xl">
+                <div class="row">
+                    <h3 class="text-black text-center">What is Allura?</h3>
+                </div>
+                
+                <div class="row">
+                    <div class="col-20 no-float auto-margin">
+                        <div class="row">
+                            <p class="pad-md text-black">Apache Allura is an open source implementation of a software forge, a web site that manages source code repositories, bug reports, discussions, wiki pages, blogs, and more for any number of individual projects. Read about all of <a href="https://forge-allura.apache.org/p/allura/wiki/Features/">Allura's features</a> or <a href="https://forge-allura.apache.org/p/allura/wiki/Feature%20Comparison/">compare features to other OSS forge software</a>.<br><br>The Allura project is self-hosted on an instance of Allura:</p>
+                        </div>
+                        
+                        <div class="row">
+                            <div class="col-8 pad-vert-sm">
+                                <img class="icon" src="img/ic-instance-github.png" height="187">
+                                <a href="https://forge-allura.apache.org/p/allura/git/"><button class="btn-orange auto-margin">Git</button></a>
+                            </div>
+                            
+                             <div class="col-8 pad-vert-sm">
+                                 <img class="icon" src="img/ic-instance-wiki.png">
+                                 <a href="https://forge-allura.apache.org/p/allura/wiki/"><button class="btn-orange auto-margin">Wiki</button></a>
+                            </div>
+                            
+                             <div class="col-8 pad-vert-sm">
+                                 <img class="icon" src="img/ic-instance-ticket.png">
+                                 <a href="https://forge-allura.apache.org/p/allura/tickets/"><button class="btn-orange auto-margin">Tickets</button></a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div id="download" class="row pad-vert-xl parallax" style="background-position: 0px 0px;">
+                <div class="col-16 no-float auto-margin">
+                    <div class="row">
+                        <h3 class="text-center">Get the Latest Version of Allura</h3>
+                        <div class="row pad-vert-md">
+                          <a href="http://www.apache.org/dyn/closer.cgi/allura/allura-1.2.1.tar.gz"><button class="auto-margin">Download v1.2.1</button></a>
+                            <div class="col-24 auto-margin pad-vert-xs" style="max-width: 175px">
+                                <span class="text-white">Feb 2015</span><span class="pull-right"><a href="https://forge-allura.apache.org/p/allura/git/ci/asf_release_1.2.1/tree/CHANGES">Changelog</a></span>
+                            </div>
+                        </div>
+                        <ul class="auto-margin bg-shadow pad-sm">
+                            <li class="text-white"><a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.md5" class="text-white" download="">md5</a>, <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.sha1" class="text-white" download="">sha1</a>, <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.sha512" class="text-white" download="">sha512 sums</a></li>
+                            <li class="text-white">PGP <a href="http://apache.org/dist/allura/allura-1.2.1.tar.gz.asc" class="text-white" download="">signature</a> &amp; <a href="http://apache.org/dist/allura/KEYS" class="text-white" download="">keys</a></li>
+                        </ul>
+                    </div>
+                </div>
+                
+                <div class="col-8">
+                    <div class="row">
+                        <div class="col-12 no-float auto-margin">
+                          
+                        </div>
+                        <div class="col-12 no-float auto-margin">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div id="resources" class="row bg-black pad-vert-xl">
+                <div class="row">
+                    <h3 class="text-center">Resources</h3>
+                    <div class="col-8 pad-vert-sm">
+                        <img class="icon" src="img/ic-resources-installation.png" alt="allura installation">
+                        <a href="https://forge-allura.apache.org/p/allura/git/ci/master/tree/INSTALL.markdown"><button class="auto-margin">Installation</button></a>
+                        <p class="pad-top-sm text-center">Step-by-step installation quide</p>
+                    </div>
+
+                    <div class="col-8 pad-vert-sm">
+                        <img class="icon" src="img/ic-resources-quickstart.png" alt="allura quick start">
+                        <a href="https://forge-allura.apache.org/p/allura/wiki/Install%20and%20Run%20Allura%20-%20Vagrant/"><button class="auto-margin">Quick Start</button></a>
+                        <p class="pad-top-sm text-center">Get a quick start with Vagrant VM</p>
+                    </div>
+
+                    <div class="col-8 pad-vert-sm">
+                        <img class="icon" src="img/ic-resources-docs.png" alt="allura documentation">
+                        <a href="https://forge-allura.apache.org/docs/#running-allura"><button class="auto-margin">Documentation</button></a>
+                        <p class="pad-top-sm text-center">Check out the Allura documentation</p>
+                    </div>
+                </div>
+                
+                <div class="row pad-top-xs">
+                    <p class="text-center">Need help? <a href="http://mail-archives.apache.org/mod_mbox/allura-users/">Use the users@allura mailing list</a></p>
+                </div>
+            </div>
+
+            <div id="development" class="row bg-white pad-vert-xl">
+                <div class="col-20 no-float auto-margin">
+                    <div class="row">
+                        <h3 class="text-black text-center">Development</h3>
+                        <p class="pad-md text-black">We welcome all developers and contributions. If you need any help making a fix or ideas for a new feature, send us an email on the mailing list, or ask in IRC (if we're around)</p>
+                    </div>
+
+                    <div class="row">
+                        <ul class="auto-margin bg-shadow pad-sm">
+                            <li><a class="text-white" href="http://mail-archives.apache.org/mod_mbox/allura-dev/">dev@allura Mailing List</a></li>
+                            <li class="text-white"><a class="text-white pad-right-xs" href="irc://chat.freenode.net/allura">#allura on Freenode IRC</a>(<a class="text-white" href="https://sourceforge.net/p/allura/chat/">Archives</a>)</li>
+                            <li><a class="text-white" href="https://forge-allura.apache.org/docs/#extending-allura">Developer Docs</a></li>
+                            <li><a class="text-white" href="https://forge-allura.apache.org/docs/contributing.html">Contributing Guide</a></li>
+                            <li><a class="text-white" href="https://builds.apache.org/job/Allura/">Jenkins CI Build</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            
+            <div id="apache" class="row bg-orange pad-vert-xl">
+                <div class="col-20 no-float auto-margin">
+                    <div class="row">
+                        <h3 class="text-center">Apache Software Foundation</h3>
+                    </div>
+                    
+                    <div class="row">
+                        <img class="auto-margin pad-vert-md" src="img/logo-asf-apache.png" alt="apache software foundation logo">
+                    </div>
+                  
+                    <div class="row auto-margin button-container">
+                        <div class="col-8 pad-vert-sm">
+                            <a href="http://www.apache.org/licenses/"><button class="auto-margin">License</button></a>
+                        </div>
+                        
+                        <div class="col-8 pad-vert-sm">
+                            <a href="http://www.apache.org/foundation/sponsorship.html"><button class="auto-margin">Sponsorship</button></a>
+                        </div>
+                        
+                        <div class="col-8 pad-vert-sm">
+                            <a href="http://www.apache.org/foundation/thanks.html"><button class="auto-margin">Thanks</button></a>
+                        </div>
+                    </div>
+                    <div class="row auto-margin button-container">
+                        <div class="col-12 pad-vert-sm">
+                            <a href="http://www.apache.org/security/"><button class="auto-margin">Security</button></a>
+                        </div>
+                        
+                        <div class="col-12 pad-vert-sm">
+                            <a href="http://www.apache.org/"><button class="auto-margin">Apache™</button></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <footer id="footer" class="bg-black col-24">
+                    <p class="copy pad-top-sm text-center text-white">Copyright © 2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.</p>
+                    <p class="copy pad-bot-sm text-center">Apache, Allura, Apache Allura, and the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+                </footer>
+            </div>
+        </section>
+        
+        <script type="application/javascript" src="js/jquery-1.11.2.min.js"></script>
+        <script type="application/javascript" src="js/frontend.js"></script>
+                <!-- Credits
+
+                        Logo Design: Will Leonard
+                        http://willleonard.org
+
+                        Site design: Perry Merrity
+                        http://perrymerrity.com/
+
+                        bg-header-forge.jpg
+                        Photo by: Stefan Schmitz
+                        https://creativecommons.org/licenses/by-nd/2.0
+
+                        bg-developers-fire.jpg
+                        Photo by: Frédéric Bisson
+                        https://creativecommons.org/licenses/by-nd/2.0
+                    -->
+</body></html>
\ No newline at end of file

Added: allura/site/trunk/js/frontend.js
URL: http://svn.apache.org/viewvc/allura/site/trunk/js/frontend.js?rev=1671701&view=auto
==============================================================================
--- allura/site/trunk/js/frontend.js (added)
+++ allura/site/trunk/js/frontend.js Mon Apr  6 21:37:00 2015
@@ -0,0 +1,4 @@
+$(window).scroll(function(evt){
+    var scrolled = $(window).scrollTop();
+    $('.parallax').css('background-position','0px '+(0-(scrolled*.25))+'px');
+});
\ No newline at end of file