www/education edu-software-gimp.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/09/05 15:55:56

Modified files:
        education      : edu-software-gimp.html 

Log message:
        Rearrange existing text into a legend for the video.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/education/edu-software-gimp.html?cvsroot=www&r1=1.18&r2=1.19

Patches:
Index: edu-software-gimp.html
===================================================================
RCS file: /webcvs/www/www/education/edu-software-gimp.html,v
retrieving revision 1.18
retrieving revision 1.19
diff -u -b -r1.18 -r1.19
--- edu-software-gimp.html      2 Jun 2014 08:56:17 -0000       1.18
+++ edu-software-gimp.html      5 Sep 2016 15:55:55 -0000       1.19
@@ -7,13 +7,15 @@
 
 <!--#include virtual="/education/po/edu-software-gimp.translist" -->
 
-<style type="text/css" media="screen">
+<style type="text/css" media="screen"><!--
 #mani-movie {
-   display: block;
-   width: 100%; max-width: 40em;
-   margin: auto;
+   width: 40em; max-width: 100%;
+   margin: 2em auto;
 }
-</style>
+#mani-movie video { width: 100%; margin-bottom: .3em; }
+#mani-movie p { margin: .5em 0 0; text-align: justify; }
+#mani-movie .emph-box { padding: .7em 1.2em 1.2em; }
+--></style>
 
 <!--#include virtual="/server/banner.html" -->
 
@@ -45,7 +47,7 @@
 <!--#include virtual="/server/top-addendum.html" -->
 <!--#endif -->
 <!--#endif -->
-<h2>GIMP</h2>
+<h2 class="c">GIMP</h2>
 
 <h3>Description</h3>
 
@@ -111,27 +113,30 @@
 he exhibited and sold. The following three-minutes video portrays Mani's 
 endeavor to learn Free Software.</p>
 
-<p>
-<!-- TRANSLATORS: please translate the written description of the video
-     and replace the link to the English version with the link to your 
-     translation -->
-
-(Note to the hearing impaired: the only audio in this video is the 
-soundtrack, which is a piano version of the Free Software Song. A
-<a href="/education/misc/we_use_gnu-linux_description.en.txt"> written 
-description of the video</a> is available for the visually impaired).
-</p>
-
-<video  id="mani-movie" controls="controls">
+<div id="mani-movie">
+<video controls="controls">
   <source
     src="http://audio-video.gnu.org/video/we_use_gnu-linux_low.ogv"; 
     type='video/ogg; codecs="theora, vorbis"' />
 </video>
 
-<p class="center">Watch and download the video as 
+<div class="emph-box">
+<p>Watch and download the video as 
 <a href="http://audio-video.gnu.org/video/we_use_gnu-linux_high.ogv";>
 Ogg Theora</a> at a higher resolution.</p>
 
+<p><em>Note to the hearing-impaired:</em> the only audio in this video is the 
+soundtrack, which is a piano version of the Free Software Song.</p>
+
+<!-- TRANSLATORS: please translate the written description of the video
+     and replace the link to the English version with the link to your 
+     translation -->
+<p><em>Note to the visually impaired:</em> A
+<a href="/education/misc/we_use_gnu-linux_description.en.txt"> written 
+description of the video</a> is available.</p>
+</div> <!-- /.emph-box -->
+</div> <!-- /#mani-movie -->
+
 <p>At the time of writing (March 2012) Mani is a student of Computer 
 Science in Bangalore. He says:</p>
 
@@ -296,7 +301,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2014/06/02 08:56:17 $
+$Date: 2016/09/05 15:55:55 $
 <!-- timestamp end -->
 </p>
 </div>