themes demos with 0.9.4
[booh] / www / themes / dark / Ski / 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>Ski</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 <p><a href="../index.html">"Dark" theme demo</a>  >  Ski</p>
62
63 <p align="center" id="title"><font size="+3">Ski</font></p>
64
65 <table width="100%" cellpadding="10" border="0">
66 <tr>
67     <td width="50%" align="right" valign="top">
68        <a href="thumbnails.html"><img src="thumbnails-thumbnail.jpg" width="300" height="225" alt="Switzerland"/></a>
69     </td>
70     <td width="50%" align="left">
71        <p>Switzerland</p>
72     </td>
73 </tr>
74 <tr>
75     <td width="50%" align="right" valign="top">
76        <a href="Courchevel/index.html"><img src="thumbnails-Courchevel.jpg" width="300" height="225" alt="Courchevel"/></a>
77     </td>
78     <td width="50%" align="left">
79        <p>Courchevel</p>
80     </td>
81 </tr>
82 <tr>
83     <td width="50%" align="right" valign="top">
84        <a href="Tignes/index.html"><img src="thumbnails-Tignes.jpg" width="300" height="225" alt="Tignes"/></a>
85     </td>
86     <td width="50%" align="left">
87        <p>Tignes</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>