www/server/staging home.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/06/29 16:55:13

Modified files:
        server/staging : home.html 

Log message:
        2 Buttons side by side; 1 screenshot & 4 thumbnails.

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

Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home.html,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -b -r1.7 -r1.8
--- home.html   28 Jun 2018 17:36:03 -0000      1.7
+++ home.html   29 Jun 2018 20:55:12 -0000      1.8
@@ -8,6 +8,7 @@
 <link rel="alternate" title="Planet GNU" 
href="http://planet.gnu.org/rss20.xml"; type="application/rss+xml" />
 
 <style type="text/css" media="print,screen">
+<!--
 /* ~~ For layout.css ~~ */
 #join-fsf a, #join-fsf a:visited {
    color: #b02500;
@@ -30,10 +31,10 @@
 #content {
    margin: 0;
 }
-.first-column, .second-column {
-   width: 45em; max-width: 100%;
+/*.first-column, .second-column {
+   width: 40em; max-width: 100%;
    margin: auto;
-}
+}*/
 
 h2 {
    color: #333;
@@ -42,32 +43,37 @@
 h2.first {
    margin-top: 1em;
 }
-.gnu-linux {
-   max-width: 25em;
+#gnu-linux {
+   width: 30em; max-width: 100%;
    text-align: center;
-   margin: 1.5em auto;
+   margin: 0 auto 1em;
 }
-.gnu-linux img {
+#gnu-linux img {
    width: 100%;
 }
-.gnu-linux p {
-   font-style: italic;
-   padding: .3em 0;
-   margin: 0;
+.thumbs {
+   text-align: center;
+}
+.thumbs img {
+   display: inline;
+   width: 6.5em;
+   margin: 0 .5em;
 }
 .button {
-   width: 25em; max-width: 100%;
-   margin: 2.5em auto;
+   text-align: center;
+   margin: 1.7em auto;
 }
 .button a, .button a:visited {
+   display: inline-block;
    font-size: 1.6em;
    padding: .4em .6em;
    color: #b02500;
    border: .1em solid #b02500;
+   margin: .5em .2em;
 }
 .button a:hover {
    color: #777;
-   border: .1em solid #777;
+   border-color: #777;
 }
 .first-column p.back {
    margin-bottom: 0;
@@ -117,6 +123,7 @@
    direction: ltr;
    text-align: left;
 }
+
 .clear {
    clear: both;
    height: 2em;
@@ -132,17 +139,8 @@
    font-size: .9em;
    margin: 0 3% 2em;
 }
address@hidden (min-width: 45em) {
-   .gnu-linux {
-      width: 47.6%;
-      font-style: italic;
-      text-align: center;
-      margin: 0 1%;
-   }
-   .left { float: left; }
-   .right { float: right; }
-}
address@hidden (min-width: 60em) {
+
address@hidden (min-width: 57em) {
    .first-column {
       width: 65%;
       float: left;
@@ -181,28 +179,32 @@
 are entirely free software.  <a href="#More-GNU">More about GNU
 below</a>.</p>
 
-<p class="button"><a
-   href="/distros/free-distros.html">Try GNU/Linux!</a></p>
-
-<div class="gnu-linux left">
-<a href="https://trisquel.info";><img
-   src="/distros/screenshots/trisquel.png"
-   alt="Screenshot of Trisquel"/></a>
-<p class="emph-box">Trisquel</p>
+<p class="button">
+  <a href="/distros/free-distros.html">Спробувати GNU/Linux</a>
+  <a 
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements";>
+Спробуйте частини GNU</a></p>
+
+<div id="gnu-linux">
+<a href="/distros/screenshot.html"><img
+   src="/distros/screenshots/trisquel-medium.jpg"
+   alt="Screenshot of GNU" /></a>
 </div>
 
-<div class="gnu-linux right">
-<a href="https://www.parabola.nu/";><img
-   src="/distros/screenshots/parabola0.png"
-   alt="Screenshot of Parabola"/></a>
-<p class="emph-box">Parabola</p>
+<div class="thumbs">
+<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>
+<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>
 </div>
 
-<div style="clear: both"></div>
-<p class="button"><a
-   
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements";>
-   Try parts of GNU</a></p>
-
 <h2>What is the Free Software Movement?</h2>
 
 <p>The free software movement campaigns to win for the users of
@@ -430,7 +432,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2018/06/28 17:36:03 $
+$Date: 2018/06/29 20:55:12 $
 <!-- timestamp end -->
 </p>
 </div>