Subject: bug#42815: [GNUzilla home page] Proposed changes

From: Amin Bandali <[email-masked]>
Date: Thu, 13 Aug 2020 01:43:36 -0400

Hi Thérèse, bill-auger,

Thérèse Godefroy writes:

> Hi Amin and Bill,
>
> Thank you for your prompt reply!
>

Likewise you, Thérèse!

[...]
> I wasn't thinking of the .symlinks file, but of adding a gnuzilla-latest
> entry to the download directory. See GNU Parallel [0].
>
> [0] https://ftp.gnu.org/gnu/parallel/
>

Ah, I see.  I'll check the maintainers' manual for more information
about that.

>
>> Also, regarding the button, I changed the CSS selector from ".button" to
>> "#content .button" to avoid it messing with the FSF line at the top.
>
> Thanks, Amin! I had forgotten about this. The footer also has buttons.
>

Cheers!  Good call on the footer, I didn't even notice that. :-)

>
>> [...]
>>>  - Limit line width.
>>>
>> 
>> On the one hand I like the narrower lines, making it easier to follow
>> the text from one line to the next, but I can't help but feel the new
>> large margins are a bit distracting :-/.  What are your thoughts?  Do we
>> have examples of other project pages using .reduced-width for all of
>> their page?  Can we make all of 
>> 
> Yes, there are several. I think the first one I did was Gnuastro [1]
> (the "reduced-width" class wasn't defined yet).
> Maybe you could increase the width from 45 to 50 or 55em. For Gnuastro,
> it is 48em.
>
> [1] https://www.gnu.org/software/gnuastro/gnuastro.html
>

I see; thanks for the link!

[...]
> All the best,
> Thérèse

I went ahead and applied the second version of your second patch as well
Thérèse.  But then ended up playing around with things and tweaking it,
in part to fix a vertical alignment issue and slightly simplify things,
and ended up adding the following changes (see attached), which are now
visible on <https://www.gnu.org/software/gnuzilla/gnuzilla.html>.

My best,
amin

Index: index.html
===================================================================
RCS file: /web/gnuzilla/gnuzilla/index.html,v
retrieving revision 1.75
diff -u -r1.75 index.html
--- index.html	13 Aug 2020 04:33:54 -0000	1.75
+++ index.html	13 Aug 2020 05:23:22 -0000
@@ -4,18 +4,22 @@
 <title>GNUzilla and IceCat - GNU Project - Free Software Foundation</title>
 <style type="text/css" media="print,screen"><!--
   #main-heading {
-    width: 18em;
-    max-width: 100%;
-    margin: 0 auto 2em;
+    margin: 0 auto 1.5em;
+    text-align: center;
+  }
+  #main-heading > a {
+    display: inline-block;
   }
   h2 {
-    max-width: 6em;
-    float: right;
-    margin: .2em 0 0 1em;
+    display: inline-block;
+    margin: 0 0 .5em .25em;
+    position: relative;
+    top: .25em;
   }
   img#logo {
     width: 5.6em;
     margin: 0;
+    vertical-align: middle;
   }
   #features {
     padding: 1em 1.5em 1.5em;
@@ -33,30 +37,24 @@
 
 @media (max-width: 19em) {
   #main-heading {
-    width: 100%;
-    text-align: center; }
+    margin: 0;
+  }
   h2 {
-    float: none;
-    width: 100%;
     margin: 0 auto .5em;
   }
 }
-@media (min-width: 30em) {
-  #main-heading { width: 21em; }
-  img#logo { width: 6.5em; }
-}
 --></style>
 <!--#include virtual="/server/gnun/initial-translations-list.html" -->
 <!--#include virtual="/server/banner.html" -->
 <div class="reduced-width">
 
 <div id="main-heading">
+<a href="icecat.png">
+  <img src="icecat-128.png" 
+       id="logo"
+       alt=" [GNU IceCat logo] " />
+</a>
 <h2>GNUzilla and IceCat</h2>
-  <a href="icecat.png">
-    <img src="icecat-128.png" 
-         id="logo"
-         alt=" [GNU IceCat logo] " />
-  </a>
 </div>
 <div style="clear: both"></div>
Index: index.html
===================================================================
RCS file: /web/gnuzilla/gnuzilla/index.html,v
retrieving revision 1.76
diff -u -r1.76 index.html
--- index.html	13 Aug 2020 05:24:57 -0000	1.76
+++ index.html	13 Aug 2020 05:33:42 -0000
@@ -12,7 +12,7 @@
   }
   h2 {
     display: inline-block;
-    margin: 0 0 .5em .25em;
+    margin: 0 0 .5em .1em;
     position: relative;
     top: .25em;
   }
@@ -50,13 +50,12 @@
 
 <div id="main-heading">
 <a href="icecat.png">
-  <img src="icecat-128.png" 
+  <img src="icecat-128.png"
        id="logo"
        alt=" [GNU IceCat logo] " />
 </a>
 <h2>GNUzilla and IceCat</h2>
 </div>
-<div style="clear: both"></div>
 
 <p>
   GNUzilla is the GNU version of the Mozilla suite, and GNU IceCat is