www/server/staging home.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/06/30 04:34:13

Modified files:
        server/staging : home.html 

Log message:
        Floating buttons.

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

Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home.html,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- home.html   29 Jun 2018 20:55:12 -0000      1.8
+++ home.html   30 Jun 2018 08:34:13 -0000      1.9
@@ -31,10 +31,10 @@
 #content {
    margin: 0;
 }
-/*.first-column, .second-column {
+.first-column, .second-column {
    width: 40em; max-width: 100%;
    margin: auto;
-}*/
+}
 
 h2 {
    color: #333;
@@ -43,38 +43,40 @@
 h2.first {
    margin-top: 1em;
 }
+
 #gnu-linux {
    width: 30em; max-width: 100%;
-   text-align: center;
-   margin: 0 auto 1em;
+   margin: 1em auto;
 }
 #gnu-linux img {
    width: 100%;
 }
 .thumbs {
    text-align: center;
+   max-height: 5.5em;
+   overflow: auto;
 }
 .thumbs img {
-   display: inline;
-   width: 6.5em;
-   margin: 0 .5em;
+   width: 8em;
+   margin: .5em .5em 0;
 }
 .button {
-   text-align: center;
-   margin: 1.7em auto;
+   margin: .7em 0;
 }
 .button a, .button a:visited {
-   display: inline-block;
    font-size: 1.6em;
    padding: .4em .6em;
    color: #b02500;
    border: .1em solid #b02500;
-   margin: .5em .2em;
+   margin: .3em 0;
 }
 .button a:hover {
    color: #777;
    border-color: #777;
 }
+.left { float: left; }
+.right { float: right; }
+
 .first-column p.back {
    margin-bottom: 0;
 }
@@ -179,16 +181,9 @@
 are entirely free software.  <a href="#More-GNU">More about GNU
 below</a>.</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>
+<p class="button left">
+  <a href="/distros/free-distros.html">Спробувати GNU/Linux</a></p>
+<div style="clear: left"></div>
 
 <div class="thumbs">
 <a href="/distros/screenshot.html"><img
@@ -200,11 +195,19 @@
 <a href="/distros/screenshot.html"><img
    src="/distros/screenshots/trisquel-medium.jpg"
    alt="Screenshot of Trisquel"/></a>
+</div>
+
+<div id="gnu-linux">
 <a href="/distros/screenshot.html"><img
    src="/distros/screenshots/trisquel-medium.jpg"
    alt="Screenshot of Trisquel"/></a>
 </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>
+
 <h2>What is the Free Software Movement?</h2>
 
 <p>The free software movement campaigns to win for the users of
@@ -432,7 +435,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2018/06/29 20:55:12 $
+$Date: 2018/06/30 08:34:13 $
 <!-- timestamp end -->
 </p>
 </div>