make all web pages smartphone compatible
[booh] / www / advanced.html
index 0afbd54..5d72d8d 100644 (file)
@@ -4,28 +4,24 @@
 <head>
   <title>Booh - The Web-Album of choice for discriminating Linux users</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">
-                                     <img src="images/en.png" alt="this page is in english"/>
-         <a href="advanced.fr.html"><img src="images/fr.png" alt="cette page en fran├žais"/></a>
+        <div style="display:inline-block; margin-bottom:0.2em"><img src="images/en.png" alt="this page is in english"/></div>
+        <div style="display:inline-block"><a href="advanced.fr.html"><img src="images/fr.png" alt="cette page en fran├žais"/></a></div>
        </td>
      </tr>
    </table>
    painful step when creating web-albums - Booh takes advantage of
    multi-processor machines.</p>
 
-   <p>The following figures were obtained on a Pentium-4
-   hyperthreading 2.8 GHz with Linux 2.6.6 SMP 4G (note that this
-   is by no mean a real multi-processor machine) with the same
-   bunch of thumbnails to create:</p>
+   <p>The following figures were obtained on a P4 HT 2.8 GHz with
+   Linux 2.6.6 SMP 4G (note that this is not a real SMP machine) with
+   the same bunch of thumbnails to create:</p>
 
 <pre>
     Regular    2:10.81 elapsed
-    --mproc 2  2:01.44 elapsed
+    --mproc 2  2:01.44 elapsed  (0.928 Regular)
 </pre>
 
    <p>This is not bad, but clearly shows that an hyperthreading
-   machine is not a real SMP machine by far! Now let's try with a
-   6-way Pentium-3 Cascades 700 MHz:</p>
+   P4 is not a real SMP machine by far! Now let's try with a
+   6-CPUs Pentium-3 Cascades 700 MHz:</p>
 
 <pre>
     Regular    2:58.07 elapsed
@@ -78,7 +73,7 @@
     --mproc 3  1:03.34 elapsed
     --mproc 4  0:49.12 elapsed
     --mproc 5  0:40.86 elapsed
-    --mproc 6  0:39.03 elapsed  (I should have killed those useless apache processes!)
+    --mproc 6  0:39.03 elapsed  (0.219 Regular)
 </pre>
 
    <p>Now this multi-processor support Booh has is not a toy
     Regular    0:48.79 elapsed
     --mproc 2  0:27.87 elapsed
     --mproc 3  0:20.38 elapsed
-    --mproc 4  0:16.96 elapsed
+    --mproc 4  0:16.96 elapsed  (0.347 Regular)
 </pre>
 
+   <p>More recent tests (not the same photos), on a Core i7
+   3770 (quad core HT) 3.4 GHz with Linux 3.3.4 x86_64:</p>
 
+<pre>
+    Regular    1:18.21 elapsed
+    --mproc 2  0:39.82 elapsed
+    --mproc 3  0:27.49 elapsed
+    --mproc 4  0:20.95 elapsed
+    --mproc 5  0:17.88 elapsed
+    --mproc 6  0:15.77 elapsed
+    --mproc 7  0:13.93 elapsed
+    --mproc 8  0:12.70 elapsed  (0.162 Regular)
+    --mproc 9  0:12.66 elapsed
+</pre>
 
    <a name="classifierperformance"><h2>Performance - <i>booh-classifier</i></h2></a>