From af42477b8e1a16e4a0abba894d1b3ca532be0c13 Mon Sep 17 00:00:00 2001 From: nimnes Date: Mon, 26 Jul 2010 20:48:27 +0400 Subject: [PATCH] +documentation page on project web-page --- www/development.html | 6 ++-- www/documentation.html | 79 ++++++++++++++++++++++++++++++++++++++++++++++++ www/downloads.html | 24 ++++++++++----- www/img/Finger.png | Bin 0 -> 54117 bytes www/img/Tools.png | Bin 0 -> 18194 bytes www/img/X.png | Bin 0 -> 34626 bytes www/img/Y.png | Bin 0 -> 34683 bytes www/img/Z.png | Bin 0 -> 34941 bytes www/img/popup.png | Bin 0 -> 19997 bytes www/index.html | 7 +++-- www/style.css | 19 +++++++++--- 11 files changed, 117 insertions(+), 18 deletions(-) create mode 100755 www/documentation.html create mode 100644 www/img/Finger.png create mode 100644 www/img/Tools.png create mode 100644 www/img/X.png create mode 100644 www/img/Y.png create mode 100644 www/img/Z.png create mode 100644 www/img/popup.png diff --git a/www/development.html b/www/development.html index 62c3ec6..5b6ed4a 100755 --- a/www/development.html +++ b/www/development.html @@ -13,8 +13,8 @@ - \ No newline at end of file + diff --git a/www/documentation.html b/www/documentation.html new file mode 100755 index 0000000..af1200a --- /dev/null +++ b/www/documentation.html @@ -0,0 +1,79 @@ + + + + +Liquid - Funny graphic editor. + + +
+ + +
+ +
+
+

Documentation

+

Menu

+
    +
  • Menu File +
      +
    • New - create new empty image
    • +
    • Open - open local graphic image
    • +
    • Save - save image with current format and name
    • +
    • Save As - save image with given name and png format
    • +
    • Exit - close application
    • +
    +
  • +
  • Menu Mode +
      +
    • Accelerometer - turn on/off accelerometer mode (see below)
    • +
    +
+

Tools

+
    +
  • Brush - simple brush such as in Paint
  • +
  • Color Tool - use it for selection necessary brush color
  • +
  • Drop - analog of eraser in graphic editors
  • +
  • Ice - local Blur effect
  • +
  • Fullscreen Mode - turn on/off fullscreen mode
  • +
+

Drawing Modes

+
    +
  • Accelerometer Mode - 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.
  • +
      +
    • Drawing: to draw in this mode you must touch and hold touchscreen in right bottom corner (see screenshot)
    • + +
    +
  • Touchscreen Mode - in this mode control of any tools is implemented using touchscreen.
  • +
+

Additional Features

+
    +
  • Clearing workspace - to clear workspace you must shake device on X axis:
  • + +
  • Blur - to implement Blur effect on all workspace you must shake device on Y axis:
  • + +
  • Switch Modes - switch between drawing modes (Accelerometer/Touchscreen) is implemented by shaking device on Z axis:
  • + +
  • Brush Size - to change brush size you must touch brush and wait until popup menu appears: + +
+
+
+
+ +
+ + diff --git a/www/downloads.html b/www/downloads.html index c8ffc0f..f1da033 100755 --- a/www/downloads.html +++ b/www/downloads.html @@ -13,8 +13,8 @@ - \ No newline at end of file + diff --git a/www/style.css b/www/style.css index e3bca05..f6dfd22 100755 --- a/www/style.css +++ b/www/style.css @@ -16,7 +16,7 @@ BODY { } #layout { - width:760px; + width:780px; margin:0 auto; text-align:left; } @@ -158,16 +158,16 @@ hr { } 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; @@ -183,4 +183,13 @@ code { font-size:110%; width: 700px; } - \ No newline at end of file + +.inner_hr { + border: 1px inset; +} + +.doc_img { + border: 1px white solid; + padding: 2px; +} + -- 1.7.9.5