[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www home.html
From: |
Therese Godefroy |
Subject: |
www home.html |
Date: |
Sun, 19 Jun 2016 07:38:37 +0000 (UTC) |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 16/06/19 07:38:37
Modified files:
. : home.html
Log message:
Amend last commit - sorry.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/home.html?cvsroot=www&r1=1.511&r2=1.512
Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/home.html,v
retrieving revision 1.511
retrieving revision 1.512
diff -u -b -r1.511 -r1.512
--- home.html 19 Jun 2016 06:09:36 -0000 1.511
+++ home.html 19 Jun 2016 07:38:37 -0000 1.512
@@ -13,121 +13,63 @@
clear: both; content: ""; display: block;
height: 0px; visibility: hidden; width: 0px;
}
-#home h2 {
- color: #333;
- margin-bottom: .6em;
-}
-h2 img {
- width: .75em;
+
+#home .first-column {
+ width: 60%;
+ float: left;
}
-.button.large {
- font-size: 1.5em;
- font-family: "FreeSans", sans-serif;
+#home .second-column {
+ width: 38%;
float: right;
- position: relative; top: .5em;
-}
-.button.large a, .button.large a:visited {
- color: white;
- background: #e74c3c;
- border: .2em solid white;
-}
-.button.large a:hover {
- color: #ccc;
-}
-#gnu-linux {
- width: 30em; max-width: 100%;
- padding-top: .3em;
- margin: 0 auto 2em;
-}
-#gnu-linux p {
- margin: 0;
}
-#gnu-linux img {
- width: 93%;
address@hidden (max-width: 40em) {
+ #home .first-column, #home .second-column {
+ float: none;
+ width: 100%;
+ }
}
-.first-column p.back {
- margin: 1em 0;
+#home .first-column, #home .second-column {
+ margin-bottom: 2em; margin-top: 0;
}
-.second-column p.back {
- margin: 1em 0 0;
+
+#home h2 {
+ text-shadow: none;
+ margin-bottom: .6em;
}
-.card {
+#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
+#home .second-column h4 img { height: .75em; width: .75em; }
+h4#Flashes { margin-top: .5em; }
+#Action {
text-align: left;
- margin: 2.3em 0 0;
- border: 1px solid #ccc;
-}
-h3.card-header {
- padding: .5em .8em;
- margin: 0;
- background: #f5f5f5;
- border-bottom: 1px solid #ccc;
-}
-h3.card-header img {
- height: .75em;
-}
-.card-body > *:first-child > li:first-child,
- .card-body > *:first-child {
- margin-top: 0;
-}
-.card-body > * > li, .card-body > * {
- margin-bottom: 0;
-}
-.card-body {
- padding: 1.2em;
-}
-#unmaint {
- margin-bottom: .8em;
-}
-p#backtotop {
- float: right;
- margin-top: 2.5em;
-}
-#sisters {
- font-size: .9em;
- margin: 0 3% 1.5em 3%;
+ padding: 0 1em;
+ border-left: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
}
address@hidden (min-width: 55em) {
- h2 img { display: none }
- .first-column {
- width: 64%;
- float: left;
- }
- .second-column {
- width: 33%;
- float: right;
- }
- .card {
- float: right;
- }
+h2#Action {
+ text-align: center;
}
+#Action h2 {
+ float: none;
+ text-align: center;
+ padding-top: 0;
+ color: #171d33;
+}
+#Action li { margin-bottom: .7em; }
+p#backtotop { float: right; margin-top: 2.5em; }
+#sisters { font-size: .9em; margin: 0 3% 1.5em 3%; }
-->
-<!--#if expr="$LANGUAGE_SUFFIX = /[.](ar|fa|he)/" -->
-<!--
-p#backtotop { float: left; }
address@hidden (min-width: 55em) {
- .first-column {
- float: right;
- }
- .second-column {
- float: left;
- .card {
- float: left;
- }
-}
--->
-<!--#endif -->
</style>
<!--#include virtual="/server/fs-gang-definitions.html" -->
<!--#include virtual="/po/home.translist" -->
<!--#include virtual="/server/banner.html" -->
-<p class="no-display">GNU is the only operating system developed
+<p class="netscape4">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>
<p>GNU is an operating system that
@@ -140,14 +82,9 @@
are entirely free software. <a href="#More-GNU">More about GNU
below</a>.</p>
-<div id="gnu-linux">
-<p class="button large"><a
- href="/distros/free-distros.html">Try GNU/Linux!</a></p>
-
-<a href="/distros/screenshot.html"><img
- src="/distros/screenshots/trisquel-medium.jpg"
- alt="Screenshot of GNU"/></a>
-</div>
+<p class="c"><a href="/distros/screenshot.html"><img
+ src="/distros/screenshots/trisquel-medium.jpg" alt="Screenshot of GNU"
+ /></a></p>
<h2>What is the Free Software Movement?</h2>
@@ -220,25 +157,39 @@
developing the Hurd because it is an interesting technical
project.</p>
-<p class="back"><a href="/gnu/gnu.html">More information</a>.</p>
+<p><a href="/gnu/gnu.html">More information</a>.</p>
</div><!-- /first-column -->
+
<div class="second-column">
-<div id="Flashes" class="card">
-<h3 class="card-header"><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="card-body">
+<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>
+
<!--#include virtual="/planetfeeds.html" -->
+
<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>
-</div>
-<div id="Action" class="card">
-<h3 class="card-header">Take Action</h3>
-<div class="card-body">
+<!--#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>
+
<ul>
<li><strong><a href="http://www.fsf.org/campaigns">Support current FSF
campaigns</a></strong>.</li>
@@ -272,15 +223,18 @@
<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>
+
</ul>
-<p class="back"><a href="/server/takeaction.html">More action items.</a></p>
-</div>
-</div>
+<!-- END TakeAction -->
+</div><!-- /Action -->
+</div><!-- /second-column -->
+</div><!-- /home -->
+
+<div class="highlight-para">
-<div id="unmaint" class="card">
-<h3 class="card-header">Help GNU</h3>
-<div class="card-body">
<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
@@ -289,7 +243,7 @@
free software replacements for Skype, OpenDWG libraries, and Oracle
Forms.</p>
-<p><strong>Can you take over an <a
+<p id="unmaint"><strong>Can you take over an <a
href="/server/takeaction.html#unmaint">unmaintained GNU
package</a>?</strong>
<span class="gnun-split"></span>
@@ -304,25 +258,10 @@
<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>
-</div>
-</div>
-</div><!-- /second-column -->
-</div><!-- /home -->
+</div><!-- /highlight-para -->
</div><!-- for id="content", starts in the include above -->
-<div id="fs-gang">
-<div class="img-container">
-<a href="http://www.fsf.org/working-together/gang">meet the free software
-gang<img src="/graphics/fs-gang.png" alt=" [FS gang] "/></a>
-</div> <!-- /img-container -->
-<div id="blurb" class="emph-box">
-<!--#include virtual="/server/home-pkgselect.html" -->
-<!--#include virtual="/server/home-pkgblurbs.html" -->
-<p class="back"><small><a href="/manual/blurbs.html">Short descriptions for
all GNU
-packages.</a></small></p>
-</div>
-</div> <!-- /fs-gang -->
<!--#include virtual="/server/footer.html" -->
<p id="sisters">The <a href="http://www.fsf.org/">FSF</a> also has sister
@@ -330,6 +269,8 @@
href="http://www.fsfla.org/">Latin America</a> and <a
href="http://fsf.org.in/">India</a>.</p>
+<!--#include virtual="/server/fs-gang.html" -->
+
<div id="footer">
<div class="unprintable">
@@ -387,7 +328,7 @@
<p class="unprintable">Updated:
<!-- timestamp start -->
-$Date: 2016/06/19 06:09:36 $
+$Date: 2016/06/19 07:38:37 $
<!-- timestamp end -->
</p>
</div>