adding web-page for project
authornimnes <nimnes@nimnes-desktop.(none)>
Wed, 7 Jul 2010 12:04:49 +0000 (16:04 +0400)
committernimnes <nimnes@nimnes-desktop.(none)>
Wed, 7 Jul 2010 12:04:49 +0000 (16:04 +0400)
13 files changed:
www/development.html [new file with mode: 0755]
www/downloads.html [new file with mode: 0755]
www/img/._color.png [new file with mode: 0755]
www/img/._drop.png [new file with mode: 0755]
www/img/._file.png [new file with mode: 0755]
www/img/._liquid.png [new file with mode: 0755]
www/img/color.png [new file with mode: 0755]
www/img/drop.png [new file with mode: 0755]
www/img/file.png [new file with mode: 0755]
www/img/liquid.png [new file with mode: 0755]
www/index.html [changed mode: 0644->0755]
www/screenshots.html [new file with mode: 0755]
www/style.css [new file with mode: 0755]

diff --git a/www/development.html b/www/development.html
new file mode 100755 (executable)
index 0000000..62c3ec6
--- /dev/null
@@ -0,0 +1,45 @@
+<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="screenshots.html">Screenshots</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>Development</h2>
+       <p><b>Liquid</b> - is an open source project (GPL). Everyone can join development.</p>
+       <p>You can get the source code from our Git repository: </p>
+       <code>
+               git clone https://vcs.maemo.org/git/liquid-graphic
+       </code>
+       <p>Or visit our <a href="https://garage.maemo.org/projects/liquid-graphic/">project page</a> on Maemo Garage.</p>
+       <h2>Authors</h2>
+       <ul>
+               <li>Konstantin Kirpichonock (kirpiche@cs.karelia.ru)</li>
+               <li>Volkov Aleksandr (avolkov@cs.karelia.ru)</li>
+               <li>Dmitriev Vladimir (vdmitrie@cs.karelia.ru)</li>
+       </ul>
+       </div>
+</div>
+<div id="footer">
+       <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>                
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/www/downloads.html b/www/downloads.html
new file mode 100755 (executable)
index 0000000..c8ffc0f
--- /dev/null
@@ -0,0 +1,58 @@
+<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="screenshots.html">Screenshots</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>Downloads</h2>
+               <p><b>Latest version of 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>
+               </p>
+               <hr>
+               <h3>Old versions:</h3>
+               <p><b>Liquid-0.5 (Initial Release)</b><br>
+               <b>Features:</b>
+               <ul>
+                       <li>drawing in accelerometer/touchscreen mode</li>
+                       <li>changing drawing mode by shaking device on Z axis</li>
+                       <li>full screen blur effect by shaking device on Y axis</li>
+                       <li>clearing screen by shaking on X axis</li>
+                       <li>creating & editing images</li>
+                       <li>basic drawing tools (brush, eraser, color tool) </li>
+                       <li>additional drawing tools (ice - local blur effect)</li>
+                       <li>popup menu for changing brush size (user must touch brush and wait some time) </li>
+               </ul>
+               <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/liquid/0.5-1/">download</a><br>
+               <b>Debian:</b> <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5-1_armel.deb">ARMEL</a>, <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/l/liquid/liquid_0.5-1_i386.deb">i386</a> <br>
+               </p>
+       </div>
+</div>
+<div id="footer">
+       <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>                
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/www/img/._color.png b/www/img/._color.png
new file mode 100755 (executable)
index 0000000..9323ccd
Binary files /dev/null and b/www/img/._color.png differ
diff --git a/www/img/._drop.png b/www/img/._drop.png
new file mode 100755 (executable)
index 0000000..e536851
Binary files /dev/null and b/www/img/._drop.png differ
diff --git a/www/img/._file.png b/www/img/._file.png
new file mode 100755 (executable)
index 0000000..74fac35
Binary files /dev/null and b/www/img/._file.png differ
diff --git a/www/img/._liquid.png b/www/img/._liquid.png
new file mode 100755 (executable)
index 0000000..1453613
Binary files /dev/null and b/www/img/._liquid.png differ
diff --git a/www/img/color.png b/www/img/color.png
new file mode 100755 (executable)
index 0000000..f8a65c7
Binary files /dev/null and b/www/img/color.png differ
diff --git a/www/img/drop.png b/www/img/drop.png
new file mode 100755 (executable)
index 0000000..4531d7c
Binary files /dev/null and b/www/img/drop.png differ
diff --git a/www/img/file.png b/www/img/file.png
new file mode 100755 (executable)
index 0000000..dfbe289
Binary files /dev/null and b/www/img/file.png differ
diff --git a/www/img/liquid.png b/www/img/liquid.png
new file mode 100755 (executable)
index 0000000..c563ad2
Binary files /dev/null and b/www/img/liquid.png differ
old mode 100644 (file)
new mode 100755 (executable)
index 10ddd6d..a898edc
@@ -1 +1,40 @@
-Hello!
+<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="screenshots.html">Screenshots</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>What is Liquid?</h2>
+               <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>
+               <ul>
+                       <li><b>X</b> - clearing workspace</li>
+                       <li><b>Y</b> - full screen blur effect (<i>There are some problems with its optimization</i>)</li>
+                       <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>
+       </div>
+</div>
+<div id="footer">
+       <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>                
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/www/screenshots.html b/www/screenshots.html
new file mode 100755 (executable)
index 0000000..0955046
--- /dev/null
@@ -0,0 +1,43 @@
+<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="screenshots.html">Screenshots</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>Screenshots</h2>
+               <p>Below you can see few screenshots from Liquid. Click on image to scale it.</p>
+               <p><b>Main window: </b></p>
+               <center><a href="img/liquid.png"><img border="0" src="img/liquid.png" width="400" ></a></center>
+               <p><b>Open File Dialog: </b></p>
+               <center><a href="img/file.png"><img border="0" src="img/file.png" width="400" ></a></center>
+               <p><b>Drop tool:</b></p>
+               <center><a href="img/drop.png"><img border="0" src="img/drop.png" width="400" ></a></center>
+               <p><b>Color tool:</b></p>
+               <center><a href="img/color.png"><img border="0" src="img/color.png" width="400" ></a></center>
+               <br>
+       </div>
+</div>
+<div id="footer">
+       <span class="f-right">&copy; 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Liquid">Liquid</a> </span>                
+</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/www/style.css b/www/style.css
new file mode 100755 (executable)
index 0000000..e3bca05
--- /dev/null
@@ -0,0 +1,186 @@
+* { margin:0; padding:0; }
+body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
+
+BODY {
+       background-color: #d7d7d7;
+       padding: 0 0; 
+       font-family: "arial",sans-serif; 
+       font-size: 13px;
+       line-height:24px;
+       color: #3a3a3a; 
+       text-align: center; 
+}
+
+#container {   
+       padding-top: 5px;
+}
+
+#layout { 
+  width:760px; 
+  margin:0 auto; 
+  text-align:left; 
+}
+
+.header {
+    background-color: #d47129; 
+       margin-bottom: 4px;    
+    position:relative; 
+    padding-left: 7px;
+}
+
+.content {
+       padding-left: 15px;
+       padding-bottom: 0;
+       padding-right: 0;
+       padding-top: 0;
+       margin-bottom: 2px;    
+       float: left;
+    width:700px;
+    z-index: 10;
+}
+
+
+.logo {
+       text-decoration: none;
+       color: white;
+       font-family: Impact, 'Techno CE', sans-serif;
+       font-weight: normal;
+    position: relative; 
+    overflow: hidden; 
+    height: 110px;
+    font-size:300%;
+    margin: 0;
+    line-height: 130px;
+}
+
+.logo a {
+       text-decoration: none; 
+       color: white;
+}
+
+#menu {
+       text-align: center; 
+       position: relative; 
+       z-index:2; 
+       border: 1px solid gray; 
+       border-right: none; 
+       border-left: none; 
+       padding: 7px 0;  
+       margin:0 auto;
+}
+
+#menu ul {
+       text-align: center; 
+       margin:0; 
+       padding:0; 
+       list-style:none;
+}
+
+#menu ul li {
+       text-align: center;
+       float:left; 
+       display:inline; 
+       margin:0; 
+       padding:0;
+}
+
+#menu ul li a {
+       text-align: center;
+    font-size: 19px;
+    font-weight: bold;
+    display: block; 
+    color: #3a3a3a;
+    text-decoration: none;
+    float: left; /*\*/ float:none; 
+    padding: 7px 50px 7px 39px;
+    line-height: 18px;      
+}
+
+#menu ul li a span {
+       text-align: center;
+    background-color: #d7d7d7;
+    font-size: 11px;
+    font-weight: normal;
+    color: white;
+}
+        
+#menu ul li a:hover {
+    text-align: center;
+    background-color: #d7d7d7;
+    color: white;
+}
+
+#menu ul li#active a {
+    text-align: center;
+}
+
+p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }
+
+.box { 
+       min-height:1px; 
+}
+
+.box:after { 
+       display:block; 
+       visibility:hidden; 
+       clear:both; 
+       line-height:0; 
+       font-size:0; 
+       content:"."; 
+}
+
+#footer {
+       border-top-color: gray;
+    clear:both;
+    height: 77px;
+    margin-top: 20px;
+    border-top: 1px solid;
+    padding:10px 3px;
+    color: white;
+    font-size: 90%;
+}
+
+.f-right {
+       float:right;
+}
+
+#footer a {
+    color: white;
+}
+    
+#footer p { 
+       margin:0; 
+       padding-top:10px; 
+}
+
+hr {
+       border: solid gray 1px;
+}
+
+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:link {}
+a:hover {color:#3a3a3a ; text-decoration: none;}
+
+code {
+       background-color: #f2f2f2;
+       padding-left: 15px;
+       padding-bottom: 0;
+       padding-right: 0;
+       padding-top: 0;
+       margin-bottom: 2px; 
+       margin-left: 16px;   
+       float: left;    
+       border: 1px dashed gray;
+       font-family:monospace; 
+       font-size:110%;
+       width: 700px;
+}
+  
\ No newline at end of file