www home.shtml layout.css server/banner.html gr...

[Matt Lee]

CVSROOT:        /web/www
Module name:    www
Changes by:     Matt Lee <mattl>        08/09/25 18:42:18

Modified files:
        .              : home.shtml layout.css 
        server         : banner.html 
Added files:
        graphics       : Gnewsenselogo.png 

Log message:
        * A sign up form for the Free Software Supporter on every page. As this
        is currently being provided in English only, this is not urgent for all
        translations. I'm also aware that other translations have much wider
        header graphics.
        
        * Look and feel of headings. We've been playing around with a new style
        for headings on some of the FSF websites for a while now. Now its time
        to bring those to gnu.org -- this shouldn't cause any major problems,
        but keep an eye out for the edge cases, please.
        
        * Changes to the navigation bar. The FSF would like to ensure its easy
        for people to join the FSF, and so adding a join link to the navigation
        today.
        
        * Changes to the homepage. Stephen Fry is now relegated to the right
        hand side of the screen, with "Freedom Fry" now changed to a regular h2
        tag. This replaces the Free Software Supporter box for the English
        version. Translators can copy this style if they like, or keep things as
        they are. Also, the 'more information' section is now on the left,
        rather than the right, to balance the columns out. Stephen will be on
        our homepage for the next year, so we should find a comfortable place
        for him.
        
        * Changes to the search box. The search box has been moved to the
        navigation bar. This makes it a little easier to see, and makes better
        use of the space.
        
        * Changes to urgent items. These are now on the homepage only. RMS wants
        them to be visible on the homepage, so they're right at the top in a
        snazzy green box. This should be pretty simple for all translations to
        implement, and it would be a good thing to keep an eye on.
        
        Overall, it makes the homepage a little tighter, gets more information
        on the screen for the user, which is good. One thing I would like to do,
        going forward is find a way we can make the translations links more
        visible. Ideally, at the very top of the page.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/home.shtml?cvsroot=www&r1=1.258&r2=1.259
http://web.cvs.savannah.gnu.org/viewcvs/www/layout.css?cvsroot=www&r1=1.15&r2=1.16
http://web.cvs.savannah.gnu.org/viewcvs/www/graphics/Gnewsenselogo.png?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/banner.html?cvsroot=www&r1=1.75&r2=1.76

Patches:
Index: home.shtml
===================================================================
RCS file: /web/www/www/home.shtml,v
retrieving revision 1.258
retrieving revision 1.259
diff -u -b -r1.258 -r1.259
--- home.shtml  25 Sep 2008 16:44:26 -0000      1.258
+++ home.shtml  25 Sep 2008 18:41:36 -0000      1.259
@@ -33,13 +33,19 @@
 is <a href="/philosophy/free-sw.html">free software</a>: the GNU
 system.</p>
 
+<img src="/graphics/heckert_gnu.small.png" style="float: left; margin: 10px;" 
alt="" />
+
 <p>GNU's kernel isn't finished, so GNU is used with the kernel Linux.
-The combination of GNU and Linux is the GNU/Linux operating system,
-now used by millions.  (Sometimes this combination is incorrectly
-called <a href="/gnu/linux-and-gnu.html">Linux</a>.)</p>
+The combination of GNU and Linux is the <b>GNU/Linux operating system</b>,
+now used by millions.</p>
+
+<p>Sometimes this combination is incorrectly
+called <a href="/gnu/linux-and-gnu.html">Linux</a>. There are many
+variants or &ldquo;distributions&rdquo; of GNU/Linux.  </p>
+
+<img src="/graphics/Gnewsenselogo.png" style="float: right; margin: 10px;" 
alt="" />
 
-<p>There are many variants or &ldquo;distributions&rdquo; of
-GNU/Linux.  <span class="highlight">We recommend
+<p><span class="highlight">We recommend
 the <a href="/links/links.html#FreeGNULinuxDistributions">GNU/Linux
 distributions</a> that are 100% free software; in other words,
 entirely freedom-respecting</span>.</p>
@@ -122,6 +128,27 @@
 in <a href="http://www.fsfeurope.org";>Europe</a>, <a 
href="http://www.fsfla.org/";>Latin
 America</a> and <a href="http://fsf.org.in/";>India</a>.</p>
 
+  <h3>More information</h3>
+
+<ul class="translations-list">
+  <li><a href="/provide.html">What we provide</a></li>
+  <li><a href="/philosophy/philosophy.html">Why we exist</a></li>
+  <li><a href="/gnu/gnu-history.html">Where we are going</a></li>
+  <li><a href="/help/help.html">How you can help us get there</a></li>
+  <li><a href="/people/people.html">Who we are</a></li>
+  <li><a href="/testimonials/testimonials.html">What users think of
+      GNU software</a></li>
+  <li><a href="http://savannah.gnu.org/";>Our project hosting server,
+      savannah.gnu.org</a></li>
+  <li><a href="http://lists.gnu.org/";>GNU mailing lists</a></li>
+  <li>Other areas of the GNU web site:
+      <a href="/manual/manual.html">Software documentation</a>,
+      <a href="/graphics/graphics.html">Graphics and art</a>,
+      <a href="/fun/fun.html">Fun</a>,
+      <a href="/thankgnus/thankgnus.html">ThankGNUs</a>.
+  </li>
+</ul>
+
 <!--
    Keep link lines at 72 characters or lynx will break them poorly.
    Obviously, we list ONLY the most useful/important URLs here.
