[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/nav-bar new-nav-bar-index.html
|
From: |
Dora Scilipoti |
|
Subject: |
www/server/staging/nav-bar new-nav-bar-index.html |
|
Date: |
Wed, 25 Dec 2013 21:08:50 +0000 |
CVSROOT: /web/www
Module name: www
Changes by: Dora Scilipoti <dora> 13/12/25 21:08:50
Modified files:
server/staging/nav-bar: new-nav-bar-index.html
Log message:
Add Therese's and other people's drafts, add notes and links to old
discussions.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/new-nav-bar-index.html?cvsroot=www&r1=1.5&r2=1.6
Patches:
Index: new-nav-bar-index.html
===================================================================
RCS file: /web/www/www/server/staging/nav-bar/new-nav-bar-index.html,v
retrieving revision 1.5
retrieving revision 1.6
diff -u -b -r1.5 -r1.6
--- new-nav-bar-index.html 30 Mar 2013 20:57:51 -0000 1.5
+++ new-nav-bar-index.html 25 Dec 2013 21:08:49 -0000 1.6
@@ -1,51 +1,173 @@
<!--#include virtual="/server/header.html" -->
+<!-- Parent-Version: $Revision: 1.6 $ -->
-<title>Index of Drafts for the New Navigation Bar
+<title>Drafts for the New Navigation Bar and General Website Improvement
- GNU Project - Free Software Foundation</title>
<!--#include virtual="/server/banner.html" -->
-<h2>Index of Drafts for the New Navigation Bar </h2>
+<h2>Drafts for the New Navigation Bar and General Website Improvement</h2>
-<p><strong>Important note</strong>: All colors must conform to the W3
guidelines
-for accessiblity. For example: the recommended contrast ratio for large text is
-3:1 for Priority AA, and 5:1 for Priority AAA; for small text, 5:1 for AA and
-7:1 for AAA.</p>
+<p>We have received feedback from visitors about the need to improve
+website navigation (“make it easier to find your way around”) and
+the overall look and feel of it.
+(<a href="https://rt.gnu.org/Ticket/Display.html?id=769591";>
+RT #769591 Sharpening up gnu.org</a>.) Here are some attempts to achieve
this.</p>
+
+<p>Some past discussions on the subject for reference and to get an idea of
+what people would like to achieve:</p>
+
+<p>
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2011/007098.html";>
+ Improving Site Navigation</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2011/007102.html";
+ >Finding Translations</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2011/007259.html";>
+ Organizing the Philosophy Section</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2011/007316.html";>
+ More on Navigation (/philosophy)</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2012/007759.html";>
+ Improving Readability</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2013/008047.html";>
+ Where to place “Join the FSF!”</a>. <br />
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2013/008080.html";>
+ Redesigning gnu.org</a>.
+</p>
+
+<h3>Important notes</h3>
+
+<ul>
+ <li>The design of the gnu.org website should follow the
+ <a href="http://www.w3.org/TR/WCAG20/";>W3C accessibility
guidelines</a>.
+ For more on this, see our <a href="/accessibility/accessibility.html">
+ accessibility recommendations</a>.</li>
+
+ <li>It has been agreed that the list of translations should be at the top
+ of the page.</li>
+
+ <li>There is a strong preference that the call to “join the
FSF”
+ be placed in a prominent area of the page.</li>
+</ul>
+
+<h3>Drafts</h3>
+
+<h4>Navigation Bar</h4>
+
+<p>The following are attempts to improve navigability. Click and hover on the
+navigation bar to see how it behaves (not all items are active.) Discussions
+about <i>test7</i>, <i>test7-inner</i>, and <i>test7-bkg-color</i> can be
found
+at <a
href="https://lists.gnu.org/mailman/private/www-discuss/2011/007429.html";>
+https://lists.gnu.org/mailman/private/www-discuss/2011/007429.html</a> and
+<a href="https://lists.gnu.org/mailman/private/www-discuss/2012/007483.html";>
+https://lists.gnu.org/mailman/private/www-discuss/2012/007483.html</a>.
+</p>
<ol>
+ <li><a href="/server/staging/nav-bar/test7/">test7</a>. A solution to keep
+ the sub-nav lined up under the main navigation bar. Try to make selected
+ items more eye-catching by using a bigger font. Make #joinfsftab text
+ become blue when selected to avoid low contrast ratio.</li>
+
+ <li><a href="/server/staging/nav-bar/test7-inner-/">test7-inner</a> Another
+ solution to keep the sub-nav lined up under the main navigation
bar.</li>
+
+ <li><a href="/server/staging/nav-bar/test7-bkg-color/">test7-bkg-color</a>
+ Make items in the sub-nav more eye-catching by introducing a background
+ color instead of modifying the font size.</li>
+</ol>
- <li><a href="/server/staging/nav-bar/test7/">test7</a>. A solution to keep
the sub-nav
- lined up under the main navigation bar. Try to make selected items more
- eye-catching by using a bigger font. Make #joinfsftab text become blue when
- selected to avoid low contrast ratio.</li>
-
- <li><a href="/server/staging/nav-bar/test7-inner-/">test7-inner</a> Another
solution to
- keep the sub-nav lined up under the main navigation bar.</li>
-
- <li><a
href="/server/staging/nav-bar/test7-bkg-color/">test7-bkg-color</a>Make items
- in the sub-nav more eye-catching by introducing a background color instead
- of modifying the font size.</li>
+<h4>General Website Improvement</h4>
+<ol>
+ <li><a href="/server/staging/nav-bar/test8/">test8</a> Attempts by Thérèse
+ Godefroy. A discussion can be found at
+ <a
href="https://lists.gnu.org/mailman/private/www-discuss/2013/008273.html";>
+ https://lists.gnu.org/mailman/private/www-discuss/2013/008273.html</a>.
+
+ <p>
+
+ <a href="/server/staging/nav-bar/test8/home.html">home.html</a>.<br />
+
+ <a href="/server/staging/nav-bar/test8/philosophy.fr.html">
+ philosophy.fr.html</a>.<br />
+
+ <a href="/server/staging/nav-bar/test8/edu-cases-india-ambedkar.html">
+ edu-cases-india-ambedkar.html</a>.<br />
+
+ <a href="/server/staging/nav-bar/test8/edu-schools.fr.html">
+ edu-cases-india-ambedkar.html</a>.
+ </p>
+ </li>
+
+ <li>Hugo Roy's proposal (mentioned in RT #769591):
+
+ <p>
+ <a
+ href="http://hugoroy.github.io/gnu.org-30th-birthday-css/home.en.html";>
+ home.en.html</a>. <br />
+ <a
+
href="http://hugoroy.github.io/gnu.org-30th-birthday-css//free-sw.en.html";>
+ free-sw.en.html</a>.
+ </p>
+ </li>
+
+ <li>Matt Lee's proposal (a discussion can be found at
+ <a
href="https://lists.gnu.org/mailman/private/www-discuss/2012/007909.html";>
+ https://lists.gnu.org/mailman/private/www-discuss/2012/007909.html</a>):
+
+ <p>
+ <a
+ href="http://matt.lee.name/gnu2012.html";>gnu2012.html</a>.
+ </p>
+ </li>
</ol>
-<h2>Images for Join the FSF!</h2>
+<h3>Images for “Join the FSF!”</h3>
<ul>
-<li><a href="/server/staging/nav-bar/joinfsf.png">Green button</a> (298 KB).
<a href="/server/staging/nav-bar/joinfsf.diff">diff</a></li>
-<li><a href="/server/staging/nav-bar/joinfsf1.png">Blue box</a> (212 KB).<a
href="/server/staging/nav-bar/joinfsf1.diff">diff1</a></li>
-<li><a href="/server/staging/nav-bar/joinfsf2.png">Remove searcher from nav
bar</a>(300 KB).<a href="/server/staging/nav-bar/joinfsf2.diff">diff2</a></li>
+<li><a href="/server/staging/nav-bar/joinfsf.png">Green button</a> (298 KB).
+ <a href="/server/staging/nav-bar/joinfsf.diff">diff</a></li>
+<li><a href="/server/staging/nav-bar/joinfsf1.png">Blue box</a> (212 KB).
+ <a href="/server/staging/nav-bar/joinfsf1.diff">diff1</a></li>
+<li><a href="/server/staging/nav-bar/joinfsf2.png">Remove searcher from nav
bar</a>(300 KB).
+ <a href="/server/staging/nav-bar/joinfsf2.diff">diff2</a></li>
</ul>
</div><!-- for id="content", starts in the include above -->
+<!--#include virtual="/server/footer.html" -->
+<div id="footer">
+<p>Please send general FSF & GNU inquiries to
+<a href="mailto:address@hidden";><address@hidden></a>.
+There are also <a href="/contact/">other ways to contact</a>
+the FSF. Broken links and other corrections or suggestions can be sent
+to <a href="mailto:address@hidden";><address@hidden></a>.</p>
+
+<p><!-- TRANSLATORS: Ignore the original text in this paragraph,
+ replace it with the translation of these two:
+
+ We work hard and do our best to provide accurate, good quality
+ translations. However, we are not exempt from imperfection.
+ Please send your comments and general suggestions in this regard
+ to <a href="mailto:address@hidden";>
+ <address@hidden></a>.</p>
+
+ <p>For information on coordinating and submitting translations of
+ our web pages, see <a
+ href="/server/standards/README.translations.html">Translations
+ README</a>. -->
+Please see the <a
+href="/server/standards/README.translations.html">Translations
+README</a> for information on coordinating and submitting translations
+of this article.</p>
<!--#include virtual="/server/bottom-notes.html" -->
<p>Updated:
<!-- timestamp start -->
-$Date: 2013/03/30 20:57:51 $
+$Date: 2013/12/25 21:08:49 $
<!-- timestamp end -->
</p>
-
+</div>
</div>
</body>
</html>
- www/server/staging/nav-bar new-nav-bar-index.html,
Dora Scilipoti <=