www/education edu-cases-india-ambedkar.html edu...

[Therese Godefroy]

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

Modified files:
        education      : edu-cases-india-ambedkar.html 
                         edu-cases-india-irimpanam.html 
                         edu-software-tuxpaint.html 
                         edu-software-gcompris.html 

Log message:
        Restyle images with pict class.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/education/edu-cases-india-ambedkar.html?cvsroot=www&r1=1.23&r2=1.24
http://web.cvs.savannah.gnu.org/viewcvs/www/education/edu-cases-india-irimpanam.html?cvsroot=www&r1=1.25&r2=1.26
http://web.cvs.savannah.gnu.org/viewcvs/www/education/edu-software-tuxpaint.html?cvsroot=www&r1=1.31&r2=1.32
http://web.cvs.savannah.gnu.org/viewcvs/www/education/edu-software-gcompris.html?cvsroot=www&r1=1.21&r2=1.22

Patches:
Index: edu-cases-india-ambedkar.html
===================================================================
RCS file: /webcvs/www/www/education/edu-cases-india-ambedkar.html,v
retrieving revision 1.23
retrieving revision 1.24
diff -u -b -r1.23 -r1.24
--- edu-cases-india-ambedkar.html       25 Apr 2014 13:02:21 -0000      1.23
+++ edu-cases-india-ambedkar.html       5 Sep 2016 15:49:00 -0000       1.24
@@ -72,7 +72,7 @@
 
 <h3>How We Did It</h3>
 
-<div class="photo">
+<div class="pict medium">
 
 <a href="/education/misc/ambedkar.jpg">
 <img src="/education/misc/ambedkar-sm.jpg" alt="Image of a student handing 
@@ -173,7 +173,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2014/04/25 13:02:21 $
+$Date: 2016/09/05 15:49:00 $
 <!-- timestamp end -->
 </p>
 </div>

Index: edu-cases-india-irimpanam.html
===================================================================
RCS file: /webcvs/www/www/education/edu-cases-india-irimpanam.html,v
retrieving revision 1.25
retrieving revision 1.26
diff -u -b -r1.25 -r1.26
--- edu-cases-india-irimpanam.html      25 Apr 2014 16:24:23 -0000      1.25
+++ edu-cases-india-irimpanam.html      5 Sep 2016 15:49:00 -0000       1.26
@@ -77,15 +77,15 @@
 started in 2001, involved several thousand schools in Kerala and in 2006
 it switched completely to Free Software.</p>
 
-<div class="photo">
+<div class="pict wide">
 
 <a href="/education/misc/irimpanam-school.jpg">
 <img src="/education/misc/irimpanam-school-sm.jpg" 
 alt="Image of students at a Free Software event." /></a>
 
-<p class="c">Students at a Free Software event organized by SSK VHSS 
Irimpanam.</p>
+<p>Students at a Free Software event organized by SSK VHSS Irimpanam.</p>
 
-</div> <!-- /photo -->
+</div>
 
 <p>Training courses for teachers were implemented by the government to
 teach us the basics of the new Free Operating System and how to 
@@ -141,17 +141,17 @@
 
 <h3>Results</h3>
 
-<div class="photo">
+<div class="pict wide">
 
 <a href="/education/misc/tuxpaint.jpg">
 <img src="/education/misc/tuxpaint-sm.jpg" 
 alt="Image of the TuxPaint interface in Malayalam showing the stamp for 
 the Adeenia flower." /></a>
 
-<p class="c"><a href="/education/misc/adeenia.ogg">Listen</a> to a student 
+<p><a href="/education/misc/adeenia.ogg">Listen</a> to a student 
 pronounce the name of the Adeenia flower in Malayalam.</p>
 
-</div> <!-- /photo -->
+</div>
 
 <p>Education in the State of Kerala has become "IT-enabled", meaning 
 that students are getting first hand technology knowledge while learning 
@@ -262,7 +262,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2014/04/25 16:24:23 $
+$Date: 2016/09/05 15:49:00 $
 <!-- timestamp end -->
 </p>
 </div>

Index: edu-software-tuxpaint.html
===================================================================
RCS file: /webcvs/www/www/education/edu-software-tuxpaint.html,v
retrieving revision 1.31
retrieving revision 1.32
diff -u -b -r1.31 -r1.32
--- edu-software-tuxpaint.html  21 Jan 2016 11:56:24 -0000      1.31
+++ edu-software-tuxpaint.html  5 Sep 2016 15:49:00 -0000       1.32
@@ -7,19 +7,23 @@
 
 <!--#include virtual="/education/po/edu-software-tuxpaint.translist" -->
 
