www/server/staging home1.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 18/07/03 12:12:46

Modified files:
        server/staging : home1.html 

Log message:
        Thumbnails with captions - table display.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/home1.html?cvsroot=www&r1=1.2&r2=1.3

Patches:
Index: home1.html
===================================================================
RCS file: /webcvs/www/www/server/staging/home1.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- home1.html  10 Dec 2015 20:21:09 -0000      1.2
+++ home1.html  3 Jul 2018 16:12:46 -0000       1.3
@@ -1,5 +1,5 @@
 <!--#include virtual="/server/header.html" -->
-<!-- Parent-Version: 1.77 -->
+<!-- Parent-Version: 1.84 -->
 
 <title>The GNU Operating System and the Free Software Movement</title>
 
@@ -7,18 +7,187 @@
 <meta http-equiv="Description" content="Since 1983, developing the free Unix 
style operating system GNU, so that computer users can have the freedom to 
share and improve the software they use." />
 <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;
+   background: #fff;
+   border-color:  #b02500;
+}
+form.header input[type="submit"] {
+   background: #fff;
+}
+#fssbox input[type="submit"] {
+   color: #004caa;
+   border-color: #004caa;
+}
+#join-fsf a:hover, #fssbox input[type="submit"]:hover,
+ form.header input[type="submit"]:hover {
+   color: #777;
+   border-color: #777;
+}
+/* ~~~~~~~~~~~~~~~~~~~~ */
+#content {
+   margin: 0;
+}
+.first-column, .second-column {
+   width: 40em; max-width: 100%;
+   margin: auto;
+}
+
+h2 {
+   color: #333;
+   margin: 1.2em 0 .9em;
+}
+h2.first {
+   margin-top: 1em;
+}
+
+#gnu-linux {
+   width: 31.5em;
+   max-width: 100%;
+}
+#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 {
+   display: block;
+   overflow: auto;
+   background: #232323;
+   padding: .15em;
+   margin: auto;
+}
+.thumbs td {
+   line-height: 1em;
+   text-align: center;
+   color: white;
+   padding: .15em;
+   border: none;
+}
+.thumbs img {
+   height: 3.8em;
+   border: .1em solid white;
+}
+.button {
+   margin: .7em 0 1.2em;
+}
+.button a, .button a:visited {
+   font-size: 1.6em;
+   padding: .4em .6em;
+   color: #b02500;
+   border: .1em solid #b02500;
+   margin: .3em 0;
+}
+.button a:hover {
+   color: #777;
+   border-color: #777;
+}
+.left { float: left; }
+.right { float: right; }
+
+.first-column p.back {
+   margin-bottom: 0;
+}
+
+.second-column .emph-box {
+   padding: 0 1.2em 1.2em;
+   margin-top: 2.3em;
+}
+.second-column .emph-box.white {
+   background: white;
+}
+.second-column .emph-box.beige {
+   background: #faf8ed;
+}
+.second-column .emph-box .back {
+   margin-top: 1em;
+}
+h3 {
+   margin-top: .7em;
+}
+h3 img {
+   height: .8em;
+   margin-left: .5em;
+}
+#blurb h4 {
+   text-align: left;
+   font-size: 1.5em;
+   margin-top: .4em;
+}
+#blurb h4 img {
+   float: left;
+   margin-right: .5em;
+}
+#Flashes p, #unmaint li, #blurb p, #blurb p small {
+   font-size: .9em;
+}
+#unmaint li, #blurb p {
+   color: #404040;
+}
+#unmaint strong {
+   display: block;
+   font-size: 1.1em;
+   color: black;
+}
+.ltr {
+   direction: ltr;
+   text-align: left;
+}
+
+.clear {
+   clear: both;
+   height: 2em;
+}
+.translators-notes {
+   width: 44.4em; max-width: 100%;
+   margin: 0 auto;
+}
+#mission-statement {
+   margin-bottom: 0;
+}
+#sisters {
+   font-size: .9em;
+   margin: 0 3% 2em;
+}
+
address@hidden (min-width: 60em) {
+   .first-column {
+      width: 65%;
+      float: left;
+      margin: 0;
+   }
+   .second-column {
+      width: 30%;
+      float: right;
+      margin: 0;
+   }
+   .translators-notes {
+      width: 100%;
+   }
+}
+-->
+</style>
 <!--#include virtual="/server/fs-gang-definitions.html" -->
 <!--#include virtual="/po/home.translist" -->
