discuss-gnustep
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: to make newbie more comfortable and easier to glance: suggestion on


From: Zhang Weiwu
Subject: Re: to make newbie more comfortable and easier to glance: suggestion on change frontpage of gap
Date: Tue, 05 May 2009 23:41:25 +0800
User-agent: Thunderbird 2.0.0.6 (X11/20071129)

David Chisnall wrote:
Possibly you have a very wide screen / browser window, but for me that ends up displaying the text in very difficult-to-read, small, columns. Your eye is drawn across the page, while the text goes down. Very bad usability.

If you're going to put the description under the name, you need fewer columns or more space between them. Possibly make the description text smaller too - at the moment it just blurs into the headings.
You are right. No I don't have a very wide screen but optimal Chinese text column width is 13 characters, which means at XGA there could be some 5 columns. I wasn't aware I was dealing English content.

How about this:
file:///home/zhangweiwu/GNUstep_Projects/www.nongnu.org/gap/index:2.html

--- index.html  2009-03-15 06:15:56.000000000 +0800
+++ index:2.html        2009-05-05 23:39:40.000000000 +0800
@@ -7,6 +7,33 @@
                <link rel="stylesheet" href="gnustep-main.css" type="text/css">
                <style type="text/css" media="screen">
                @import "gnustep-main-2.css";
+       div.content.applications {
+               padding: 0em;
+       }
+       div.content.applications h2 {
+               text-align: center;
+       }
+       div.content.applications dl {
+               width: 32%;
+               float: left;
+               padding-left: 1%;
+       }
+       div.content.applications dl dt {
+               background-color: whitesmoke;
+               border: thin solid lightgray;
+               padding-left: 0.5em;
+               padding-right: 0.5em;
+       }
+       div.content.applications dl dt :link,
+       div.content.applications dl dt :visited {
+               text-decoration: none;
+       }
+       div.content.applications dl dd {
+               background-color: whitesmoke;
+               padding-left: 0.5em;
+               padding-right: 0.5em;
+               margin-bottom: 0.5em;
+       }
        </style>
                <meta http-equiv="Content-type" content="text/html; 
charset=UTF-8">
                <link rel="SHORTCUT ICON" href="/images/gnustep-favicon.ico">
@@ -30,84 +57,27 @@
                                        Links below which are not active are 
for apps which are planned or in the process of being coded, but have not yet 
been released. Please check the latest CVS for unreleased versions of these 
apps.
                                </p>
                        </div>
-                       <div class="content downloads">
-                               <h4>
-                                       Current Packages
-                               </h4>
-                               <table border="0" width="95%" align="center">
-                                       <tr>
-                                               <td>
-                                                       <a 
href="ftp/index.html">FTP</a>
-                                               </td>
-                                               <td>
-                                                       Graphos
-                                               </td>
-                                               <td>
-                                                       <a 
href="innerspace/index.html">InnerSpace</a>
-                                               </td>
-                                               <td>
-                                                       Installer
-                                               </td>
-                                       </tr>
-                                       <tr>
-                                               <td>
-                                                       <a 
href="timemon/index.html">TimeMon</a>
-                                               </td>
-                                               <td>
-                                                       <a 
href="batmon/index.html">BatMon</a>
-                                               </td>
-                                               <td>
-                                                       loginpanel
-                                               </td>
-                                               <td>
-                                                       NFSAdmin
-                                               </td>
-                                       </tr>
-                                       <tr>
-                                               <td>
-                                                       <a 
href="nextgo/index.html">NeXTGo</a>
-                                               </td>
-                                               <td>
-                                                       <a 
href="lapispuzzle/index.html">LapisPuzzle</a>
-                                               </td>
-                                               <td>
-                                                       <a 
href="ladder/index.html">Ladder</a>
-                                               </td>
-                                               <td>
-                                                 <a 
href="remotedesk/index.html">RemoteDesk</a>
-                                               </td>
-                                       </tr>
-                                       <tr>
-                                               <td>
-                                                       <a 
href="addresses/index.html">Addresses</a>
-                                               </td>
-                                               <td>
-                                                        Vespucci
-                                                        <!-- <a 
href="vespucci/index.html">Vespucci</a> -->
-                                               </td>
-                                               <td>
-                                                       <a 
href="pictureframe/index.html">PictureFrame</a>
-                                               </td>
-                                               <td>
-                                                       <a 
href="laternamagica/index.html">LaternaMagica</a>
-                                               </td>
-                                               <td>
-                                               </td>
-                                       </tr>
-                                       <tr>
-                                               <td>
-                                                       Bean
-                                               </td>
-                                               <td>
-                                                       Flexisheet
-                                               </td>
-                                               <td>
-                                                        <a 
href="gspdf/index.html">GSPdf</a>
-                                               </td>
-                                               <td>
-                                               </td>
-                                       </tr>
-                               </table>
+                       <div class="content applications">
+                                       <h2>Applications</h2>
+                       <dl>
+                       <dt><a href="innerspace/">InnerSpace</a></dt><dd>Innerspace 
is a screensaver compatible with BackSpace from the NeXTSTEP era.</dd>
+                       <dt><a href="timemon/">TimeMon</a></dt><dd>TimeMon gives a 
graphical representation of where the CPU cycles are going.</dd>
+                       <dt><a href="batmon/">BatMon</a></dt><dd>Battery Monitor is a 
battery monitor for laptops.</dd>
+                       <dt><a 
href="laternamagica/index.html">LaternaMagica</a></dt><dd>A single-window image viewer 
application.</dd>
+                       </dl>
+                       <dl>
+                       <dt><a href="nextgo/">NeXTGo</a></dt><dd>The classic Go game 
originally written for the OPENSTEP/Mach environment.</dd>
+                       <dt><a 
href="lapispuzzle/">LapisPuzzle</a></dt><dd>LapisPuzzle is a tetris-like game.</dd>
+                       <dt><a href="ladder/index.html">Ladder</a></dt><dd>Ladder is 
a graphically pleasing implementation of Go.</dd>
+                       <dt><a 
href="pictureframe/index.html">PictureFrame</a></dt><dd>PictureFrame makes your computer a 
digital picture frame.</dd>
+                       </dl>
+                       <dl>
+                       <dt><a href="ftp/">FTP</a></dt><dd>FTP is a file transfer 
application featuring a compact and easy interface.</dd>
+                       <dt><a 
href="remotedesk/index.html">RemoteDesk</a></dt><dd>RemoteDesk uses rdesktop for remotely 
accessing Windows computers.</dd>
+                       <dt><a href="gspdf/index.html">GSPdf</a></dt><dd>GSPdf is a 
PDF and PostScript file viewer.</dd>
+                       <dt><a 
href="addresses/index.html">Addresses</a></dt><dd>Addresses for GNUstep is a versatile address 
book application for managing contact information.</dd>
+                       </dl>
+                       <hr style="clear: left;"/>
                        </div>
                        <div class="content">
                                <h2>





reply via email to

[Prev in Thread] Current Thread [Next in Thread]