<div id="menu" class="box">
<ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="screenshots.html">Screenshots</a></li>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="documentation.html">Documentation</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="development.html">Development</a></li>
</ul>
</div>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
--- /dev/null
+<html>
+<head>
+<link href="style.css" rel="stylesheet" type="text/css">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Liquid - Funny graphic editor.</title>
+</head>
+<body>
+<div id="layout">
+<div class="header">
+ <h1 class="logo"><a href="http://liquid-graphic.garage.maemo.org" title="Liquid">Liquid<a></h1>
+
+</div>
+
+<div id="menu" class="box">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="documentation.html">Documentation</a></li>
+ <li><a href="downloads.html">Downloads</a></li>
+ <li><a href="development.html">Development</a></li>
+ </ul>
+</div><br>
+
+<div id="container">
+ <div class="content">
+ <h2>Documentation</h2>
+ <h3>Menu</h3>
+ <ul>
+ <li><b>Menu File</b><img class="doc_img" src="img/Tools.png" align="right" width="150px">
+ <ul>
+ <li><b>New</b> - create new empty image</li>
+ <li><b>Open</b> - open local graphic image</li>
+ <li><b>Save</b> - save image with current format and name</li>
+ <li><b>Save As</b> - save image with given name and png format</li>
+ <li><b>Exit</b> - close application</li>
+ </ul>
+ </li>
+ <li><b>Menu Mode</b>
+ <ul>
+ <li><b>Accelerometer</b> - turn on/off accelerometer mode (see below)</li>
+ </ul>
+ </ul>
+ <h3>Tools</h3>
+ <ul>
+ <li><b>Brush</b> - simple brush such as in Paint</li>
+ <li><b>Color Tool</b> - use it for selection necessary brush color</li>
+ <li><b>Drop</b> - analog of eraser in graphic editors</li>
+ <li><b>Ice</b> - local Blur effect</li>
+ <li><b>Fullscreen Mode</b> - turn on/off fullscreen mode</li>
+ </ul>
+ <h3>Drawing Modes</h3>
+ <ul>
+ <li><b>Accelerometer Mode</b> - in this mode control of any tools is implemented using
+ accelerometer of device. To move brush in this mode, you must tilt a tablet in space.</li>
+ <ul>
+ <li><b>Drawing: </b> to draw in this mode you must touch and hold touchscreen in right bottom corner (see screenshot) </li>
+ <img class="doc_img" src="img/Finger.png" aligh="center" width="350px">
+ </ul>
+ <li><b>Touchscreen Mode</b> - in this mode control of any tools is implemented using touchscreen.</li>
+ </ul>
+ <h3>Additional Features</h3>
+ <ul>
+ <li><b>Clearing workspace</b> - to clear workspace you must shake device on X axis: </li>
+ <img src="img/X.png" aligh="center" width="180">
+ <li><b>Blur</b> - to implement Blur effect on all workspace you must shake device on Y axis: </li>
+ <img src="img/Y.png" aligh="center" width="400">
+ <li><b>Switch Modes</b> - switch between drawing modes (Accelerometer/Touchscreen) is implemented by shaking device on Z axis:</li>
+ <img src="img/Z.png" aligh="center" width="180">
+ <li><b>Brush Size</b> - to change brush size you must touch brush and wait until popup menu appears:
+ <img class="doc_img" src="img/popup.png" width="350">
+ </ul>
+ <br>
+ </div>
+</div>
+<div id="footer">
+ <span class="f-right">© 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>
+</div>
+</div>
+</body>
+</html>
<div id="menu" class="box">
<ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="screenshots.html">Screenshots</a></li>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="documentation.html">Documentation</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="development.html">Development</a></li>
</ul>
<div id="container">
<div class="content">
<h2>Downloads</h2>
- <p><b>Latest version of Liquid: 0.5.1</b><br>
+ <p><b>Latest version of Liquid: 0.5.3</b><br>
<b>Changes:</b>
<ul>
- <li>Adding description of project and developers info into debian config files.</li>
+ <li>Getting accelerometer data using dbus, instead of reading accelerometer file.</li>
</ul>
- <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/liquid/0.5.1-1/">download</a><br>
- <b>Debian:</b> <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.1-1_armel.deb">ARMEL</a>, <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.1-1_i386.deb">i386</a> <br>
+ <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/liquid/0.5.3-1/">download</a><br>
+ <b>Debian:</b> <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.3-1_armel.deb">ARMEL</a>,
+ <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.3-1_i386.deb">i386</a> <br>
</p>
<hr>
<h3>Old versions:</h3>
+ <p><b>Liquid-0.5.1</b><br>
+ <b>Changes:</b>
+ <ul>
+ <li>Adding description of project and developers info into debian config files.</li>
+ </ul>
+ <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/liquid/0.5.1-1/">download</a><br>
+ <b>Debian:</b> <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.1-1_armel.deb">ARMEL</a>,
+ <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5.1-1_i386.deb">i386</a> <br>
+ <hr class="inner_hr">
<p><b>Liquid-0.5 (Initial Release)</b><br>
<b>Features:</b>
<ul>
</div>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
<div id="menu" class="box">
<ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="screenshots.html">Screenshots</a></li>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="documentation.html">Documentation</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="development.html">Development</a></li>
</ul>
<li><b>Z</b> - switching beetween accelerometer/touchscreen mode</li>
</ul>
<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>
+ <p>See <a href="documentation.html">documentation</a> for more details... </p>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
}
#layout {
- width:760px;
+ width:780px;
margin:0 auto;
text-align:left;
}
}
ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }
-ul ul, ul ul ul, ol ol, ol ol ol { margin-bottom: 0; margin-right: 0; margin-top: 0; margin-left: 0px; }
+
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }
-a {color: #f4f4f4;}
+a {color: #6633FF;}
a:link {}
-a:hover {color:#3a3a3a ; text-decoration: none;}
+a:hover {color:white ; text-decoration: none;}
code {
background-color: #f2f2f2;
font-size:110%;
width: 700px;
}
-
\ No newline at end of file
+
+.inner_hr {
+ border: 1px inset;
+}
+
+.doc_img {
+ border: 1px white solid;
+ padding: 2px;
+}
+