-<style type="text/css" media="screen,print">
-<!--
-#content .stamp {
-   float: right;
-   width: 15em; max-width: 100%;
-   margin: 0 0 1em 0;
+<style type="text/css" media="screen,print"><!--
+.pict { margin-top: 2em; border: .2em solid #bbb; }
+.stamp { width: 12.5em; padding: 0 .6em 1.5em; }
+.stamp img, #content .stamp p {
+   width: 100%; padding: 0; margin: 0;
 }
-#content .stamp img, #content .stamp p {
-   width: 90%;
-   padding: 0 9%;
+.stamp p { font-style: italic; }
+#flowers { width: 14.5em; float: right; }
+.stamp { float: right; }
address@hidden (max-width: 33em) {
+   #flowers, .stamp { float: none; margin: auto; }
 }
--->
-</style>
address@hidden (min-width: 55em) {
+   #flowers { width: 29em; }
+   .stamp { float: right; }
+}
+--></style>
 
 <!--#include virtual="/server/banner.html" -->
 
@@ -51,16 +55,14 @@
 <!--#endif -->
 <!--#endif -->
 
-<h2>Tux Paint</h2>
+<h2 class="c">Tux Paint</h2>
 
 <h3>Description</h3>
 
-<div class="photo">
-
+<div class="pict wide">
 <!-- GNUN: localize URL /education/misc/tuxpaint-start-sm.png, 
/education/misc/tuxpaint-start.png -->
-
 <a href="/education/misc/tuxpaint-start.png">
-<img class="recessed" src="/education/misc/tuxpaint-start-sm.png" 
+<img src="/education/misc/tuxpaint-start-sm.png" 
 alt="Screenshot of the Tux Paint interface."/></a>
 </div>
 
@@ -99,10 +101,9 @@
 
 <h3>Who's Using It and How</h3>
 
-<div class="photo">
-
+<div class="pict wide">
 <a href="/education/misc/tuxpaint-stamps.jpg">
-<img class="recessed" src="/education/misc/tuxpaint-stamps-sm.jpg" 
+<img src="/education/misc/tuxpaint-stamps-sm.jpg" 
 alt="Screenshot of the Tux Paint interface in Malayalam with native 
flowers."/></a>
 </div>
 
@@ -130,25 +131,23 @@
 size: if the market is not large enough to ensure profit, they are
 generally reluctant to invest on it.</p>
 
+<div id="flowers">
 <div class="stamp">
-
 <a href="/education/misc/appooppanthaady.jpg">
 <img src="/education/misc/appooppanthaady-sm.jpg"
 alt="Image of the Appooppan Thaady flower." /></a>
-
 <p class="c"><a href="/education/misc/appooppanthady.ogg">Listen</a> to a 
student 
 pronounce the name of the Appooppan Thaady flower in Malayalam.</p>
 </div> <!-- /stamp -->
 
 <div class="stamp">
-
 <a href="/education/misc/anthoorium.jpg">
 <img src="/education/misc/anthoorium-sm.jpg"
 alt="Image of the Anthoorium flower." /></a>
-
 <p class="c"><a href="/education/misc/anthoorium.ogg">Listen</a> to a student 
 pronounce the name of the Anthoorium flower in Malayalam.</p>
 </div> <!-- /stamp -->
+</div> <!-- /#flowers -->
 
 <p>A good example of how software freedom can be applied in Tux Paint is
 the work done by 11 and 12 years old students from the
@@ -252,7 +251,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2016/01/21 11:56:24 $
+$Date: 2016/09/05 15:49:00 $
 <!-- timestamp end -->
 </p>
 </div>

Index: edu-software-gcompris.html
===================================================================
RCS file: /webcvs/www/www/education/edu-software-gcompris.html,v
retrieving revision 1.21
retrieving revision 1.22
diff -u -b -r1.21 -r1.22
--- edu-software-gcompris.html  28 Apr 2014 11:05:32 -0000      1.21
+++ edu-software-gcompris.html  5 Sep 2016 15:49:00 -0000       1.22
@@ -36,14 +36,14 @@
 <!--#endif -->
 <!--#endif -->
 
-<h2>GCompris</h2>
+<h2 class="c">GCompris</h2>
 
 <h3>Description</h3>
 
-<div class="photo">
+<div class="pict wide">
 
 <a href="/education/misc/gcompris.jpg">
-<img class="recessed" src="/education/misc/gcompris-sm.jpg" 
+<img src="/education/misc/gcompris-sm.jpg" 
 alt="Screenshot of the GCompris interface showing the various 
activities."/></a>
 </div>
 
@@ -163,7 +163,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2014/04/28 11:05:32 $
+$Date: 2016/09/05 15:49:00 $
 <!-- timestamp end -->
 </p>
 </div>