www/music music.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/04/14 08:30:38

Modified files:
        music          : music.html 

Log message:
        Slightly more balanced layout.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/music/music.html?cvsroot=www&r1=1.53&r2=1.54

Patches:
Index: music.html
===================================================================
RCS file: /webcvs/www/www/music/music.html,v
retrieving revision 1.53
retrieving revision 1.54
diff -u -b -r1.53 -r1.54
--- music.html  18 Aug 2015 16:21:26 -0000      1.53
+++ music.html  14 Apr 2016 08:30:38 -0000      1.54
@@ -2,12 +2,32 @@
 <!-- Parent-Version: 1.77 -->
 <title>GNU Music and Songs
 - GNU Project - Free Software Foundation</title>
+<style type="text/css" media="print,screen">
+<!--
+#content { margin-left: 10%; margin-right: 10%;}
+p#listen { margin: 1em 10% 2em 10%; }
+p#listen img { width: 15em; max-width: 100%; }
+#hap-bash img {
+   display: block; width: 30em; max-width: 100%;
+   margin: 2em auto .3em auto;
+}
+#hap-bash p { margin-bottom: 0; }
+#hap-bash p.caption {
+   font-size: 1.5em; text-align: center;
+   color: #334683; margin: 0;
+}
address@hidden (max-width:50em) {
+   p#listen { float: none; }
+   #content { margin-left: 3%; margin-right: 3%;}
+}
+-->
+</style>
 <!--#include virtual="/music/po/music.translist" -->
 <!--#include virtual="/server/banner.html" -->
 <h2>GNU Music and Songs</h2>
 
-<p><a href="/graphics/listen.html"><img src="/graphics/listen-tiny.jpg"
-alt="A Listening GNU" width="213" height="130" style="float: right;" /></a></p>
+<p id="listen" class="imgright"><a href="/graphics/listen.html"><img
+src="/graphics/listen-tiny.jpg" alt="A Listening GNU" /></a></p>
 
 <p>This is a collection of music and songs for the amusement of all 
hackers.</p>
 
@@ -46,10 +66,9 @@
   <li><a href="/music/emacsvsvi.html">Emacs vs VI</a></li>
 </ul>
 
-<div class="image">
+<div id="hap-bash">
   <p><a href="/fun/jokes/hap-bash.html">
-  <img class="scaled" src="/graphics/rms-dinnertime-radio.jpg"
-    width="340" height="255"
+  <img src="/graphics/rms-dinnertime-radio.jpg"
     alt="Happiness is a bash prompt" /></a></p>
   <p class="caption">Happiness is a bash prompt</p>
 </div>
@@ -59,12 +78,14 @@
 href="http://www.wmbr.org/";>WMBR</a>, the MIT Campus Radio Station. In these
 shows, Richard shares some examples of his electric musical tastes with you,
 the listener.</p>
-<ul>
+
+<ul class="c">
   <li><a href="http://web.mit.edu/echemi/www/stallman.html";>March
     23<sup>rd</sup> 2005</a></li>
   <li><a href="http://web.mit.edu/echemi/www/040324.html";>March 24<sup>th</sup>
     2004</a></li>
 </ul>
+
 </div><!-- for id="content", starts in the include above -->
 <!--#include virtual="/server/footer.html" -->
 <div id="footer">
@@ -105,7 +126,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2015/08/18 16:21:26 $ $Author: ineiev $
+$Date: 2016/04/14 08:30:38 $
 <!-- timestamp end -->
 </p>
 </div>