add new version
[liquid-graphic] / www / index.html
1 <html>
2 <head>
3 <link href="style.css" rel="stylesheet" type="text/css">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
5 <title>Liquid - Funny graphic editor.</title>
6 </head>
7 <body>
8 <div id="layout">
9 <div class="header">
10         <h1 class="logo"><a href="http://liquid-graphic.garage.maemo.org" title="Liquid">Liquid<a></h1>
11         
12 </div>
13
14 <div id="menu" class="box">
15         <ul>
16                 <li><a href="index.html">Home</a></li>
17                 <li><a href="documentation.html">Documentation</a></li>
18                 <li><a href="downloads.html">Downloads</a></li>
19                 <li><a href="development.html">Development</a></li>  
20         </ul>
21 </div><br>
22
23 <div id="container">
24         <div class="content">
25                 <h2>What is Liquid?</h2>
26                 <p>Liquid is a funny graphic editor, in which control of brush is implemented by accelerometer or touchscreen of a tablet. In our graphic editor there are realized basic drawing tools (brush, eraser, color tool) and additional (ice - local blur effect). Shaking device on one from three axises provides different effects: </p>
27                 <ul>
28                         <li><b>X</b> - clearing workspace</li>
29                         <li><b>Y</b> - full screen blur effect (<i>There are some problems with its optimization</i>)</li>
30                         <li><b>Z</b> - switching beetween accelerometer/touchscreen mode</li>
31                 </ul>
32         <p>To draw in accelerometer mode you must touch a screen in right bottom corner. And to change brush size you must touch a brush and wait for some time, then popup menu will appear.</p>
33         <p>See <a href="documentation.html">documentation</a> for more details... </p>
34         </div>
35 </div>
36 <div id="footer">
37         <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>                
38 </div>
39 </div>
40 </body>
41 </html>