--- /dev/null
+<html>\r
+ <head>\r
+ <link href="style.css" rel="stylesheet" type="text/css">\r
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> \r
+ <title>Shariks</title>\r
+ </head>\r
+ <body>\r
+ <div id="layout">\r
+ <div class="header">\r
+ <a href="http://shariks.garage.maemo.org" title="Shariks"><h1 class="logo"></h1><a>\r
+ </div>\r
+\r
+ <div id="menu" class="box">\r
+ <ul>\r
+ <li><a href="index.html">Home</a></li>\r
+ <li><a href="documentation.html">Documentation</a></li>\r
+ <li><a href="downloads.html">Downloads</a></li>\r
+ <li><a href="development.html">Development</a></li> \r
+ </ul>\r
+ </div>\r
+\r
+ <div id="container">\r
+ <div class="content" align="left">\r
+ \r
+ <h2>Development</h2>\r
+ <p><b>Shariks</b> - is an open source project (GPL). Everyone can join development.</p>\r
+ <p>You can get the source code from our Git repository: </p>\r
+ <code>\r
+ <font color="black">git clone http://git.gitorious.org/shariks/shariks.git</font>\r
+ </code>\r
+ <h2>Authors</h2>\r
+ <ul>\r
+ <li>Konstantin Kirpichonock (kirpiche@cs.karelia.ru)</li>\r
+ <li>Sotnikov Arseny (sotnikov@cs.karelia.ru)</li>\r
+ <li>Dmitriev Vladimir (vdmitrie@cs.karelia.ru)</li>\r
+ </ul>\r
+\r
+ </div>\r
+ </div>\r
+ <div id="footer">\r
+ <span class="f-right">© 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Shariks">Shariks</a> </span> \r
+ </div>\r
+ </div>\r
+ </body>\r
+</html>
\ No newline at end of file
--- /dev/null
+<html>\r
+ <head>\r
+ <link href="style.css" rel="stylesheet" type="text/css">\r
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> \r
+ <title>Shariks</title>\r
+ </head>\r
+ <body>\r
+ <div id="layout">\r
+ <div class="header">\r
+ <a href="http://shariks.garage.maemo.org" title="Shariks"><h1 class="logo"></h1><a>\r
+ </div>\r
+\r
+ <div id="menu" class="box">\r
+ <ul>\r
+ <li><a href="index.html">Home</a></li>\r
+ <li><a href="documentation.html">Documentation</a></li>\r
+ <li><a href="downloads.html">Downloads</a></li>\r
+ <li><a href="development.html">Development</a></li> \r
+ </ul>\r
+ </div>\r
+\r
+ <div id="container">\r
+ <div class="content" align="left">\r
+ <h2>Documentation</h2>\r
+ <h3>Menu</h3>\r
+ <ul>\r
+ <li><b>Main Menu</b>\r
+ <a href="images/ShariksMenu.png"><img class="doc_img" src="images/ShariksMenu.png" align="right" width="350px"></a>\r
+ <ul>\r
+ <li><b>New game</b> - start new game</li>\r
+ <li><b>Highscore</b> - watch highscores</li>\r
+ <li><b>Help</b></li>\r
+ <li><b>Exit</b> - exit game</li>\r
+ </ul> \r
+ </li>\r
+ <li><b>Menu Input Name</b>\r
+ <ul>\r
+ <li><b>Name</b> - enter name</li>\r
+ <li><b>Save</b> - save name and go to highscores</li>\r
+ <li><b>Cancel</b> - exit back to menu</li>\r
+ </ul> \r
+ </ul> \r
+ <h3>Control</h3>\r
+ <ul>\r
+ <li><b>Accelerometer inclination</b> - Ball control</li>\r
+ <li><b>Touchscreen</b> - scoring</li>\r
+ <li><b>M</b> - go to Main Menu</li>\r
+ <li><b>Space</b> - New Game</li>\r
+ <li><b>Enter</b> - pause</li>\r
+ </ul> \r
+ <h3>Objects</h3>\r
+ <ul>\r
+ <li><b>Ball:</b> player controlled main Ball</li>\r
+ <li><b>TailBalls:</b> small balls, which cling onto player's ball using links. On high speed links will break. After some time linked TailBalls become green. When you tap the screen 'tail of Tail Balls' breaks and you score points, but only for green TailBalls. After that TailBalls will appear again. The more green TailBoll you have on tail - the more points you score.</li>\r
+ <li><b>CrazyBalls:</b> periodically they begin fast random movement and may break links between Ball and TailBalls.</li>\r
+ <li><b>Stars:</b> when player's Ball touches it, player lose one life. For a few seconds after that Ball blink and do not interact with another balls. After all 3 lives are lost game will end.</li>\r
+ <a href="images/ShariksGameplay.png"><img src="images/ShariksGameplay.png" align="center" width="350px"></a>\r
+ </ul>\r
+ <br>\r
+ </div>\r
+ </div>\r
+ <div id="footer">\r
+ <span class="f-right">© 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Shariks">Shariks</a> </span> \r
+ </div>\r
+ </div>\r
+ </body>\r
+</html>
\ No newline at end of file
--- /dev/null
+<html>\r
+ <head>\r
+ <link href="style.css" rel="stylesheet" type="text/css">\r
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> \r
+ <title>Shariks</title>\r
+ </head>\r
+ <body>\r
+ <div id="layout">\r
+ <div class="header">\r
+ <a href="http://shariks.garage.maemo.org" title="Shariks"><h1 class="logo"></h1><a>\r
+ </div>\r
+\r
+ <div id="menu" class="box">\r
+ <ul>\r
+ <li><a href="index.html">Home</a></li>\r
+ <li><a href="documentation.html">Documentation</a></li>\r
+ <li><a href="downloads.html">Downloads</a></li>\r
+ <li><a href="development.html">Development</a></li> \r
+ </ul>\r
+ </div>\r
+\r
+ <div id="container">\r
+ <div class="content" align="left">\r
+ \r
+ \r
+ \r
+ \r
+ <h2>Downloads</h2>\r
+ \r
+ <p><b>Latest version of Shariks: 0.1.1</b><br>\r
+ <b>Changes:</b>\r
+ <ul>\r
+ <li>Initial release</li> \r
+ </ul>\r
+ <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/shariks/0.1.1-1/">download</a><br>\r
+ <b>Debian:</b> <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/s/shariks/shariks_0.1.1-1_armel.deb">ARMEL</a>, \r
+ <a href="http://repository.maemo.org/extras-devel/pool/fremantle/free/s/shariks/shariks_0.1.1-1_i386.deb">i386</a> <br>\r
+ </p>\r
+ <hr>\r
+ \r
+ <h3>Old versions:</h3>\r
+ <p><b>Latest version of Shariks: 0.1.0</b><br>\r
+ <b>Changes:</b><br>\r
+ <b>Source code:</b> <a href="http://maemo.org/packages/source/view/fremantle_extras-devel_free_source/shariks/0.1.0-1/">download</a><br>\r
+ <hr>\r
+ \r
+ \r
+ \r
+ </div>\r
+ </div>\r
+ <div id="footer">\r
+ <span class="f-right">© 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Shariks">Shariks</a> </span> \r
+ </div>\r
+ </div>\r
+ </body>\r
+</html>
\ No newline at end of file
--- /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>Shariks</title>
+ </head>
+ <body>
+ <div id="layout">
+ <div class="header">
+ <a href="http://shariks.garage.maemo.org" title="Shariks"><h1 class="logo"></h1><a>
+ </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>
+
+ <div id="container">
+ <div class="content" align="left">
+ <h2>What is Shariks?</h2>
+ <p>Shariks is a game for Maemo/MeeGo platform. It's based on game of the same name (Author: Kryshen M.A.). Control is implemented by accelerometer and touchscreen of a tablet.</p>
+ <p>Player must use the Ball to collect smaller balls (TailBalls), which cling onto player's ball using links. On high speed links will break. Also there are several other types of randomly moving balls on game field:</p>
+ <ul>
+ <li><b>CrazyBalls</b> - periodically begin moving faster and may break links between Ball and TailBalls</li>
+ <li><b>Stars</b> - when player's Ball touchs it, player lose one life. After all 3 lives are lost game will end</li>
+ </ul>
+ <p>After some time linked TailBalls become green. Then you can score points by taping the screen.</p>
+ <p>The goal of game is to reach best score.</p>
+ <p>See <a href="documentation.html">documentation</a> for more details... </p>
+ </div>
+ </div>
+ <div id="footer">
+ <span class="f-right">© 2010 <a href="mailto:maemo-sensors@cs.karelia.ru?subject=Shariks">Shariks</a> </span>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+* { margin:0; padding:0; }\r
+body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }\r
+\r
+BODY {\r
+ background-image: url(images/bg.png);\r
+ background-attachment: fixed;\r
+ background-color: #d7d7d7;\r
+ padding: 0 0; \r
+ font-family: "arial",sans-serif; \r
+ font-size: 13px;\r
+ line-height:24px;\r
+ color: #3a3a3a; \r
+ text-align: center; \r
+}\r
+\r
+#container { \r
+ margin-top: 4px;\r
+}\r
+\r
+#layout { \r
+ width:780px; \r
+ margin:0 auto; \r
+ text-align:center; \r
+}\r
+\r
+.header {\r
+ background-image: url(images/logo.png);\r
+ background-color: #d47129;\r
+ margin-top: 7px;\r
+ margin-bottom: 4px; \r
+ position:relative; \r
+ padding-left: 7px;\r
+}\r
+\r
+.content {\r
+ background-image: url(images/content.png);\r
+ color: #faf5f7; \r
+ padding-left: 15px;\r
+ padding-bottom: 0;\r
+ padding-right: 15px;\r
+ padding-top: 0;\r
+ margin-bottom: 2px; \r
+ z-index: 10;\r
+}\r
+\r
+\r
+.logo {\r
+ text-decoration: none;\r
+ color: white;\r
+ font-family: Impact, 'Techno CE', sans-serif;\r
+ font-weight: normal;\r
+ position: relative; \r
+ overflow: hidden; \r
+ height: 120px;\r
+ font-size:300%;\r
+ margin: 0;\r
+ line-height: 130px;\r
+}\r
+\r
+.logo a {\r
+ text-decoration: none; \r
+ color: white;\r
+}\r
+\r
+#menu {\r
+ text-align: center; \r
+ position: relative; \r
+ z-index:2; \r
+ border: 1px solid gray; \r
+ border-right: none; \r
+ border-left: none; \r
+ padding: 7px 0; \r
+ margin:0 auto;\r
+}\r
+\r
+#menu ul {\r
+ text-align: center; \r
+ margin:0; \r
+ padding:0; \r
+ list-style:none;\r
+}\r
+\r
+#menu ul li {\r
+ text-align: center;\r
+ float:left; \r
+ display:inline; \r
+ margin:0; \r
+ padding:0;\r
+}\r
+\r
+#menu ul li a {\r
+ text-align: center;\r
+ font-size: 19px;\r
+ font-weight: bold;\r
+ display: block; \r
+ color: #ff999d;\r
+ text-decoration: none;\r
+ float: left; /*\*/ float:none; \r
+ padding: 7px 50px 7px 39px;\r
+ line-height: 18px; \r
+}\r
+\r
+#menu ul li a span {\r
+ text-align: center;\r
+ background-color: #d7d7d7;\r
+ font-size: 11px;\r
+ font-weight: normal;\r
+ color: white;\r
+}\r
+ \r
+#menu ul li a:hover {\r
+ text-align: center;\r
+ background-image: url(images/menu.png);\r
+ background-attachment: fixed;\r
+ background-color: #d7d7d7;\r
+ color: white;\r
+}\r
+\r
+#menu ul li#active a {\r
+ text-align: center;\r
+}\r
+\r
+p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }\r
+\r
+.box { \r
+ background-image: url(images/menu.png);\r
+ background-attachment: fixed;\r
+ min-height:1px; \r
+}\r
+\r
+.box:after { \r
+ display:block; \r
+ visibility:hidden; \r
+ clear:both; \r
+ line-height:0; \r
+ font-size:0; \r
+ content:"."; \r
+}\r
+\r
+#footer {\r
+ border-top-color: gray;\r
+ clear:both;\r
+ height: 77px;\r
+ margin-top: 20px;\r
+ border-top: 1px solid;\r
+ padding:10px 3px;\r
+ color: black;\r
+ font-size: 90%;\r
+}\r
+\r
+.f-right {\r
+ float:right;\r
+}\r
+\r
+#footer a {\r
+ color: black;\r
+}\r
+ \r
+#footer p { \r
+ margin:0; \r
+ padding-top:10px; \r
+}\r
+\r
+hr {\r
+ border: solid gray 1px;\r
+}\r
+\r
+ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }\r
+\r
+ol { list-style-type:decimal; }\r
+ol ol { list-style-type:upper-alpha; }\r
+ol ol ol {list-style-type:lower-alpha; }\r
+li { display:list-item; }\r
+ul li a { text-decoration:underline; }\r
+\r
+a {color: #ff999d;}\r
+a:link {color:#ff999d ;}\r
+a:hover {color:white ; text-decoration: none;}\r
+\r
+code {\r
+ background-color: #f2f2f2;\r
+ padding-left: 15px;\r
+ padding-bottom: 0;\r
+ padding-right: 0;\r
+ padding-top: 0;\r
+ margin-bottom: 2px; \r
+ margin-left: 16px; \r
+ float: left; \r
+ border: 1px dashed gray;\r
+ font-family:monospace; \r
+ font-size:110%;\r
+ width: 700px;\r
+}\r
+\r
+.inner_hr {\r
+ border: 1px inset;\r
+}\r
+\r
+.doc_img {\r
+ border: 1px white solid;\r
+ padding: 2px;\r
+}\r
+
\ No newline at end of file