Switch to side-by-side view

--- a/website/pics/index.html
+++ b/website/pics/index.html
@@ -1,19 +1,50 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
-    <title>Photos</title>
+    <title>RECOLL: screenshots</title>
+    <meta name="Author" content="Jean-Francois Dockes">
+    <meta name="Description" content=
+    "Screenshots for Recoll, a simple full-text unix/linux desktop search system">
+    <meta name="Keywords" content=
+      "full text search,fulltext,desktop search,unix,linux,solaris,open source,free">
+    <meta http-equiv="Content-language" content="en">
+    <meta http-equiv="content-type" content=
+    "text/html; charset=iso-8859-1">
+    <meta name="robots" content="All,Index,Follow">
+    <link type="text/css" rel="stylesheet" href="../styles/style.css">
   </head>
+
   <body>
+    <div class="rightlinks">
+      <ul>
+	<li><a href="http://www.recoll.org">Home</a></li>
+	<li>Screenshots</li>
+	<li><a href="../download.html">Downloads</a></li>
+	<li><a href="../doc.html">Documentation</a></li>
+      </ul>
+
+    </div>
+
+    <div class="content">
+
+
 <table>
 <tr>
         <td align="center"><a href="recoll0.html"><img src="recoll0-thumb.png"></a></td>
         <td align="center"><a href="recoll1.html"><img src="recoll1-thumb.png"></a></td>
         <td align="center"><a href="recoll2.html"><img src="recoll2-thumb.png"></a></td>
+</tr><tr>
         <td align="center"><a href="recoll3.html"><img src="recoll3-thumb.png"></a></td>
-</tr>
-<tr>
+
         <td align="center"><a href="recoll4.html"><img src="recoll4-thumb.png"></a></td>
         <td align="center"><a href="recoll5.html"><img src="recoll5-thumb.png"></a></td>
+</tr><tr>
         <td align="center"><a href="recoll_chinese.html"><img src="recoll_chinese-thumb.png"></a></td>
         <td align="center"><a href="recoll-HTML_search_results.html"><img src="recoll-HTML_search_results-thumb.png"></a></td>
-</tr></table></body></html>
+</tr>
+
+</table>
+
+</div>
+</body>
+</html>