You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ns...@apache.org on 2014/08/06 21:52:46 UTC
svn commit: r1616330 - in /couchdb/site: index.html style/master.css
style/master.less
Author: nslater
Date: Wed Aug 6 19:52:46 2014
New Revision: 1616330
URL: http://svn.apache.org/r1616330
Log:
Improve nav, change Quick Links to More
Modified:
couchdb/site/index.html
couchdb/site/style/master.css
couchdb/site/style/master.less
Modified: couchdb/site/index.html
URL: http://svn.apache.org/viewvc/couchdb/site/index.html?rev=1616330&r1=1616329&r2=1616330&view=diff
==============================================================================
--- couchdb/site/index.html (original)
+++ couchdb/site/index.html Wed Aug 6 19:52:46 2014
@@ -42,21 +42,19 @@ This fabulous linen texture was integrat
<div class="menu">
<a href="#about">About</a>
- <a href="http://docs.couchdb.org">Docs</a>
<a href="#contribute">Contribute</a>
<a href="#mailing-lists">Mailing Lists</a>
<a href="#download">Download</a>
- <a href="#quick-links">Quick Links</a>
+ <a href="#more">More…</a>
</div>
<form class="menu-dropdown">
<select onchange="location = this.options[this.selectedIndex].value;">
<option value="#about">About</option>
- <option value="http://docs.couchdb.org">Docs</option>
<option value="#contribute">Contribute</option>
<option value="#mailing-lists">Mailing Lists</option>
<option value="#download">Download</option>
- <option value="#quick-links">Quick Links</option>
+ <option value="#more">More…</option>
</select>
</form>
@@ -293,17 +291,17 @@ This fabulous linen texture was integrat
</div>
-<a class="scroll-point" id="quick-links"></a>
+<a class="scroll-point" id="more"></a>
<hr/>
-<div class="wrap quick-links-pane">
+<div class="wrap more-pane">
- <h2 class="icon icon-quick-links">Quick Links</h2>
+ <h2 class="icon icon-more">More …</h2>
<br/>
- <ul class="quick-links-header">
+ <ul class="more-header">
<li>General</li>
<li>Development</li>
<li class="last">Apache Software Foundation</li>
@@ -319,15 +317,15 @@ This fabulous linen texture was integrat
<div class="list-container">
- <ul class="list quick-links">
+ <ul class="list more">
<li class="corner"></li>
- <li><a href="http://docs.couchdb.org/en/latest/">Documentation</a>
+ <li><a href="http://docs.couchdb.org/en/latest/">Documentation<span></span></a>
<li><a href="http://wiki.apache.org/couchdb/CurrentReleases">Current Releases<span></span></a></li>
- <li><a href="http://blog.couchdb.org/">Blog</a>
+ <li><a href="http://blog.couchdb.org/">Blog<span></span></a>
<li><a href="http://www.apache.org/licenses/LICENSE-2.0">License<span></span></a></li>
</ul>
- <ul class="list quick-links">
+ <ul class="list more">
<li class="corner"></li>
<li><a href="http://wiki.apache.org/couchdb/">Wiki<span></span></a></li>
<li><a href="#mailing-lists">Mailing Lists<span></span></a></li>
@@ -335,7 +333,7 @@ This fabulous linen texture was integrat
<li><a href="http://wiki.apache.org/couchdb/SourceCode">Source Code<span></span></a></li>
</ul>
- <ul class="list quick-links last">
+ <ul class="list more last">
<li class="corner"></li>
<li><a href="http://www.apache.org/">About the ASF<span></span></a></li>
<li><a href="http://www.apache.org/foundation/thanks.html">Thanks<span></span></a></li>
Modified: couchdb/site/style/master.css
URL: http://svn.apache.org/viewvc/couchdb/site/style/master.css?rev=1616330&r1=1616329&r2=1616330&view=diff
==============================================================================
--- couchdb/site/style/master.css (original)
+++ couchdb/site/style/master.css Wed Aug 6 19:52:46 2014
@@ -59,7 +59,6 @@ label {
font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
- display: block;
}
button {
font-size: 17px;
@@ -71,7 +70,7 @@ button {
}
.platforms-list li,
.list-header.mini,
-.quick-links-header li {
+.more-header li {
font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-weight: 500;
}
@@ -254,7 +253,7 @@ blockquote {
}
/*---------------------------------------------------
Layout - Contribution, Mailing List,
- Download and Quick Links
+ Download and More
---------------------------------------------------*/
.container-box {
background: #fff;
@@ -405,29 +404,29 @@ blockquote {
font-size: 12px;
margin-top: 2px;
}
-/**** Quick Links ****/
+/**** More ****/
.list-header.mini {
display: inline;
}
-.quick-links,
-.quick-links-header li {
+.more,
+.more-header li {
float: left;
width: 320px;
margin-right: 24px;
list-style: none;
position: relative;
}
-.quick-links-header li {
+.more-header li {
margin-bottom: 24px;
}
-.quick-links.last,
-.quick-links-header li.last {
+.more.last,
+.more-header li.last {
margin-right: 0;
}
-.quick-links li {
+.more li {
padding: 0;
}
-.quick-links a {
+.more a {
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
transition: all 0.25s linear;
@@ -435,11 +434,11 @@ blockquote {
text-decoration: none;
padding: 8px;
}
-.quick-links a:hover {
+.more a:hover {
color: #fff;
background: #ff0000;
}
-.quick-links a span {
+.more a span {
position: absolute;
top: 0;
bottom: 0;
@@ -519,7 +518,7 @@ blockquote {
.icon-download {
background-position: 0 -508px;
}
-.icon-quick-links {
+.icon-more {
background-position: 0 -604px;
}
a.scroll-point {
@@ -537,7 +536,7 @@ a.pt-about {
border: none;
}
.corner,
-.quick-links .corner {
+.more .corner {
background: url(../image/sprite.png) no-repeat;
background-position: 0 -808px;
position: absolute;
@@ -561,8 +560,8 @@ a.pt-about {
margin-left: 24px;
margin-right: 24px;
}
- .quick-links,
- .quick-links-header li {
+ .more,
+ .more-header li {
width: 30%;
}
.platforms-list {
@@ -744,7 +743,7 @@ a.pt-about {
.icon-download {
background-position: 0 -254px;
}
- .icon-quick-links {
+ .icon-more {
background-position: 0 -302px;
}
.platforms-list,
@@ -760,19 +759,19 @@ a.pt-about {
width: 0;
padding-right: 30px;
}
- .quick-links-header {
+ .more-header {
display: none;
}
- .quick-links,
- .quick-links-header li {
+ .more,
+ .more-header li {
float: none;
width: auto;
margin-right: 0;
}
- .quick-links .corner {
+ .more .corner {
display: none;
}
- .quick-links {
+ .more {
padding-top: 0;
}
.download-list .type {
Modified: couchdb/site/style/master.less
URL: http://svn.apache.org/viewvc/couchdb/site/style/master.less?rev=1616330&r1=1616329&r2=1616330&view=diff
==============================================================================
--- couchdb/site/style/master.less (original)
+++ couchdb/site/style/master.less Wed Aug 6 19:52:46 2014
@@ -86,7 +86,7 @@ button {
font-size: 21px;
}
-.platforms-list li, .list-header.mini, .quick-links-header li {
+.platforms-list li, .list-header.mini, .more-header li {
font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
font-weight: 500;
}
@@ -293,7 +293,7 @@ blockquote {
/*---------------------------------------------------
Layout - Contribution, Mailing List,
- Download and Quick Links
+ Download and More
---------------------------------------------------*/
@link-box: 36px;
@@ -457,14 +457,14 @@ blockquote {
}
-/**** Quick Links ****/
+/**** More ****/
.list-header.mini {
display: inline;
}
-.quick-links, .quick-links-header li {
+.more, .more-header li {
float: left;
width: @column;
margin-right: @gutter;
@@ -472,31 +472,31 @@ blockquote {
position: relative;
}
-.quick-links-header li {
+.more-header li {
margin-bottom: @gutter;
}
-.quick-links.last, .quick-links-header li.last {
+.more.last, .more-header li.last {
margin-right: 0;
}
-.quick-links li {
+.more li {
padding: 0;
}
-.quick-links a {
+.more a {
.animate;
display: block;
text-decoration: none;
padding: @padding/2;
}
-.quick-links a:hover {
+.more a:hover {
color: #fff;
background: @key-color;
}
-.quick-links a span {
+.more a span {
.list-link;
width: @link-box;
.sprite;
@@ -577,11 +577,11 @@ blockquote {
background-position: 0 @spacer-base;
padding-left: 78px;
}
-.icon-about { background-position: 0 @spacer-base;}
-.icon-contribute { background-position: 0 @spacer-base - @spacer;}
-.icon-mailing-list { background-position: 0 @spacer-base - @spacer*2;}
-.icon-download { background-position: 0 @spacer-base - @spacer*3;}
-.icon-quick-links { background-position: 0 @spacer-base - @spacer*4;}
+.icon-about { background-position: 0 @spacer-base;}
+.icon-contribute { background-position: 0 @spacer-base - @spacer;}
+.icon-mailing-list { background-position: 0 @spacer-base - @spacer*2;}
+.icon-download { background-position: 0 @spacer-base - @spacer*3;}
+.icon-more { background-position: 0 @spacer-base - @spacer*4;}
a.scroll-point {
display: block;
@@ -601,7 +601,7 @@ a.pt-about {
border:none
}
-.corner, .quick-links .corner {
+.corner, .more .corner {
.sprite;
background-position: 0 -808px;
position: absolute;
@@ -611,7 +611,7 @@ a.pt-about {
height: 40px;
}
-.quick-links .corner {
+.more .corner {
}
@@ -628,7 +628,7 @@ a.pt-about {
margin-left: @mobile-pad;
margin-right: @mobile-pad;
}
- .quick-links, .quick-links-header li {
+ .more, .more-header li {
width: 30%;
}
.platforms-list {
@@ -795,11 +795,11 @@ a.pt-about {
}
@spacer-mini: @spacer/2;
@spacer-base-mini: @spacer-base/2;
- .icon-about { background-position: 0 @spacer-base-mini;}
- .icon-contribute { background-position: 0 @spacer-base-mini - @spacer-mini;}
- .icon-mailing-list { background-position: 0 @spacer-base-mini - @spacer-mini*2;}
- .icon-download { background-position: 0 @spacer-base-mini - @spacer-mini*3;}
- .icon-quick-links { background-position: 0 @spacer-base-mini - @spacer-mini*4;}
+ .icon-about { background-position: 0 @spacer-base-mini;}
+ .icon-contribute { background-position: 0 @spacer-base-mini - @spacer-mini;}
+ .icon-mailing-list { background-position: 0 @spacer-base-mini - @spacer-mini*2;}
+ .icon-download { background-position: 0 @spacer-base-mini - @spacer-mini*3;}
+ .icon-more { background-position: 0 @spacer-base-mini - @spacer-mini*4;}
.platforms-list, .platforms-list.second {
width: auto;
@@ -813,18 +813,18 @@ a.pt-about {
width: 0;
padding-right: 30px;
}
- .quick-links-header {
+ .more-header {
display: none;
}
- .quick-links, .quick-links-header li {
+ .more, .more-header li {
float: none;
width: auto;
margin-right: 0;
}
- .quick-links .corner {
+ .more .corner {
display: none;
}
- .quick-links {
+ .more {
padding-top: 0;
}
.download-list .type {