New left-side navigation. Some links have been commented out (FAQ, Tasks, Modules, Bindings). They are alreay accesib...

Original commit message from CVS:
* HACKING:
* TODO:
* src/copy/gstreamer.css:
* src/htdocs/dev/index.xml:
* src/htdocs/header.xml:
* src/htdocs/header.xsl:
* src/htdocs/index.xsl:
* src/htdocs/news/news.xsl:
* src/htdocs/page.xsl:
New left-side navigation. Some links have been commented out
(FAQ, Tasks, Modules, Bindings). They are alreay accesible from the
subpages and the tasks are outdated. The remaining links have been
visually grouped. Table-layout on the front-page has been fixed. Irc
link on devel page reworded and modules linked from the page.

10 files changed, 190 insertions, 112 deletions

diff --git a/ChangeLog b/ChangeLog
index 8fd17083..396918e7 100644
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,20 @@
+2007-11-29  Stefan Kost  <ensonic@users.sf.net>
+
+	* HACKING:
+	* TODO:
+	* src/copy/gstreamer.css:
+	* src/htdocs/dev/index.xml:
+	* src/htdocs/header.xml:
+	* src/htdocs/header.xsl:
+	* src/htdocs/index.xsl:
+	* src/htdocs/news/news.xsl:
+	* src/htdocs/page.xsl:
+	  New left-side navigation. Some links have been commented out
+	  (FAQ, Tasks, Modules, Bindings). They are alreay accesible from the
+	  subpages and the tasks are outdated. The remaining links have been
+	  visually grouped. Table-layout on the front-page has been fixed. Irc
+	  link on devel page reworded and modules linked from the page.
+
 2007-11-28  Edward Hervey  <bilboed@bilboed.com>
 
 	* src/htdocs/entities.gst:
diff --git a/HACKING b/HACKING
index 2789aa6b..9d6afcb5 100644
--- a/HACKING
+++ b/HACKING
@@ -11,6 +11,7 @@ To hack on the GStreamer website, here's what to do:
 5) bin/data-get (this is not needed if you just plan on updating the generated
    content; note that bin/data-get will download no less than 2-3GB of data)
 6) make
+7) to rebuild the online pages run ./bin/www-update-complete
 
 MISCELLANEOUS NOTES:
 
diff --git a/TODO b/TODO
index 3cf6051f..294a1b8a 100644
--- a/TODO
+++ b/TODO
@@ -4,3 +4,16 @@
   (it is, the documantation page is not!)
 * add page for presentations, publications etc. (documentation?)
 
