www/server/staging home1.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/07/05 12:09:02

Modified files:
        server/staging : home1.html 

Log message:
        Use real thumbnails; refine layout.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/home1.html?cvsroot=www&r1=1.5&r2=1.6

Patches:
Index: home1.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home1.html,v
retrieving revision 1.5
retrieving revision 1.6
diff -u -b -r1.5 -r1.6
--- home1.html  4 Jul 2018 09:01:20 -0000       1.5
+++ home1.html  5 Jul 2018 16:09:02 -0000       1.6
@@ -43,38 +43,49 @@
 h2.first {
    margin-top: 1em;
 }
+
 #gnu-linux, .thumbs {
-   line-height: 1.1em;
+   width: 32em;
+   max-width: 100%;
    text-align: center;
    font-style: italic;
-}
-#gnu-linux {
-   width: 31.5em;
-   max-width: 100%;
-   margin: .5em auto 1.5em;
+   color: white;
+   margin: 1em auto;
 }
 #gnu-linux img {
    width: 100%;
-   border: .2em solid #232323;
+}
+#gnu-linux p {
+   background: #444;
+   padding: .2em;
+   margin-right: .3em;
 }
 .thumbs {
    display: block;
    overflow: auto;
-   font-size: .9em;
-   background: #232323;
-   color: white;
-   padding: .25em 0;
+   background: #444;
 }
 .thumbs td {
-   padding: 0 0 0 .25em;
+   width: 25%;
+   padding: .2em;
    border: none;
+   border-right: .3em solid white;
+}
+.thumbs .image td {
+   vertical-align: top;
+   padding-bottom: 0;
+}
+.thumbs .caption td  {
+   padding-top: 0;
 }
 .thumbs img {
-   height: 4em;
-   border: .1em solid white;
+   width: 100%;
+   max-width: 12em;
+   min-width: 7em;
 }
+
 .button {
-   margin: .7em 0 1.2em;
+   margin: .7em 0;
 }
 .button a, .button a:visited {
    font-size: 1.6em;
@@ -198,39 +209,29 @@
   <a href="/distros/free-distros.html">Try GNU/Linux</a></p>
 <div style="clear: left"></div>
 
-<p id="gnu-linux"><a href="/distros/screenshot.html"><img id="screenshot"
-   src="/distros/screenshots/trisquel-medium.jpg"
-   alt="&nbsp;[Screenshot of Trisquel with Gnome 2 desktop]&nbsp;"/></a><br />
-   Trisquel with Gnome 2 desktop</p>
+<div id="gnu-linux">
+<p><a href="/distros/screenshots/guixSD-gnome3-medium.jpg"><img id="screenshot"
+   src="/distros/screenshots/guixSD-gnome3-medium.jpg"
+   alt="&nbsp;[Screenshot of guixSD with Gnome&nbsp;3 desktop]&nbsp;"/></a><br 
/>
+   GuixSD with Gnome&nbsp;3 desktop</p>
+</div>
 
 <table class="thumbs">
- <tr>
+ <tr class="image">
   <td><a href="/distros/screenshots/trisquel.png"><img
-   src="/graphics/backgrounds/white-gnus-bg.jpg"
-   alt="&nbsp;[Screenshot of Trisquel with Gnome 2 desktop]&nbsp;"/></a></td>
-  <td><a href="/distros/screenshots/parabola.png"><img
-   src="/graphics/backgrounds/green-gnus-bg.jpg"
-   alt="&nbsp;[Screenshot of Parabola]&nbsp;"/></a></td>
-  <td><a href=""><img
-   src="/graphics/backgrounds/grey-gnus-bg.jpg"
-   alt="&nbsp;[Screenshot of GuixSD with Gnome 3 desktop]&nbsp;"/></a></td>
-  <td><a href=""><img
    src="/graphics/backgrounds/blue-gnus-bg.jpg"
-   alt="&nbsp;[Screenshot of Gnome 3 desktop]&nbsp;"/></a></td>
-  <td><a href=""><img
-   src="/graphics/backgrounds/white-gnus-bg.jpg"
-   alt="&nbsp;[etc.]&nbsp;"/></a></td>
-  <td><a href=""><img
-   src="/graphics/backgrounds/white-gnus-bg.jpg"
-   alt="&nbsp;[etc.]&nbsp;"/></a></td>
- </tr>
- <tr>
-  <td>Trisquel</td>
-  <td>Parabola</td>
-  <td>GuixSD</td>
-  <td>Gnome 3</td>
-  <td>etc.</td>
-  <td>etc.</td>
+   alt="&nbsp;[Screenshot of Trisquel with Gnome&nbsp;2 
desktop]&nbsp;"/></a></td>
+  <td><a href="/distros/screenshots/guixSD-gnome3-medium.jpg"><img
+   src="/distros/screenshots/guixSD-gnome3-thumb.jpg"
+   alt="&nbsp;[Screenshot of guixSD with Gnome&nbsp;3 
desktop]&nbsp;"/></a></td>
+  <td><a href="/distros/screenshots/gnome3-medium.jpg"><img
+   src="/distros/screenshots/gnome3-thumb.jpg"
+   alt="&nbsp;[Screenshot of Gnome&nbsp;3 desktop]&nbsp;"/></a></td>
+</tr>
+ <tr class="caption">
+  <td><small>Trisquel / Gnome&nbsp;2</small></td>
+  <td><small>GuixSD / Gnome&nbsp;3</small></td>
+  <td><small>Gnome&nbsp;3</small></td>
  </tr>
 </table>
 
@@ -466,7 +467,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2018/07/04 09:01:20 $
+$Date: 2018/07/05 16:09:02 $
 <!-- timestamp end -->
 </p>
 </div>