www/server/staging home.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/07/01 07:44:53

Modified files:
        server/staging : home.html 

Log message:
        thumbnails with different aspect ratios.

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

Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home.html,v
retrieving revision 1.10
retrieving revision 1.11
diff -u -b -r1.10 -r1.11
--- home.html   30 Jun 2018 08:48:16 -0000      1.10
+++ home.html   1 Jul 2018 11:44:51 -0000       1.11
@@ -45,24 +45,31 @@
 }
 
 #gnu-linux {
-   width: 30em; max-width: 100%;
+   width: 34.2em;
+   max-width: 100%;
    margin: 1em auto;
 }
-#gnu-linux img {
+#gnu-linux img#screenshot, .thumbs {
    width: 100%;
+   text-align: center;
+   padding: .2em;
+   background: #232323;
 }
 .thumbs {
-   text-align: center;
-   max-height: 5.2em;
+   max-height: 6em;
    overflow: auto;
-   margin-bottom: 1em;
+   margin: 1em 0;
+}
+.thumbs div {
+   display: inline;
+   padding: 0 .1em;
 }
 .thumbs img {
-   width: 8em;
-   margin: .25em .5em;
+   width: 7.7em; max-width: 100%;
+   border: .1em solid white;
 }
 .button {
-   margin: .7em 0;
+   margin: .7em 0 1.2em;
 }
 .button a, .button a:visited {
    font-size: 1.6em;
@@ -182,32 +189,35 @@
 are entirely free software.  <a href="#More-GNU">More about GNU
 below</a>.</p>
 
+<div id="gnu-linux">
 <p class="button left">
-  <a href="/distros/free-distros.html">Спробувати GNU/Linux</a></p>
+  <a href="/distros/free-distros.html">Try GNU/Linux</a></p>
 <div style="clear: left"></div>
 
-<div id="gnu-linux">
-<a href="/distros/screenshot.html"><img
+<a href="/distros/screenshot.html"><img id="screenshot"
    src="/distros/screenshots/trisquel-medium.jpg"
    alt="Screenshot of Trisquel"/></a>
-</div>
 
 <div class="thumbs">
-<a href="/distros/screenshot.html"><img
+<div><a href="/distros/screenshots/trisquel.png"><img
    src="/distros/screenshots/trisquel-medium.jpg"
-   alt="Screenshot of Trisquel"/></a>
-<a href="/distros/screenshot.html"><img
-   src="/distros/screenshots/trisquel-medium.jpg"
-   alt="Screenshot of Trisquel"/></a>
-<a href="/distros/screenshot.html"><img
-   src="/distros/screenshots/trisquel-medium.jpg"
-   alt="Screenshot of Trisquel"/></a>
+   alt="Screenshot of Trisquel"/></a></div>
+<div><a href="/distros/screenshots/parabola.png"><img
+   src="/distros/screenshots/parabola.png"
+   alt="Screenshot of Parabola"/></a></div>
+<div><a href="/distros/screenshots/gnewsense2.png"><img
+   src="/distros/screenshots/gnewsense2.png"
+   alt="Screenshot of Gnewsense"/></a></div>
+<div><a href="/distros/screenshots/dragora.png"><img
+   src="/distros/screenshots/dragora.png"
+   alt="Screenshot of Dragora"/></a></div>
 </div>
 
 <p class="button right">
-  <a 
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements";>
-Спробуйте частини GNU</a></p>
-<div style="clear: both"></div>
+  ... or <a 
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements";>
+Try parts of GNU</a></p>
+</div>
+<div style="clear: right"></div>
 
 <h2>What is the Free Software Movement?</h2>
 
@@ -436,7 +446,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2018/06/30 08:48:16 $
+$Date: 2018/07/01 11:44:51 $
 <!-- timestamp end -->
 </p>
 </div>