+* check: http://www.buzztard.org/files/gst/
+* cleanup left side menu (16 entries)
+  * remove
+    * FAQ (its under docs, its outdated)
+    * Tasks (remove totally or link to wiki )
+  * make groups: 1st common stuff, 2nd group developer stuff, 3rd group misc
+    * Home, Features, News, Planet, Download, Applications
+    * Developers, Documentation, Mailing Lists, File a Bug
+      Modules (now linked from Developer page)
+      Bindings (is on Developer page)
+      Bug Lists (should be linked from Developer page)
+    * Artwork
+
diff --git a/src/copy/gstreamer.css b/src/copy/gstreamer.css
index 933975eb..9cad0811 100644
--- a/src/copy/gstreamer.css
+++ b/src/copy/gstreamer.css
@@ -1,34 +1,51 @@
-h1 { 
+h1, h2, h3 {
   color: #333333;
   text-decoration: none;
-  font-size:1.6em;
   font-family: "Arial Narrow", "Arial", sans-serif;
+  border-bottom-width: 1px;
+  border-bottom-style: dotted;
+  border-bottom-color: #AAAAAA;
 }
 
-h2 {
-  color: #333333;
-  text-decoration: none;
-  font-size: 1.2em;
-  font-family: "Arial Narrow", "Arial", sans-serif;
-}
-
-h3 {
-  color: #333333;
-  text-decoration: none;
-  font-size: 1em;
-  font-family: "Arial Narrow", "Arial", sans-serif;
-}
+h1 { font-size:1.6em; }
+h2 { font-size: 1.2em; }
+h3 { font-size: 1em; }
 
 a:link { color: #0000FF; text-decoration: none; }
 a:visited { color: #6666CC; text-decoration: none; }
 a:hover { color: #FF3333; text-decoration: underline; }
 
-a.gstnavside:link { color: #000000; text-decoration: none; font-family: "Arial", sans-serif; }
-a.gstnavside:visited { color: #000000; text-decoration: none; font-family: "Arial", sans-serif; }
-a.gstnavside:hover { color: #3333CC; text-decoration: none; font-family: "Arial", sans-serif; }
+td.gstnavside-r, td.gstnavside-g, td.gstnavside-b {
+  border-left-width: 4px;
+  border-left-style: solid;
+}
+
+td.gstnavside-r { background-color:#CCAAAA; border-left-color: #CCAAAA; }
+td.gstnavside-g { background-color:#AACCAA; border-left-color: #AACCAA; }
+td.gstnavside-b { background-color:#AAAACC; border-left-color: #AAAACC; }
+td.gstnavside-r:hover { border-left-color: #FFAAAA; }
+td.gstnavside-g:hover { border-left-color: #AAFFAA; }
+td.gstnavside-b:hover { border-left-color: #AAAAFF; }
+
+a.gstnavside-r, a.gstnavside-g, a.gstnavside-b {
+  text-decoration: none; font-family: "Arial", sans-serif;
+  padding-left: 3px;
+  padding-right: 3px;
+}
+a.gstnavside-r:link, a.gstnavside-g:link, a.gstnavside-b:link { 
+  color: #000000;
+}
+a.gstnavside-r:visited, a.gstnavside-g:visited, a.gstnavside-b:visited {
+  color: #000000;
+}
+a.gstnavside-r:hover { color: #CC3333; }
+a.gstnavside-g:hover { color: #33CC33; }
+a.gstnavside-b:hover { color: #3333CC; }
 
 .right { text-align: right; }
 
+/* task pages */
+
 .task-header {
   background: lightblue;
   margin: 2px;
diff --git a/src/htdocs/dev/index.xml b/src/htdocs/dev/index.xml
index ed8c8170..feed988a 100644
--- a/src/htdocs/dev/index.xml
+++ b/src/htdocs/dev/index.xml
@@ -19,11 +19,9 @@ the manual and the slides to get a general overview and to get you started.</p>
                                                                                 
 <p>New developers are welcome to:</p>
 <ul>
-<li>Work on any item from our <a href="../tasks">tasklist</a>.</li>
 <li>Contribute to the core library.</li>
 <li>Write plugins for GStreamer.</li>
 <li>Write applications using GStreamer.</li>
-<li>Help us with the gst-editor or gst-player.</li>
 <li>Write a lot of <a href="&site;/bindings/">language bindings</a>.</li>
 <li>Contribute to the documentation.</li>
 <li>Build test cases.</li>
@@ -31,13 +29,17 @@ the manual and the slides to get a general overview and to get you started.</p>
 
 <!-- FIXME: dotplan back in action or not ? -->
 
-<p>The developers tend to live in IRC on <A
-HREF="http://www.freenode.net/">Freenode</A>, in #gstreamer.  You
-can use irc.freenode.net to get there if you want.
+<p>The developers tend to live in IRC on <a href="http://www.freenode.net/">Freenode</a>, in
+<a href="irc://irc.freenode.net/gstreamer">#gstreamer</a>.
 </p>
                                                                                 
 <H1>CVS access</H1>
-                                                                                
+
+<h2>Modules</h2>
+<p>
+The repository is split in several <a href="&site;/modules/">modules</a>.
+</p>
+
 <h2>Anonymous CVS Access</h2>
 <p>
 This project's freedesktop.org CVS repository can be checked out through anonymous CVS with the following instruction set. The module you wish to check out must be specified as the modulename. When prompted for a password for anonymous, simply press the Enter key. To determine the names of the modules created by this project, you may examine their CVS repository via the <A HREF="&gst-cvs-http;">provided web-based CVS repository viewer</A>.
diff --git a/src/htdocs/header.xml b/src/htdocs/header.xml
index 52083431..66714774 100644
--- a/src/htdocs/header.xml
+++ b/src/htdocs/header.xml
@@ -1,22 +1,27 @@
 <!-- this is the xml for the menu which is pulled in by header.xsl -->
 <!-- all the href's here are relative to & site ; -->
   <menu>
-    <item href="/">Home</item>
+    <item class="gstnavside-r" href="/">Home</item>
+    <item class="gstnavside-r" href="/features/">Features</item>
+    <!--item class="gstnavside-r" href="/data/doc/gstreamer/head/faq/html/">FAQ</item-->
+    <item class="gstnavside-r" href="/news/">News</item>
+    <item class="gstnavside-r" href="/planet/">Planet</item>
+    <item class="gstnavside-r" href="/download/">Download</item>
+    <item class="gstnavside-r" href="/apps/">Applications</item>
 
-    <item href="/features/">Features</item>
-    <item href="/data/doc/gstreamer/head/faq/html/">FAQ</item>
-    <item href="/news/">News</item>
-    <item href="/planet/">Planet</item>
-    <item href="/download/">Download</item>
+    <item href="" />
 
-    <item href="/modules/">Modules</item>
-    <item href="/documentation/">Documentation</item>
-    <item href="/apps/">Applications</item>
-    <item href="/dev/">Developers</item>
-    <item href="/bindings/">Bindings</item>
-    <item href="/artwork/">Artwork</item>
-    <item href="/tasks/">Tasks</item>
-    <item href="/lists/">Mailing Lists</item>
-    <item href="/bugs/">Bug Lists</item>
-    <item href="http://bugzilla.gnome.org/enter_bug.cgi?product=GStreamer">File a Bug</item>
+    <item class="gstnavside-g" href="/dev/">Developers</item>
+    <item class="gstnavside-g" href="/documentation/">Documentation</item>
+    <item class="gstnavside-g" href="/lists/">Mailing Lists</item>
+    <item class="gstnavside-g" href="http://bugzilla.gnome.org/enter_bug.cgi?product=GStreamer">File a Bug</item>
+    <item class="gstnavside-g" href="/bugs/">Bug Lists</item>
+    <!--item class="gstnavside-g" href="/modules/">Modules</item-->
+    <!--item class="gstnavside-g" href="/bindings/">Bindings</item-->
+
+    <item href="" />
+
+    <item class="gstnavside-b" href="/artwork/">Artwork</item>
+
+    <!--item href="/tasks/">Tasks</item-->
   </menu>
diff --git a/src/htdocs/header.xsl b/src/htdocs/header.xsl
index b9944b73..bfab3ba1 100644
--- a/src/htdocs/header.xsl
+++ b/src/htdocs/header.xsl
@@ -11,7 +11,7 @@
 <xsl:template match="menu">
 
 <!-- actual menu -->
-  <table border="0" width="146" cellpadding="0" cellspacing="0">
+  <table border="0" width="156" cellpadding="0" cellspacing="0">
     <tr><td><img src="&site;/images/backslash.png" alt="" height="48" width="100%" /></td></tr>
     <tr>
       <td bgcolor="#666666" valign="top">
@@ -20,21 +20,37 @@
           <tr><td colspan="2"><img src="&site;/images/1x1.gif" alt="" border="0" width="2" height="2" /></td></tr>
           <xsl:for-each select="item">
           <tr>
-            <td width="140" bgcolor="#CCCCCC" align="center">
-              <xsl:choose>
-                <xsl:when test="substring(@href, 1, 7) = 'http://'">
-              <b><a href="{@href}" class="gstnavside">
-                 <xsl:value-of select="." /></a></b>
-                </xsl:when>
-                <xsl:otherwise>
-              <b><a href="&site;{@href}" class="gstnavside">
-                 <xsl:value-of select="." /></a></b>
-                </xsl:otherwise>
-              </xsl:choose>
-            </td>
+            <xsl:choose>
+              <xsl:when test="@href = ''">
+                <td width="150" />
+              </xsl:when>
+              <xsl:otherwise>
+                <td width="150" align="left">
+                  <xsl:attribute name="class">
+                    <xsl:value-of select="@class" />
+                  </xsl:attribute>
+                  <xsl:choose>
+                    <xsl:when test="substring(@href, 1, 7) = 'http://'">
+                      <b><a href="{@href}">
+                        <xsl:attribute name="class">
+                          <xsl:value-of select="@class" />
+                        </xsl:attribute>
+                        <xsl:value-of select="." /></a></b>
+                    </xsl:when>
+                    <xsl:otherwise>
+                      <b><a href="&site;{@href}" class="gstnavside">
+                        <xsl:attribute name="class">
+                          <xsl:value-of select="@class" />
+                        </xsl:attribute>
+                       <xsl:value-of select="." /></a></b>
+                    </xsl:otherwise>
+                  </xsl:choose>
+                </td>
+              </xsl:otherwise>
+            </xsl:choose>
             <td><img src="&site;/images/1x1.gif" border="0" width="2" height="2" alt="" /></td>
           </tr>
-          <tr><td colspan="2"><img src="&site;/images/1x1.gif" border="0" width="2" height="2" alt="" /></td></tr>
+          <tr><td colspan="3"><img src="&site;/images/1x1.gif" border="0" width="2" height="2" alt="" /></td></tr>
           </xsl:for-each>
         </table>
       </td>
diff --git a/src/htdocs/index.xsl b/src/htdocs/index.xsl
index d91fe5f2..6db8b7ca 100644
--- a/src/htdocs/index.xsl
+++ b/src/htdocs/index.xsl
@@ -12,40 +12,41 @@
 <!-- recent news template -->
 
   <xsl:template match="news">
-  <table>
+  <table border="0" width="100%">
     <xsl:for-each select="item">
       <xsl:sort data-type="text" select="date" order="descending" />
-         <xsl:if test="position() = 1">
-           <tr>
-            <td><h1>News - <xsl:value-of select="title"/></h1></td>
-            <td align="right"><xsl:value-of select="date"/></td>
-           </tr>
-           <tr><td colspan="2"><xsl:copy-of select="content"/></td></tr>
-           <tr>
-            <td><h3>Recent older news:</h3></td>
-           </tr>
-         </xsl:if>
-          <xsl:if test="position() &lt;= 3 and position() != 1">
-           <tr>
-            <td><xsl:value-of select="title"/></td>
-            <td align="right"><xsl:value-of select="date"/></td>
-           </tr>
-         </xsl:if>
-     </xsl:for-each>
-           <tr>
-            <td>Click for <a href="news/">even older news</a>...</td>
-           </tr>
-           <tr>
-            <td>News feeds: <a href="news/rss-1.0.xml">[RSS 1.0]</a></td>
-           </tr>
-           <tr>
-            <td>Release feeds:
-                <a href="releases/releases.rss10.xml">[RSS 1.0]</a> 
-                <a href="releases/releases.rss20.xml">[RSS 2.0]</a> 
-                <a href="releases/releases.ics">[iCal]</a> 
-            </td>
-           </tr>
-
-  </table>
+        <xsl:if test="position() = 1">
+          <tr>
+            <td colspan="2"><h1>News - <xsl:value-of select="title"/></h1></td>
+          </tr>
+          <tr>
+            <td><xsl:copy-of select="content"/><br /></td>
+            <td valign="top" align="right"><xsl:value-of select="date"/></td>
+          </tr>
+          <tr>
+           <td colspan="2"><h3>Recent older news:</h3></td>
+          </tr>
+        </xsl:if>
+        <xsl:if test="position() &lt;= 3 and position() != 1">
+          <tr>
+           <td><xsl:value-of select="title"/></td>
+           <td valign="top" align="right"><xsl:value-of select="date"/></td>
+          </tr>
+        </xsl:if>
+      </xsl:for-each>
+      <tr>
+        <td>Click for <a href="news/">even older news</a>...</td>
+      </tr>
+      <tr>
+        <td>News feeds: <a href="news/rss-1.0.xml">[RSS 1.0]</a></td>
+      </tr>
+      <tr>
+        <td>Release feeds:
+          <a href="releases/releases.rss10.xml">[RSS 1.0]</a> 
+          <a href="releases/releases.rss20.xml">[RSS 2.0]</a> 
+          <a href="releases/releases.ics">[iCal]</a> 
+        </td>
+      </tr>
+    </table>
   </xsl:template>
 </xsl:stylesheet>
diff --git a/src/htdocs/news/news.xsl b/src/htdocs/news/news.xsl
index a4f81d1f..8b8b1c5e 100644
--- a/src/htdocs/news/news.xsl
+++ b/src/htdocs/news/news.xsl
@@ -6,25 +6,25 @@
 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                 version="1.0">
                                                                                 
- <xsl:output method="html"/>
+  <xsl:output method="html"/>
 
   <xsl:template match="news">
-  <table>
-    <xsl:for-each select="item">
-      <xsl:sort data-type="text" select="date" order="descending" />
-      <xsl:variable name="w3cdtf">
-        <xsl:value-of select="substring(date,1,10)"/>
-        <xsl:text>T</xsl:text>
-        <xsl:value-of select="substring(date,12,16)"/>
-        <xsl:text>:00Z</xsl:text>
-      </xsl:variable>
-      <tr>
-        <td><h3 id="{$w3cdtf}"><xsl:value-of select="title"/></h3></td>
-        <td align="right"><xsl:value-of select="date"/></td>
-      </tr>
-      <tr><td colspan="2"><xsl:copy-of select="content"/></td></tr>
-    </xsl:for-each>
-  </table>
+    <table>
+      <xsl:for-each select="item">
+        <xsl:sort data-type="text" select="date" order="descending" />
+        <xsl:variable name="w3cdtf">
+          <xsl:value-of select="substring(date,1,10)"/>
+          <xsl:text>T</xsl:text>
+          <xsl:value-of select="substring(date,12,16)"/>
+          <xsl:text>:00Z</xsl:text>
+        </xsl:variable>
+        <tr>
+          <td valign="top"><h3 id="{$w3cdtf}"><xsl:value-of select="title"/></h3></td>
+          <td valign="top" align="right"><xsl:value-of select="date"/></td>
+        </tr>
+        <tr><td colspan="2"><xsl:copy-of select="content"/><br /></td></tr>
+      </xsl:for-each>
+    </table>
   </xsl:template>
 
 </xsl:stylesheet>
diff --git a/src/htdocs/page.xsl b/src/htdocs/page.xsl
index 9921ba2b..2728433c 100644
--- a/src/htdocs/page.xsl
+++ b/src/htdocs/page.xsl
@@ -93,20 +93,26 @@
       <td width="22"><img src="&site;/images/1x1.gif" alt="" border="0" width="22" height="2" /></td>
       <!-- close the page table -->
     </tr>
+  </table>
+
+  <!-- this is the footer with the conact -->
+  <table border="0" width="100%" cellpadding="0" cellspacing="0">
+    <tr><br /></tr>
+    <tr>
+      <div style="background: #FF3333; height: 2px; width: 100%;"></div>
+      <div style="background: #339933; height: 2px; width: 100%;"></div>
+      <div style="background: #3333CC; height: 2px; width: 100%;"></div>
+    </tr>
     <!-- add a contact address -->
     <tr>
-      <td colspan="2"></td>
-      <td align="right"><br/><i>If there are any problems on this page, please contact thomas (at) apestaart (dot) org</i></td>
-      <td></td>
+      <td align="right">
+        <i>If there are any problems on this page, please contact thomas (at) apestaart (dot) org</i>
+      </td>
     </tr>
   </table>
 
-  <div style="background: #FF3333; height: 2px; width: 100%;"></div>
-  <div style="background: #339933; height: 2px; width: 100%;"></div>
-  <div style="background: #3333CC; height: 2px; width: 100%;"></div>
-
     </body>
-    </html>
+  </html>
 </xsl:template>
 
 <!-- index page contents -->