[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>