-<!--#include virtual="/server/staging/banner1.html" -->
-
-<p class="netscape4">GNU is the only operating system developed
+<!--#include virtual="/server/banner.html" -->
+<p class="no-display">GNU is the only operating system developed
 specifically to give its users freedom.  What is GNU, and what freedom
 is at stake?</p>
 
 <div id="home">
 <div class="first-column">
 
-<h2>What is GNU?</h2>
+<h2 class="first">What is GNU?</h2>
 
 <p>GNU is an operating system that
 is <a href="/philosophy/free-sw.html">free software</a>&mdash;that is,
@@ -30,9 +199,52 @@
 are entirely free software.  <a href="#More-GNU">More about GNU
 below</a>.</p>
 
-<p class="c"><a href="/distros/screenshot.html"><img
-   src="/distros/screenshots/trisquel.png" alt="Screenshot of GNU"
-   /></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><a href="/distros/screenshot.html"><img id="screenshot"
+   src="/distros/screenshots/trisquel-medium.jpg"
+   alt="&nbsp;[Screenshot of Trisquel with Gnome 2 desktop]&nbsp;"/></a><br />
+   Trisquel with Gnome 2 desktop</p>
+</div>
+
+<table class="thumbs">
+ <tr>
+  <td><a href="/distros/screenshots/trisquel.png"><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg"
+   alt="&nbsp;[Screenshot of Trisquel with Gnome 2 desktop]&nbsp;"/></a></td>
+  <td><a href="/distros/screenshots/parabola.png"><img
+   src="/graphics/backgrounds/green-gnus-bg.jpg"
+   alt="&nbsp;[Screenshot of Parabola]&nbsp;"/></a></td>
+  <td><a href=""><img
+   src="/graphics/backgrounds/grey-gnus-bg.jpg"
+   alt="&nbsp;[Screenshot of GuixSD with Gnome 3 desktop]&nbsp;"/></a></td>
+  <td><a href=""><img
+   src="/graphics/backgrounds/blue-gnus-bg.jpg"
+   alt="&nbsp;[Screenshot of Gnome 3 desktop]&nbsp;"/></a></td>
+  <td><a href=""><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg"
+   alt="&nbsp;[etc.]&nbsp;"/></a></td>
+  <td><a href=""><img
+   src="/graphics/backgrounds/white-gnus-bg.jpg"
+   alt="&nbsp;[etc.]&nbsp;"/></a></td>
+ </tr>
+ <tr>
+  <td>Trisquel</td>
+  <td>Parabola</td>
+  <td>GuixSD</td>
+  <td>Gnome 3</td>
+  <td>etc.</td>
+  <td>etc.</td>
+ </tr>
+</table>
+
+<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>
 
@@ -105,42 +317,31 @@
 developing the Hurd because it is an interesting technical
 project.</p>
 
-<p><a href="/gnu/gnu.html">More information</a>.</p>
-
+<p class="back"><a href="/gnu/gnu.html">More information</a></p>
 </div><!-- /first-column -->
 
 <div class="second-column">
 
-<p class="button c large"><a
-      href="/distros/free-distros.html">Try GNU/Linux!</a></p>
-
-<div class="emph-box">
-
-<h4 id="Flashes"><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></h4>
-
+<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>
+<div class="ltr">
 <!--#include virtual="/planetfeeds.html" -->
-
+</div>
 <p>For more news, see <a href="http://planet.gnu.org/";>Planet GNU</a>
 and the list of <a href="/software/recent-releases.html">recent GNU
 releases</a>.</p>
+</div>
 
