document some workarounds for working with a recent ruby (2.3.p112 on
[booh] / www / index.fr.html
index da77d34bd588e13db79920ec216490556042fb79..90f8ee492e634b780c262efc9093a36e5d1e14d6 100644 (file)
@@ -4,34 +4,34 @@
 <head>
   <title>Booh - Le Web-Album de choix pour les utilisateurs de Linux distingués</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-<script type="text/javascript">
-/* <![CDATA[ */
-    (function() {
-        var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
-        
-        s.type = 'text/javascript';
-        s.async = true;
-        s.src = 'http://api.flattr.com/js/0.5.0/load.js?mode=auto';
-        
-        t.parentNode.insertBefore(s, t);
-    })();
-/* ]]> */
-</script>
+  <meta name="viewport" content="width=device-width"/>  
+<style type="text/css">
+body {
+        font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
+       text-align: justify;
+}
+@media all and (orientation: landscape) {  
+    body {
+        margin-left: 15%;
+       margin-right: 15%;
+    }
+}
+</style>
 </head>
 
-<body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b" style="padding: 0em 3em; text-align: justify">
+<body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b">
 
    <table width="100%" cellspacing="0" cellpadding="0">
      <tr>
-       <td width="25%" align="left" valign="top">
+       <td width="10%" align="left" valign="top">
          <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://booh.org/"></a>
        </td>
        <td width="50%" align="center">
          <img src="images/logo.png" alt="booh logo"/>
        </td>
-       <td width="25%" align="right" valign="top">
-         <a href="index.html"><img src="images/en.png" alt="this page in english"/></a>
-         <img src="images/fr.png" alt="cette page est en français"/>
+       <td width="10%" align="right" valign="top">
+        <div style="display:inline-block; margin-bottom:0.2em"><a href="index.html"><img src="images/en.png" alt="this page in english"/></a></div>
+        <div style="display:inline-block"><img src="images/fr.png" alt="cette page est en français"/></div>
        </td>
      </tr>
    </table>
@@ -39,7 +39,7 @@
    <h1 align="center">Booh</h1>
 
    <p align="center">[ page principale |
-                       <a href="themes/cardu/">exemple de web-album</a> |
+                       <a href="themes/gradient/">exemple de web-album</a> |
                        <a href="video-demo.fr.html">démo vidéo</a> |
                        <a href="tutorial.fr.html">tutoriel</a> |
                        <a href="advanced.fr.html">avancé</a> |
    <p>Booh est un <b>générateur de Web-Album statique</b> libre pour
    Linux. Il prend des <b>séries de photos et vidéos</b>, et crée
    automatiquement des <b>pages web statiques</b> pour les parcourir -
-   <a href="themes/cardu/">regardez le résultat</a>.
+   <a href="themes/gradient/">regardez le résultat</a>.
    </p>
 
-   <p align="center">
-     <table width="1%" align="center" style="border-style:solid;border-color:#C0C0C0;border-width:1px 1px 1px 1px;padding:5px" cellspacing="0" cellpadding="0">
-            <tr>
-                    <td align="center"><a href="http://booh.org/images/tutorial-classifier-2.fr.png"><img src="images/scenario_1.fr.jpg" alt="scenario #1" border="0"/></a></td>
-                    <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
-                    <td align="center"><a href="http://booh.org/images/tutorial-classifier-5.fr.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a></td>
-                    <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
-                    <td align="center"><a href="http://booh.org/images/tutorial-starting-up-4.fr.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a></td>
-                    <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>                   
-                    <td align="center"><a href="http://booh.org/themes/cardu/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a></td>
-            </tr>
-            <tr>
-                    <td align="center"><nobr><font color="#0018ad"><b>#1:</b></font> triez vos photos</nobr></td>
-                    <td>&nbsp;</td>
-                    <td align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classez-les</nobr></td>
-                    <td>&nbsp;</td>
-                    <td align="center"><nobr><font color="#0018ad"><b>#3:</b></font> entrez les légendes</nobr></td>
-                    <td>&nbsp;</td>
-                    <td align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album terminé</nobr></td>
-            </tr>
-     </table>
-   </p>
+   <div align="center">
+     <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+       <div align="center"><nobr><font color="#0018ad"><b>#1:</b></font> triez vos photos</nobr></div>
+       <br/>
+       <a href="http://booh.org/images/tutorial-classifier-2.png"><img src="images/scenario_1.jpg" alt="scenario #1" border="0"/></a>
+     </div>
+     <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+       <div align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classez-les</nobr></div>
+       <br/>
+       <a href="http://booh.org/images/tutorial-classifier-5.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a>
+     </div>
+     <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+       <div align="center"><nobr><font color="#0018ad"><b>#3:</b></font> entrez les légendes</nobr></div>
+       <br/>
+       <a href="http://booh.org/images/tutorial-starting-up-4.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a>
+     </div>
+     <div style="display:inline-block; margin-bottom:1em">
+       <div align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album terminé</nobr></div>
+       <br/>
+       <a href="http://booh.org/themes/gradient/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a>
+     </div>
+   </div>
 
    <p>Il y a déjà un grand nombre de générateurs de web-album
      disponibles sous Linux ; Booh se distingue par sa liste unique de
          faire défiler la fenêtre pour voir le bas des photos portrait - ou,
          au contraire, d'utiliser seulement 1/4 de l'espace disponible quand on
          visualise une image paysage)</li>
-       <li>thèmes (voir : <a href="themes/simple/">simple</a> -
-                          <a href="themes/cardu/">cardu</a> -
-                          <a href="themes/dark/">dark</a> -
-                          <a href="themes/sbs/">sbs</a>)</li>
+       <li>thèmes (voir : <a href="themes/gradient/">gradient</a> -
+                             <a href="themes/simple/">simple</a> -
+                             <a href="themes/cardu/">cardu</a> -
+                             <a href="themes/dark/">dark</a> -
+                             <a href="themes/sbs/">sbs</a>)</li>
        <li>support des sous-albums</li>
        <li>conservation de la taille préférée des vignettes par utilisateur entre sous-albums</li>
        <li>support multi-processeur pour <a href="advanced.fr.html#performance">accélérer la génération des vignettes</a></li>
        <li>intégration en douceur des <a href="http://hugin.sourceforge.net/tutorials/two-photos/fr.shtml">images panoramiques</a>
-       dans la <a href="themes/cardu/Home/thumbnails-large-0.html#pano-960x528.jpg">page des vignettes</a></li>
+       dans la <a href="themes/gradient/Home/thumbnails-large-0.html#pano-1200x604.jpg">page des vignettes</a></li>
        <li>support complet des vidéos, y compris la génération de
        vignettes, le transcodage et la visualisation embarquée
        avec lecteur flash <a href="http://www.flowplayer.org/">Flowplayer</a></li>
    </ul>
 
    <p>
-     À partir de la version 0.9.0, un nouveau sous-programme,
-     une trieuse - <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
+     Un sous-programme, une trieuse - <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
      est disponible pour fournir un moyen puissant et rapide de classer
      vos tonnes de photos et vidéos, afin de ne garder que les toutes
      meilleures dans vos web-albums. Notez que ce n'est <b>pas</b> une application
 
 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
 
-<p align="right"><font size="-1">Wed Jan  5 14:28:30 2011</font></p>
+<p align="right"><font size="-1">Sat Nov  2 21:32:30 2013</font></p>
 
 </body>