[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 06:09:36 +0000 (UTC) |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 16/06/19 06:09:36
Modified files:
. : home.html
Log message:
Remove space before comma (due to gnun-split)
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/home.html?cvsroot=www&r1=1.510&r2=1.511
Patches:
Index: home.html
===================================================================
RCS file: /webcvs/www/www/home.html,v
retrieving revision 1.510
retrieving revision 1.511
diff -u -b -r1.510 -r1.511
--- home.html 14 Jun 2016 12:44:52 -0000 1.510
+++ home.html 19 Jun 2016 06:09:36 -0000 1.511
@@ -13,63 +13,121 @@
clear: both; content: ""; display: block;
height: 0px; visibility: hidden; width: 0px;
}
-
-#home .first-column {
- width: 60%;
- float: left;
+#home h2 {
+ color: #333;
+ margin-bottom: .6em;
+}
+h2 img {
+ width: .75em;
}
-#home .second-column {
- width: 38%;
+.button.large {
+ font-size: 1.5em;
+ font-family: "FreeSans", sans-serif;
float: right;
+ position: relative; top: .5em;
}
address@hidden (max-width: 40em) {
- #home .first-column, #home .second-column {
- float: none;
- width: 100%;
- }
+.button.large a, .button.large a:visited {
+ color: white;
+ background: #e74c3c;
+ border: .2em solid white;
}
-#home .first-column, #home .second-column {
- margin-bottom: 2em; margin-top: 0;
+.button.large a:hover {
+ color: #ccc;
}
-
-#home h2 {
- text-shadow: none;
- margin-bottom: .6em;
+#gnu-linux {
+ width: 30em; max-width: 100%;
+ padding-top: .3em;
+ margin: 0 auto 2em;
}
-#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 {
+#gnu-linux p {
+ margin: 0;
+}
+#gnu-linux img {
+ width: 93%;
+}
+.first-column p.back {
+ margin: 1em 0;
+}
+.second-column p.back {
+ margin: 1em 0 0;
+}
+.card {
text-align: left;
- padding: 0 1em;
- border-left: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
+ 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%;
}
-h2#Action {
- text-align: center;
address@hidden (min-width: 55em) {
+ h2 img { display: none }
+ .first-column {
+ width: 64%;
+ float: left;
+ }
+ .second-column {
+ width: 33%;
+ float: right;
+ }
+ .card {
+ float: right;
+ }
}
-#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="netscape4">GNU is the only operating system developed
+<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>
<p>GNU is an operating system that
@@ -82,9 +140,14 @@
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-medium.jpg" alt="Screenshot of GNU"
- /></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>
<h2>What is the Free Software Movement?</h2>
@@ -157,39 +220,25 @@
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="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">
<!--#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>
-<!--#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="card">
+<h3 class="card-header">Take Action</h3>
+<div class="card-body">
<ul>
<li><strong><a href="http://www.fsf.org/campaigns">Support current FSF
campaigns</a></strong>.</li>
@@ -223,18 +272,15 @@
<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>
-<!-- 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>
+</div>
+<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
@@ -243,14 +289,13 @@
free software replacements for Skype, OpenDWG libraries, and Oracle
Forms.</p>
-<p id="unmaint"><strong>Can you take over an <a
+<p><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>
- <span class="gnun-split"></span>,
+ <a href="/software/orgadoc/">orgadoc</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>
@@ -259,10 +304,25 @@
<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><!-- /highlight-para -->
+</div><!-- /second-column -->
+</div><!-- /home -->
</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
@@ -270,8 +330,6 @@
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">
@@ -329,7 +387,7 @@
<p class="unprintable">Updated:
<!-- timestamp start -->
-$Date: 2016/06/14 12:44:52 $
+$Date: 2016/06/19 06:09:36 $
<!-- timestamp end -->
</p>
</div>