www/server/staging home.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/07/03 09:00:31

Modified files:
        server/staging : home.html 

Log message:
        Add captions.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/home.html?cvsroot=www&r1=1.15&r2=1.16

Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home.html,v
retrieving revision 1.15
retrieving revision 1.16
diff -u -b -r1.15 -r1.16
--- home.html   1 Jul 2018 14:28:29 -0000       1.15
+++ home.html   3 Jul 2018 13:00:30 -0000       1.16
@@ -47,24 +47,37 @@
 #gnu-linux {
    width: 31.5em;
    max-width: 100%;
-   margin: 1em auto;
 }
-#gnu-linux img#screenshot, .thumbs {
-   width: 100%;
-   text-align: center;
+.thumbs {
+   max-height: 7em;
+   overflow: auto;
    padding: .2em;
    background: #232323;
 }
-.thumbs {
-   max-height: 5.4em;
-   overflow: auto;
-   margin: 1em 0;
+#gnu-linux, .thumbs {
+   text-align: center;
+   font-style: italic;
+   margin: 1em auto;
+}
+#gnu-linux p {
+   line-height: 1.2em;
+}
+img#screenshot {
+   width: 100%;
+   border: .2em solid #232323;
+}
+.thumbs p {
+   float: left;
+   line-height: 1em;
+   text-align: center;
+   color: white;
+   margin: .3em 0;
 }
 .thumbs img {
-   display: inline;
-   padding: 0 .1em;
-   width: 7em; max-width: 100%;
+   height: 3.8em;
+   max-width: 100%;
    border: .1em solid white;
+   margin: 0 .3em;
 }
 .button {
    margin: .7em 0 1.2em;
@@ -192,24 +205,33 @@
 <div style="clear: left"></div>
 
 <div id="gnu-linux">
-<a href="/distros/screenshot.html"><img id="screenshot"
+<p><a href="/distros/screenshot.html"><img id="screenshot"
    src="/distros/screenshots/trisquel-medium.jpg"
-   alt="Screenshot of Trisquel"/></a>
+   alt="Screenshot of Trisquel with Gnome 2 desktop"/></a><br />
+   Trisquel with Gnome 2 desktop</p>
+</div>
 
 <div class="thumbs">
-<a href="/distros/screenshots/trisquel.png"><img
-   src="/distros/screenshots/trisquel-medium.jpg"
-   alt="Screenshot of Trisquel"/></a>
-<a href="/distros/screenshots/parabola.png"><img
-   src="/distros/screenshots/parabola.png"
-   alt="Screenshot of Parabola"/></a>
-<a href="/distros/screenshots/gnewsense2.png"><img
-   src="/distros/screenshots/gnewsense2.png"
-   alt="Screenshot of Gnewsense"/></a>
-<a href="/distros/screenshots/dragora.png"><img
-   src="/distros/screenshots/dragora.png"
-   alt="Screenshot of Dragora"/></a>
-</div>
+<p><a href="/distros/screenshots/trisquel.png"><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg"
+   alt="Screenshot of Trisquel with Gnome 2 desktop"/></a><br />
+   <small>Trisquel</small></p>
+<p><a href="/distros/screenshots/parabola.png"><img
+   src="/graphics/backgrounds/green-gnus-bg.jpg"
+   alt="Screenshot of Parabola"/></a><br /><small>Parabola</small></p>
+<p><a href=""><img
+   src="/graphics/backgrounds/grey-gnus-bg.jpg"
+   alt="Screenshot of GuixSD with Gnome 3 desktop"/><br />
+   </a><small>GuixSD</small></p>
+<p><a href=""><img
+   src="/graphics/backgrounds/blue-gnus-bg.jpg"
+   alt="Screenshot of Gnome 3 desktop"/></a><br /><small>Gnome 3</small></p>
+<p><a href=""><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg" alt=""/></a><br />
+   <small>etc.</small></p>
+<p><a href=""><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg" alt=""/></a><br />
+   <small>etc.</small></p>
 </div>
 
 <p class="button right">
@@ -444,7 +466,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2018/07/01 14:28:29 $
+$Date: 2018/07/03 13:00:30 $
 <!-- timestamp end -->
 </p>
 </div>