@@ -142,26 +169,7 @@
 <p class="center">Mr. Stephen Fry <a href="/fry/">introduces you to free 
software</a>, and reminds you of a very special birthday.</p>
 
 
-  <h3>More information</h3>
 
-<ul class="translations-list">
-  <li><a href="/provide.html">What we provide</a></li>
-  <li><a href="/philosophy/philosophy.html">Why we exist</a></li>
-  <li><a href="/gnu/gnu-history.html">Where we are going</a></li>
-  <li><a href="/help/help.html">How you can help us get there</a></li>
-  <li><a href="/people/people.html">Who we are</a></li>
-  <li><a href="/testimonials/testimonials.html">What users think of
-      GNU software</a></li>
-  <li><a href="http://savannah.gnu.org/";>Our project hosting server,
-      savannah.gnu.org</a></li>
-  <li><a href="http://lists.gnu.org/";>GNU mailing lists</a></li>
-  <li>Other areas of the GNU web site:
-      <a href="/manual/manual.html">Software documentation</a>,
-      <a href="/graphics/graphics.html">Graphics and art</a>,
-      <a href="/fun/fun.html">Fun</a>,
-      <a href="/thankgnus/thankgnus.html">ThankGNUs</a>.
-  </li>
-</ul>
 <!-- END content -->
 
 
@@ -300,7 +308,7 @@
 
 <p>Last Updated:
    <!-- timestamp start -->
-   $Date: 2008/09/25 16:44:26 $
+   $Date: 2008/09/25 18:41:36 $
    <!-- timestamp end -->
 </p>
   

Index: layout.css
===================================================================
RCS file: /web/www/www/layout.css,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -b -r1.15 -r1.16
--- layout.css  25 Sep 2008 16:42:30 -0000      1.15
+++ layout.css  25 Sep 2008 18:41:36 -0000      1.16
@@ -47,7 +47,6 @@
 
   body{
   font-family: sans-serif;
-border-top: 2em solid #ccc; background-color: #efefef;
   }
 
   #wrapper{
@@ -81,31 +80,33 @@
 
 #links li { line-height: 1.6em; font-size: 0.9em; }
 
-#content { background-color: #fff;  padding-bottom: 1.8em; }
+#content { background-color: #fff;  padding-bottom: 1.8em;  margin-top: 0.5em; 
 }
 
 #navigation{ background-color: #bd0000; border-bottom: 5px solid #333;}
 
-#navigation ul{ line-height: 3em; font-size: 0.9em; text-align: center; }
+#navigation ul{ line-height: 3em; font-size: 0.8em; text-align: left; }
 
-#navigation li{background-color: maroon;  display: inline; margin: 0 2px; 
padding: 0.5em 1em 0.5em 1em; }
+#navigation li{display: inline; margin: 0 0px; padding: 0.5em 1em 0.5em 1em; }
 
-#navigation li a {color: white; text-decoration: none; font-weight: bold;}
+#navigation li a {color: white; text-decoration: none; font-weight: bold; 
line-height: 3em;}
 
-#navigation li:hover{ background-color: #bd0000; }
+#navigation li a:hover{ background-color: #bd0000;  }
 
 #navigation li:hover a{ color: yellow; }
 
+#joinfsftab a{color: yellow !important}
+
 #content h2, #content h3, #content h4, #content h5, #content h6{ 
- color: #3465a4; font-size: 1.8em; padding-bottom: 0.3em;
- margin-bottom: 0.3em;padding-top: 0.7em; font-weight:bold; }
+ background-color: #3465a4; color: white; font-size: 1.2em;
+ margin-bottom: 0.3em; font-weight:bold; text-align: center; line-height: 
1.6em; }
 
-#content h3{ font-size: 1.6em; }
+#content h3{ font-size: 1.1em; }
 
-#content h4{ font-size: 1.4em; }
+#content h4{ font-size: 1.0em; }
 
-#content h5{ font-size: 1.2em; }
+#content h5{ font-size: 0.9em; }
 