-<!--#include virtual="/server/home-pkgselect.html" -->
-<!--#include virtual="/server/home-pkgblurbs.html" -->
-
-<p><small><a href="/manual/blurbs.html">Short descriptions for all GNU
-packages.</a></small></p>
-
-</div><!-- class="emph-box" -->
-
-<div id="Action">
-
-<!-- BEGIN TakeAction -->
-<h2>Take Action</h2>
+<div id="Action" class="emph-box beige">
+<h3>Take Action</h3>
 
 <ul>
-<li><strong><a href="http://www.fsf.org/campaigns";>Support current FSF
-campaigns</a></strong>.</li>
+<li><strong>Support the efforts on net neutrality
+<a href="http://www.savetheinternet.com"; title="Net
+neutrality in the United States of America">in the USA</a></strong>,
+and in your home country.</li>
 
 <li>Defend <a href="http://www.laquadrature.net/en/Privacy";>
 privacy</a>, and support <a
@@ -148,68 +349,63 @@
 global copyright reform</a> with <a
 href="http://www.laquadrature.net/en/";>LQDN</a>.</li>
 
-<li>Support the efforts on net neutrality in Europe,
-<a href="http://www.savetheinternet.com"; title="Net
-neutrality in the United States of America">in the USA</a>
-and <a href="http://saveournet.ca/"; title="Net neutrality in
-Canada">in Canada</a>.</li>
-
-<li><strong>Fight against software patents:</strong>
-<a href="http://www.endsoftpatents.org";>worldwide</a>,
-<a href="/server/takeaction.html#swpat">and Europe</a>.</li>
-
-<li><strong>Watch and share this movie:</strong> <a
-href="http://patentabsurdity.com";>Patent Absurdity</a>&mdash;made
-possible by <a href="http://www.fsf.org/associate/";>FSF associate
-members</a> like <a href="http://fsf.org/jfb";>you</a>.</li>
-
-<li><strong><a href="/server/takeaction.html#wipochange">Call
-on WIPO</a></strong> to change its name and mission.</li>
-
-<li>Students! <a href="http://www.aful.org/communiques/univ-offers-me-windows";>
-Claim a refund on your unused Microsoft Windows licences</a>.</li>
-
-<li><a href="/server/takeaction.html#directory">Add to the Free Software
-Directory</a>.</li>
-
-<li><a href="/server/takeaction.html">More action items.</a></li>
+<li><strong><a href="http://www.fsf.org/campaigns";>Support current FSF
+campaigns</a></strong>.</li>
 
+<li>Fight against software patents:
+<a href="http://www.endsoftpatents.org";>worldwide</a>, and
+<a href="/server/takeaction.html#swpat">in Europe</a>.</li>
 </ul>
 
-<!-- END TakeAction -->
-</div><!-- /Action -->
-</div><!-- /second-column -->
-</div><!-- /home -->
-
-<div class="highlight-para">
+<p class="back"><a href="/server/takeaction.html">More action items</a></p>
+</div>
 
-<p><strong>Can you contribute to any of
-these <a href="http://www.fsf.org/campaigns/priority-projects/";>High
-Priority Projects</a>?</strong> Gnash, coreboot, free distributions of
-GNU/Linux, GNU Octave, drivers for network routers, reversible
-debugging in GDB, automatic transcription, PowerVR drivers, and also
-free software replacements for Skype, OpenDWG libraries, and Oracle
-Forms.</p>
+<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
+Priority Areas</a>?</strong> Free phone operating system;
+decentralization, federation, and self-hosting; free drivers,
+firmware, and hardware designs; real-time voice and video chat;
+encourage contribution by people underrepresented in the community,
+and more.</li>
 
-<p id="unmaint"><strong>Can you take over an <a
+<li><strong>Can you take over an <a
 href="/server/takeaction.html#unmaint">unmaintained GNU
 package</a>?</strong>
 <span class="gnun-split"></span>
