make all web pages smartphone compatible
[booh] / www / advanced.fr.html
index 8287d9f..6c256b7 100644 (file)
@@ -4,28 +4,24 @@
 <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"/>
-  <style type="text/css" media="screen"
-         <!--
-             pre { background-color: #e0e0e0; }
-             tt { background-color: #e0e0e0; }
-           -->
-  </style>
-<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;
+}
+pre { background-color: #e0e0e0; }
+tt { background-color: #e0e0e0; }
+@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>
@@ -36,8 +32,8 @@
          <img src="images/logo.png" alt="booh logo"/>
        </td>
        <td width="25%" align="right" valign="top">
-         <a href="advanced.html"><img src="images/en.png" alt="this page in english"/></a>
-                                  <img src="images/fr.png" alt="cette page est en français"/>
+        <div style="display:inline-block; margin-bottom:0.2em"><a href="advanced.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>
    </p>
 
    <p>
-     Les valeurs suivantes ont été obtenues sur un Pentium-4 avec
-     hyperthreading à 2.8 GHz, avec Linux 2.6.6 SMP 4G (notez que ce
-     n'est en aucune manière une vraie machine multi-processeurs) avec
+     Les valeurs suivantes ont été obtenues sur un P4 HT à 2.8 GHz, avec Linux 2.6.6 SMP 4G (notez que ce
+     n'est pas une vraie machine SMP) avec
      la même série de vignettes à créer :</p>
 
 <pre>
     Normal     durée : 2:10.81
-    --mproc 2  durée : 2:01.44
+    --mproc 2  durée : 2:01.44  (0.928 Normal)
 </pre>
 
    <p>
-     Ce n'est pas si mal, mais montre clairement qu'un ordinateur
+     Ce n'est pas si mal, mais montre clairement qu'un P4
      hyperthreading n'est de loin pas une vraie machine SMP !
      Maintenant, regardons le résultat avec un Pentium-3 Cascades 700
      MHz avec 6 processeurs :</p>
@@ -83,7 +78,7 @@
     --mproc 3  durée : 1:03.34 
     --mproc 4  durée : 0:49.12 
     --mproc 5  durée : 0:40.86 
-    --mproc 6  durée : 0:39.03   (j'aurais du tuer ces processus apache inutiles !)
+    --mproc 6  durée : 0:39.03 elapsed  (0.219 Normal)
 </pre>
 
    <p>On voit bien ici que le support multi-processeurs de Booh n'est
     Normal     durée : 0:48.79
     --mproc 2  durée : 0:27.87
     --mproc 3  durée : 0:20.38
-    --mproc 4  durée : 0:16.96
+    --mproc 4  durée : 0:16.96  (0.347 Normal)
+</pre>
+
+   <p>Des tests plus récents (pas les mêmes photos), sur un Core i7
+   3770 (quad core HT) 3.4 GHz avec Linux 3.3.4 x86_64 :</p>
+
+<pre>
+    Normal     durée : 1:18.21
+    --mproc 2  durée : 0:39.82
+    --mproc 3  durée : 0:27.49
+    --mproc 4  durée : 0:20.95
+    --mproc 5  durée : 0:17.88
+    --mproc 6  durée : 0:15.77
+    --mproc 7  durée : 0:13.93
+    --mproc 8  durée : 0:12.70  (0.162 Normal)
+    --mproc 9  durée : 0:12.66
 </pre>