-#content h6{ font-size: 1.0em; }
+#content h6{ font-size: 0.8em; }
 
 .caption{ color: #3465a4; font-size: 1.5em !important; margin:0; }
 
@@ -260,9 +261,6 @@
 
 #content dt{ font-weight: bold;  }
 
-#content dd, #content h2, #content h3 { border-bottom: 1px dashed
- #bbb;  }
-
 pre {
 padding-left: 15px;
 padding-right: 15px;
@@ -302,16 +300,22 @@
 
 .inline-list li { display: inline }
 
-#searcher{ position: absolute; top: 0; right: 1em; line-height: 2.5em}
+#searcher{ position: absolute; top: 0; right: 1em; line-height: 3em; color: 
white; text-transform: uppercase; font-weight: bold; background-color: maroon; 
padding-left: 1em; padding-right: 1em;}
 
 #searcher, #searcher input{ font-size: 0.8em; }
 
 .highlight{background-color: #ff6;}
 
-#takeactionhomepage{background-color: #c2e155; color: black; padding: 1em; 
-moz-border-radius: 0.5em; margin-bottom: 1em;}
+#takeactionhomepage{background-color: #c2e155; color: black; margin-bottom: 
0.5em; font-size: 90%;}
 
-#takeactionhomepage h1{text-align: center !important; border: 0 !important; 
color: black; font-size: 1.7em !important;}
+#takeactionhomepage h1{text-align: center !important; border: 0 !important; 
color: black; font-size: 2em !important; padding-top: 0.2em;}
 
 #takeactionhomepage ul{list-style: none !important; text-align: center; 
margin: 0 !important; padding: 0 !important; margin-top: 1em !important;}
 
 #takeactionhomepage li{line-height: 1.3em; list-style: none !important;}
\ No newline at end of file
+
+#fssbox {text-align: center; float: right; margin-right: -0.5em; height: 
101px; width: 420px; font-size: 80%;}
+
+#fssbox h1, #fssbox p{ line-height: 30px;}
+
+#content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a 
{color: yellow !important;}

Index: server/banner.html
===================================================================
RCS file: /web/www/www/server/banner.html,v
retrieving revision 1.75
retrieving revision 1.76
diff -u -b -r1.75 -r1.76
--- server/banner.html  7 Aug 2008 20:40:30 -0000       1.75
+++ server/banner.html  25 Sep 2008 18:42:15 -0000      1.76
@@ -8,32 +8,25 @@
 
 <body>
 
-    <div id="toplinks"><span class="netscape4"><a href="#content">Skip to 
content</a> | </span><a href="#translations">Translations of this page</a></div>
+    <div id="toplinks" class="netscape4"><a href="#content">Skip to 
content</a> | </span><a href="#translations">Translations of this page</a> | <a 
href="#searcher">Skip to search</a>.</div>
 
 <div id="null-wrapper">
 
-  <!-- enable this div if there something urgent for us to do -->
-
-<!--         <div id="urgent">
-
-          </div> -->
+      <div id="header">
 
+        <div class="inner">
 
  
+<div id="fssbox">
          
-                         <div id="searcher">
+  <h1>Sign up for the <em>Free Software Supporter</em></h1>
 
-  <form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi";>
-   <div><label for="phrase">Search:</label>
-   <input name="phrase" id="phrase" type="text" size="35" accesskey="s" />
-   <input type="submit" value="Go" /></div>
+  <p>A monthly update on GNU and the Free Software Foundation</p>
+  <form action="http://lists.gnu.org/mailman/subscribe/info-fsf";
+       method="post">
+    <p><input type="text" id="frmEmail" name="email" size="15" maxlength="80" 
value="address@hidden" onfocus="this.value=''" /> &nbsp; <input type="submit" 
value="Subscribe me" /></p>
                                 </form>
-                        </div>
-
-
-      <div id="header">
-
-        <div class="inner">
+</div>
 
         <h1 id="logo"><a href="/">The GNU Operating System</a></h1>
 
@@ -44,15 +37,23 @@
       <div id="navigation">
         <div class="inner">
         <ul>
-          <li id="tabMenu"><a href="/">Home</a></li>
-         <li id="tabStore"><a href="http://shop.fsf.org/";>Store</a></li>
           <li id="tabAboutGNU"><a href="/gnu/gnu.html">History</a></li>
           <li id="tabPhilosophy"><a 
href="/philosophy/philosophy.html">Philosophy</a></li>
           <li id="tabLicenses"><a 
href="/licenses/licenses.html">Licenses</a></li>       
-          <li id="tabSoftware"><a 
href="/software/software.html">Download&nbsp;GNU</a></li>
+          <li id="tabSoftware"><a 
href="/software/software.html">Downloads</a></li>
           <li><a href="/help/help.html">Help&nbsp;GNU</a></li>
-         <li><a href="/server/sitemap.html">Sitemap</a></li>
+          <li id="joinfsftab"><a 
href="https://www.fsf.org/associate/support_freedom/join_fsf?referrer=2442";>Join
 the FSF!</a></li>
         </ul>
+
+                         <div id="searcher">
+
+  <form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi";>
+   <div><label for="phrase">Search:</label>
+   <input name="phrase" id="phrase" type="text" size="25" accesskey="s" 
value="Why GNU/Linux?" />
+   <input type="submit" value="Go" /></div>
+                                </form>
+                        </div>
+
         </div>
       </div>
 

Index: graphics/Gnewsenselogo.png
===================================================================
RCS file: graphics/Gnewsenselogo.png
diff -N graphics/Gnewsenselogo.png
Binary files /dev/null and /tmp/cvsuvLGDv differ