<head>
<title>Booh - The Web-Album of choice for discriminating Linux users</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;
+}
+@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>
- <td width="25%" align="left" valign="top">
+ <td width="10%" align="left" valign="top">
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://booh.org/"></a>
</td>
<td width="50%" align="center">
<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="index.fr.html"><img src="images/fr.png" alt="cette page en français"/></a>
+ <td width="10%" align="right" valign="top">
+ <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="index.fr.html"><img src="images/fr.png" alt="cette page en français"/></a></div>
</td>
</tr>
</table>
- <a href="themes/cardu/">watch the results</a>.
</p>
- <table width="1%" align="center" style="border-style:solid;border-color:#C0C0C0;border-width:1px 1px 1px 1px;padding:5px" cellspacing="0" cellpadding="0">
- <tr>
- <td align="center"><a href="http://booh.org/images/tutorial-classifier-2.png"><img src="images/scenario_1.jpg" alt="scenario #1" border="0"/></a></td>
- <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
- <td align="center"><a href="http://booh.org/images/tutorial-classifier-5.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a></td>
- <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
- <td align="center"><a href="http://booh.org/images/tutorial-starting-up-4.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a></td>
- <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
- <td align="center"><a href="http://booh.org/themes/cardu/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a></td>
- </tr>
- <tr>
- <td align="center"><nobr><font color="#0018ad"><b>#1:</b></font> sort your photos</nobr></td>
- <td> </td>
- <td align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classify them</nobr></td>
- <td> </td>
- <td align="center"><nobr><font color="#0018ad"><b>#3:</b></font> input captions</nobr></td>
- <td> </td>
- <td align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album completed</nobr></td>
- </tr>
- </table>
+ <div align="center">
+ <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+ <div align="center"><nobr><font color="#0018ad"><b>#1:</b></font> sort your photos</nobr></div>
+ <br/>
+ <a href="http://booh.org/images/tutorial-classifier-2.png"><img src="images/scenario_1.jpg" alt="scenario #1" border="0"/></a>
+ </div>
+ <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+ <div align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classify them</nobr></div>
+ <br/>
+ <a href="http://booh.org/images/tutorial-classifier-5.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a>
+ </div>
+ <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
+ <div align="center"><nobr><font color="#0018ad"><b>#3:</b></font> input captions</nobr></div>
+ <br/>
+ <a href="http://booh.org/images/tutorial-starting-up-4.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a>
+ </div>
+ <div style="display:inline-block; margin-bottom:1em">
+ <div align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album completed!</nobr></div>
+ <br/>
+ <a href="http://booh.org/themes/gradient/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a>
+ </div>
+ </div>
<p>There are already a lot of web-album generators available for
Linux; Booh differentiates with its unique features set:</p>
<font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
-<p align="right"><font size="-1">Wed Jan 5 14:21:53 2011</font></p>
+<p align="right"><font size="-1">Mon Mar 5 11:22:13 2012</font></p>
<!-- <p align="right"><font size="-2"><a href="http://validator.w3.org/check/referer">Valid XHTML 1.0!</a></font></p> -->
projects / booh / commitdiff
