make all web pages smartphone compatible
[booh] / www / discuss.fr.html
index 2339a9a..5800105 100644 (file)
@@ -2,24 +2,26 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
-  <title>Booh - The Web-Album of choice for discriminating Linux users</title>
+  <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;
+}
+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>
@@ -30,8 +32,8 @@
          <img src="images/logo.png" alt="booh logo"/>
        </td>
        <td width="25%" align="right" valign="top">
-         <a href="discuss.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="discuss.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>