git.zarb.org Git - booh/blob - www/themes/dark/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3
   4 <head>
   5     <title>"Dark" theme demo</title>
   6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   7     <meta name="author" content="'Dark' theme - Guillaume Cottenceau"/>
   8     <meta name="generator" content="Booh-0.9.4 http://booh.org/"/>
   9 <script language="JavaScript1.1" type="text/JavaScript">
  10 function init() {
  11     if (!document.cookie || document.cookie.indexOf("booh-not-a-newbie") == -1) {
  12         document.getElementById("title").innerHTML += "<br/><br/><i>Hint: you can click on the images to open the albums!</i>";
  13     }
  14     var expires = new Date(new Date().getTime() + (10 * 86400000));  // 10 days
  15     document.cookie = "booh-not-a-newbie=true"
  16                       + "; expires=" + expires.toGMTString()
  17                       + "; path=/";
  18 }
  19 </script>
  20     <style type="text/css" media="screen">
  21     <!--
  22 body {
  23         background-color: #000000;
  24         background-image: url(back.gif);
  25         background-repeat: repeat;
  26         background-attachment: fixed;
  27         color: #AEAEAE;
  28         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
  29 }
  30
  31 a:link {
  32         color: #8090A3;
  33         text-decoration: none;
  34 }
  35
  36 a:visited {
  37         color: #7B7BA8;
  38         text-decoration: none;
  39 }
  40
  41 a:hover {
  42         color: #8090A3;
  43         text-decoration: underline;
  44 }
  45
  46 input {
  47         border: solid 1px;
  48 }
  49
  50 img {
  51         border: solid 2px;
  52         border-color: #586068;
  53 }
  54     -->
  55     </style>
  56 </head>
  57
  58 <body bgcolor="#FFFFFF" onload="init()" id="body"
  59 >
  60
  61
  62
  63 <p align="center" id="title"><font size="+3">"Dark" theme demo</font></p>
  64
  65 <table width="100%" cellpadding="10" border="0">
  66 <tr>
  67     <td width="50%" align="right" valign="top">
  68        <a href="Home/index.html"><img src="thumbnails-Home.jpg" width="300" height="225" alt="Home"/></a>
  69     </td>
  70     <td width="50%" align="left">
  71        <p>Home</p>
  72     </td>
  73 </tr>
  74 <tr>
  75     <td width="50%" align="right" valign="top">
  76        <a href="Ski/index.html"><img src="thumbnails-Ski.jpg" width="300" height="225" alt="Ski"/></a>
  77     </td>
  78     <td width="50%" align="left">
  79        <p>Ski</p>
  80     </td>
  81 </tr>
  82 <tr>
  83     <td width="50%" align="right" valign="top">
  84        <a href="Weird/index.html"><img src="thumbnails-Weird.jpg" width="300" height="225" alt="Weird"/></a>
  85     </td>
  86     <td width="50%" align="left">
  87        <p>Weird</p>
  88     </td>
  89 </tr>
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100 </table>
 101
 102 <table width="100%" cellpadding="0" border="0">
 103 <tr>
 104   <td align="left"> <font size="-1"><i><a href="http://booh.org/">Back to home</a></i></font></td>
 105   <td align="right"><font size="-1"><i><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script></i> </font></td>
 106 </tr>
 107 </table>
 108 <div style='text-align:right'>Made with <a href="http://booh.org/">booh</a>!</div>
 109
 110 </body>
 111 </html>