-  <a href="/software/halifax/">halifax</a>,
-  <a href="/software/metahtml/">metahtml</a>,
-  <a href="/software/orgadoc/">orgadoc</a>,
-  <a href="/software/polyxmass/">polyxmass</a>,
-  <a href="/software/teximpatient/">teximpatient</a><span 
class="gnun-split"></span>,
+  <a href="/software/halifax/">halifax</a><span class="gnun-split"></span>,
 are all <a href="/server/takeaction.html#unmaint">looking for
 maintainers</a>.  Also, these packages are looking for co-maintainers:
 <span class="gnun-split"></span>
   <a href="/software/aspell/">aspell</a>,
+  <a href="/software/bison/">bison</a>,
   <a href="/software/gnuae/">gnuae</a>,
+  <a href="/software/gnubik/">gnubik</a>,
   <a href="/software/metaexchange/">metaexchange</a>,
-  <a href="/software/powerguru/">powerguru</a><span class="gnun-split"></span>.
-See the package web pages for more information.</p>
+  <a href="/software/powerguru/">powerguru</a>,
+  <a href="/software/xboard/">xboard</a><span class="gnun-split"></span>.
+See the package web pages for more information.</li>
+</ul>
+</div>
 
-</div><!-- /highlight-para -->
+<div id="blurb" class="emph-box white">
+<p><strong><a href="/software/recent-releases.html">Recent GNU
+releases</a></strong></p>
+
+<p><strong><a href="/manual/blurbs.html">Short descriptions for all GNU
+packages</a></strong></p>
+
+<p style="margin-top: 2em">Today's random package&hellip;</p>
+<!--#include virtual="/server/home-pkgselect.html" -->
+<div class="ltr">
+<!--#include virtual="/server/home-pkgblurbs.html" -->
+</div>
+</div>
+
+</div><!-- /second-column -->
+</div><!-- /home -->
+<div class="clear"></div>
 
 </div><!-- for id="content", starts in the include above -->
 <!--#include virtual="/server/footer.html" -->
@@ -217,11 +413,37 @@
 <p id="sisters">The <a href="http://www.fsf.org/";>FSF</a> also has sister
 organizations in <a href="http://www.fsfe.org";>Europe</a>, <a
 href="http://www.fsfla.org/";>Latin America</a> and <a
-href="http://fsf.org.in/";>India</a>.</p>
+href="http://gnu.org.in/";>India</a>.</p>
 
 <!--#include virtual="/server/fs-gang.html" -->
 
 <div id="footer">
+<div class="unprintable">
+
+<p>Please send general FSF &amp; GNU inquiries to
+<a href="mailto:address@hidden";>&lt;address@hidden&gt;</a>.
+There are also <a href="/contact/">other ways to contact</a>
+the FSF.  Broken links and other corrections or suggestions can be sent
+to <a href="mailto:address@hidden";>&lt;address@hidden&gt;</a>.</p>
+
+<p><!-- TRANSLATORS: Ignore the original text in this paragraph,
+        replace it with the translation of these two:
+
+        We work hard and do our best to provide accurate, good quality
+        translations.  However, we are not exempt from imperfection.
+        Please send your comments and general suggestions in this regard
+        to <a href="mailto:address@hidden";>
+        &lt;address@hidden&gt;</a>.</p>
+
+        <p>For information on coordinating and submitting translations of
+        our web pages, see <a
+        href="/server/standards/README.translations.html">Translations
+        README</a>. -->
+Please see the <a
+href="/server/standards/README.translations.html">Translations
+README</a> for information on coordinating and submitting translations
+of this article.</p>
+</div>
 
 <!-- Regarding copyright, in general, standalone pages (as opposed to
      files generated as part of manuals) on the GNU web server should
@@ -240,8 +462,7 @@
      There is more detail about copyright years in the GNU Maintainers
      Information document, www.gnu.org/prep/maintain. -->
 
-<p>Copyright &copy; 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003,
-2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015 <a
+<p>Copyright &copy; 1996-2018 <a
 href="http://www.fsf.org";>Free Software Foundation</a>, Inc.</p>
 
 <p>This page is licensed under a <a rel="license"
@@ -252,7 +473,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2015/12/10 20:21:09 $
+$Date: 2018/07/03 16:12:46 $
 <!-- timestamp end -->
 </p>
 </div>