[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www home.html
From: |
Therese Godefroy |
Subject: |
www home.html |
Date: |
Mon, 9 Jul 2018 17:25:32 -0400 (EDT) |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 18/07/09 17:25:32
Modified files:
. : home.html
Log message:
New screenshots as per RMS, add thumbnails, restyle buttons (see
www-discuss).
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/home.html?cvsroot=www&r1=1.545&r2=1.546
Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/home.html,v
retrieving revision 1.545
retrieving revision 1.546
diff -u -b -r1.545 -r1.546
--- home.html 29 Apr 2018 11:44:05 -0000 1.545
+++ home.html 9 Jul 2018 21:25:32 -0000 1.546
@@ -13,7 +13,7 @@
margin: 0;
}
.first-column, .second-column {
- width: 40em; max-width: 100%;
+ width: 46em; max-width: 100%;
margin: auto;
}
@@ -24,26 +24,74 @@
h2.first {
margin-top: 1em;
}
-#gnu-linux {
- width: 30em; max-width: 100%;
+
+#gnu-linux, .thumbs {
text-align: center;
- margin: 0 auto 1em;
+ font-style: italic;
+ margin: 1em auto;
+}
+#gnu-linux {
+ width: 32em;
+ max-width: 100%;
+ margin: .5em auto;
+}
+#screenshot, .thumbs .image td {
+ line-height: .8em;
+ background: #444;
+ padding: .2em;
+}
+#screenshot a, .thumbs .image td a {
+ color: white;
}
-#gnu-linux img {
+#screenshot img {
width: 100%;
}
-.button {
- font-size: 1.8em;
- margin: 1.7em 0;
+#gnu-linux p {
+ line-height: 1.2em;
+ margin: .2em 0 0;
+}
+.thumbs {
+ width: 100%;
+ display: block;
+ overflow: auto;
+ padding-bottom: .2em;
+}
+.thumbs td {
+ width: 33.3%;
+ vertical-align: top;
+ padding: .1em;
+ border: 0;
+ border-left: .5em solid white;
+}
+.thumbs td:first-child {
+ border: 0;
+}
+.thumbs .caption td {
+ line-height: 1em;
+}
+.thumbs img {
+ width: 10em;
+ max-width: 100%;
+ min-width: 8em;
+}
+.button.left {
+ float: left;
+ margin: .7em 0;
+}
+.button.right {
+ float: right;
+ margin: 0 0 .3em;
}
.button a, .button a:visited {
+ font-size: 1.6em;
padding: .4em .6em;
- color: #a42e2b;
- background: #eee;
- border: .1em solid #ccc;
+ color: #b02500;
+ border: .1em solid #b02500;
+ margin: .3em 0;
}
.button a:hover {
color: #777;
+ border-color: #777;
}
.first-column p.back {
margin-bottom: 0;
@@ -56,6 +104,9 @@
.second-column .emph-box.white {
background: white;
}
+.second-column .emph-box.beige {
+ background: #faf8ed;
+}
.second-column .emph-box .back {
margin-top: 1em;
}
@@ -107,14 +158,14 @@
margin: 0 3% 2em;
}
address@hidden (min-width: 57em) {
address@hidden (min-width: 60em) {
.first-column {
- width: 61%;
+ width: 65%;
float: left;
margin: 0;
}
.second-column {
- width: 33%;
+ width: 30%;
float: right;
margin: 0;
}
@@ -146,17 +197,43 @@
are entirely free software. <a href="#More-GNU">More about GNU
below</a>.</p>
+<p class="button left">
+ <a href="/distros/free-distros.html">Try GNU/Linux</a></p>
+<div style="clear: left"></div>
+
<div id="gnu-linux">
-<p class="button"><a
- href="/distros/free-distros.html">Try GNU/Linux!</a></p>
-<p class="button"><a
-
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements">
- Try parts of GNU</a></p>
-<a href="/distros/screenshot.html"><img
- src="/distros/screenshots/trisquel-medium.jpg"
- alt="Screenshot of GNU"/></a>
+<div id="screenshot">
+ <a href="/distros/screenshots/trisquel8-mate.jpg"><img
+ src="/distros/screenshots/trisquel8-mate-medium.jpg"
+ alt=" [Screenshot of Trisquel 8 with MATE desktop] "/></a>
+</div>
+<p><a href="https://trisquel.info">Trisquel 8</a> with MATE desktop,
Abrowser (web browser), and Inkscape (vector graphics editor)</p>
+
+<table class="thumbs">
+ <tr class="image">
+ <td><a href="/distros/screenshot.html"><img
+ src="/distros/screenshots/trisquel7-thumb.jpg"
+ alt=" [Screenshot of Trisquel 7 with Gnome Classic
desktop] "/></a></td>
+ <td><a href="https://www.gnu.org/software/guix/"><img
+ src="/distros/screenshots/guixSD-gnome3-thumb.jpg"
+ alt=" [Screenshot of guixSD with GNOME 3
desktop] "/></a></td>
+ <td><a href="https://www.gnome.org/"><img
+ src="/distros/screenshots/gnome3-thumb.jpg"
+ alt=" [Screenshot of GNOME 3 desktop] "/></a></td>
+</tr>
+ <tr class="caption">
+ <td><small>Trisquel 7 / GNOME Classic</small></td>
+ <td><small>GuixSD / GNOME 3</small></td>
+ <td><small>GNOME 3</small></td>
+ </tr>
+</table>
</div>
+<p class="button right">
+ ... or <a
href="https://directory.fsf.org/wiki/Free_Software_Directory:Free_software_replacements">
+Try parts of GNU</a></p>
+<div style="clear: right"></div>
+
<h2>What is the Free Software Movement?</h2>
<p>The free software movement campaigns to win for the users of
@@ -235,7 +312,8 @@
<div id="Flashes" class="emph-box white">
<h3><a href="http://planet.gnu.org/">Planet GNU</a>
-<a href="http://planet.gnu.org/rss20.xml"><img src="/feed-icon-10x10.png"
alt="RSS Feed" /></a></h3>
+<a href="http://planet.gnu.org/rss20.xml"><img src="/feed-icon-10x10.png"
+alt="RSS Feed" /></a></h3>
<div class="ltr">
<!--#include virtual="/planetfeeds.html" -->
</div>
@@ -244,7 +322,7 @@
releases</a>.</p>
</div>
-<div id="Action" class="emph-box">
+<div id="Action" class="emph-box beige">
<h3>Take Action</h3>
<ul>
@@ -270,7 +348,7 @@
<p class="back"><a href="/server/takeaction.html">More action items</a></p>
</div>
-<div id="unmaint" class="emph-box">
+<div id="unmaint" class="emph-box beige">
<ul>
<li><strong>Can you contribute to any of
these <a href="//www.fsf.org/campaigns/priority-projects/">High
@@ -372,8 +450,7 @@
There is more detail about copyright years in the GNU Maintainers
Information document, www.gnu.org/prep/maintain. -->
-<p>Copyright © 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003,
-2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016,
2017, 2018 <a
+<p>Copyright © 1996-2018 <a
href="http://www.fsf.org">Free Software Foundation</a>, Inc.</p>
<p>This page is licensed under a <a rel="license"
@@ -384,7 +461,7 @@
<p class="unprintable">Updated:
<!-- timestamp start -->
-$Date: 2018/04/29 11:44:05 $
+$Date: 2018/07/09 21:25:32 $
<!-- timestamp end -->
</p>
</div>
- www home.html,
Therese Godefroy <=
- www home.html, Ineiev, 2018/07/10
- www home.html, Therese Godefroy, 2018/07/11
- www home.html, Therese Godefroy, 2018/07/11
- www home.html, Therese Godefroy, 2018/07/11
- www home.html, Therese Godefroy, 2018/07/11
- www home.html, Therese Godefroy, 2018/07/11
- www home.html, Therese Godefroy, 2018/07/12
- www home.html, Therese Godefroy, 2018/07/12
- www home.html, Therese Godefroy, 2018/07/12
- www home.html, Ineiev, 2018/07/13