Small optimization to media player. Web page updated.
authoreshe <jessehakanen@gmail.com>
Tue, 27 Jul 2010 08:47:02 +0000 (09:47 +0100)
committereshe <jessehakanen@gmail.com>
Tue, 27 Jul 2010 08:47:02 +0000 (09:47 +0100)
16 files changed:
src/mediaplayer.cpp
src/mediaplayer.h
www/css/style.css
www/documentation.html [new file with mode: 0644]
www/img/16M.png [new file with mode: 0644]
www/img/256.png [new file with mode: 0644]
www/img/gpsbabel.jpg [new file with mode: 0644]
www/img/themes/lcd-bike-dark.jpg [new file with mode: 0644]
www/img/themes/lcd-bike-dark_thumb.jpg [new file with mode: 0644]
www/img/themes/lcd-bike.jpg [new file with mode: 0644]
www/img/themes/lcd-bike_thumb.jpg [new file with mode: 0644]
www/index.html
www/theme-howto.html
www/themes.html
www/themes/bike_lcd.jspeed [new file with mode: 0644]
www/themes/bike_lcd_dark.jspeed [new file with mode: 0644]

index a9c6b6d..6651036 100644 (file)
@@ -18,6 +18,7 @@
 
 #include <QtCore/QUrl>
 #include <QtCore/QDir>
 
 #include <QtCore/QUrl>
 #include <QtCore/QDir>
+#include <QMediaPlayer>
 #include <QMediaContent>
 #include "mediaplayer.h"
 #include "settings.h"
 #include <QMediaContent>
 #include "mediaplayer.h"
 #include "settings.h"
@@ -28,10 +29,10 @@ namespace
     QString const LOCAL_SOUND_DIR = ":/resources/sounds/";
 }
 
     QString const LOCAL_SOUND_DIR = ":/resources/sounds/";
 }
 
-QMediaPlayer MediaPlayer::player_;
-
 bool MediaPlayer::play(QString const& file)
 {
 bool MediaPlayer::play(QString const& file)
 {
+    static QMediaPlayer player;
+
     QMediaContent media(QUrl::fromLocalFile(file));
 
     if(media.isNull())
     QMediaContent media(QUrl::fromLocalFile(file));
 
     if(media.isNull())
@@ -39,8 +40,8 @@ bool MediaPlayer::play(QString const& file)
         return false;
     }
 
         return false;
     }
 
-    player_.setMedia(media);
-    player_.play();
+    player.setMedia(media);
+    player.play();
     return true;
 }
 
     return true;
 }
 
index 2bba0ec..9a8ce7a 100644 (file)
@@ -22,7 +22,6 @@
 #include <QtCore/QString>
 #include <QtCore/QStringList>
 #include <QtCore/QList>
 #include <QtCore/QString>
 #include <QtCore/QStringList>
 #include <QtCore/QList>
-#include <QMediaPlayer>
 
 class MediaPlayer
 {
 
 class MediaPlayer
 {
@@ -34,9 +33,6 @@ public:
     static QStringList getFormatPatterns();
     static QString getSoundDir();
     static QString const& getLocalSoundDir();
     static QStringList getFormatPatterns();
     static QString getSoundDir();
     static QString const& getLocalSoundDir();
-
-private:
-    static QMediaPlayer player_;
 };
 
 #endif
 };
 
 #endif
index ad9005a..7384420 100644 (file)
@@ -196,6 +196,10 @@ a:hover {
        margin-bottom: 0.8em;\r
 }\r
 \r
        margin-bottom: 0.8em;\r
 }\r
 \r
+#main-content ul {\r
+       margin-left: 35px;\r
+}\r
+\r
 .theme {\r
        float: left;\r
        width: 268px;\r
 .theme {\r
        float: left;\r
        width: 268px;\r
@@ -270,12 +274,13 @@ pre.code {
        margin-bottom: 14px;\r
        width: 100%;\r
        border: 1px solid #ccc;\r
        margin-bottom: 14px;\r
        width: 100%;\r
        border: 1px solid #ccc;\r
+       font-size: 14px;\r
 }\r
 \r
 .spec th {\r
        text-align: left;\r
        font-weight: bold;\r
 }\r
 \r
 .spec th {\r
        text-align: left;\r
        font-weight: bold;\r
-       padding: 6px;\r
+       padding: 2px 6px;\r
        white-space: nowrap;\r
 \r
 }\r
        white-space: nowrap;\r
 \r
 }\r
@@ -285,7 +290,8 @@ pre.code {
 }\r
 \r
 .spec td {\r
 }\r
 \r
 .spec td {\r
-       padding: 2px 6px 2px 6px;\r
+       padding: 1px 6px 1px 6px;\r
+       vertical-align: top;\r
 }\r
 \r
 .spec .color, .spec .color td, .spec .color th {\r
 }\r
 \r
 .spec .color, .spec .color td, .spec .color th {\r
@@ -307,3 +313,17 @@ pre.code {
 .contents {\r
        margin-bottom: 15px;\r
 }\r
 .contents {\r
        margin-bottom: 15px;\r
 }\r
+\r
+.imageinfo {\r
+       border: 1px solid #ccc;\r
+       padding: 5px;\r
+       float: left;\r
+       margin: 10px 15px 30px 0;\r
+       text-align: center;\r
+}\r
+\r
+.imageinfo p {\r
+       margin: 0 !important;\r
+       font-size: 13px;\r
+       font-weight: bold;\r
+}
\ No newline at end of file
diff --git a/www/documentation.html b/www/documentation.html
new file mode 100644 (file)
index 0000000..98f1d65
--- /dev/null
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
+\r
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi">\r
+\r
+<head>\r
+\r
+<title>jSpeed - Documentation</title>\r
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />\r
+<meta name="description" content="jSpeed documentation." />\r
+<meta name="keywords" content="theme,themes,speedometer,jspeed,maemo" />\r
+<meta name="robots" content="index, follow" />\r
+<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>\r
+<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script>\r
+<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.js"></script>\r
+<script type="text/javascript" src="js/script.js"></script>\r
+<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.1.css" media="all" />\r
+<link rel="stylesheet" href="css/style.css" media="all" type="text/css" />\r
+\r
+</head>\r
+       \r
+<body>\r
+\r
+<ul id="mainmenu">\r
+       <li><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
+       <li><a href="#download">Download</a></li>\r
+       <li class="selected"><a href="http://jspeed.garage.maemo.org/documentation.html">Documentation</a></li>\r
+       <li><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
+       <li><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
+</ul>\r
+\r
+<div id="main">\r
+\r
+<div id="main-content">\r
+\r
+<h1>Documentation</h1>\r
+\r
+\r
+<h2>Speed camera alerts</h2>\r
+\r
+<p>Speed cameras are supported in jSpeed. All you need is a poi file containing speed camera locations in ASC format. You can convert almost any poi format to ASC using <a href="http://www.gpsbabel.org/">GPSBabel</a> (<a href="img/gpsbabel.jpg" class="thumb">screenshot for correct output options</a>) or <a href="http://www.poiedit.com/">PoiEdit</a>. Poi files should be located in /home/user/.jspeed/pois/.</p>\r
+\r
+<p>Links to speed camera databases:</p>\r
+<ul>\r
+       <li>Finland: <a href="http://tomtompoi.1g.fi">http://tomtompoi.1g.fi/</a></li>\r
+</ul>\r
+\r
+<h2>Sounds</h2>\r
+\r
+<p>You can add new sounds to speed camera alerts and speed alarm by moving sound files to /home/user/.jspeed/sounds/. Currently wav, mp3 and aac files are supported.</p>\r
+\r
+<h2>Themes</h2>\r
+\r
+<p>Theme files are located in /home/user/.speed/themes/. For more information about how to make your own theme, take a look at the <a href="http://jspeed.garage.maemo.org/theme-howto.html">theme howto.</a></p>\r
+\r
+</div>\r
+\r
+</div>\r
+\r
+<div id="bottom">\r
+\r
+<div id="bottom-content">\r
+\r
+<div class="bottom-box">\r
+\r
+<h3 id="download">Download</h3>\r
+\r
+<p>jSpeed can be downloaded from Maemo extras-devel repository.</p>\r
+\r
+</div>\r
+\r
+<div class="bottom-box">\r
+\r
+<h3>License</h3>\r
+\r
+<p>jSpeed is licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl.txt">GNU General Public License</a>.</p>\r
+\r
+</div>\r
+\r
+<div class="bottom-box">\r
+\r
+<h3>Links</h3>\r
+\r
+<ul>\r
+       <li><a href="https://garage.maemo.org/projects/jspeed/">Project page</a></li>\r
+       <li><a href="http://maemo.org/packages/view/jspeed/">Package overview and changelog</a></li>\r
+       <li><a href="https://garage.maemo.org/tracker/?atid=6134&amp;group_id=1756&amp;func=browse">Bug tracker</a></li>\r
+</ul>\r
+\r
+</div>\r
+\r
+<div id="copyright">\r
+Copyright © 2010 Jesse Hakanen | <a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#106;&#101;&#115;&#115;&#101;&#104;&#97;&#107;&#97;&#110;&#101;&#110;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;">Contact</a>\r
+</div>\r
+\r
+</div>\r
+\r
+</div>\r
+\r
+</body>\r
+       \r
+</html>\r
diff --git a/www/img/16M.png b/www/img/16M.png
new file mode 100644 (file)
index 0000000..0597b86
Binary files /dev/null and b/www/img/16M.png differ
diff --git a/www/img/256.png b/www/img/256.png
new file mode 100644 (file)
index 0000000..d851407
Binary files /dev/null and b/www/img/256.png differ
diff --git a/www/img/gpsbabel.jpg b/www/img/gpsbabel.jpg
new file mode 100644 (file)
index 0000000..690034d
Binary files /dev/null and b/www/img/gpsbabel.jpg differ
diff --git a/www/img/themes/lcd-bike-dark.jpg b/www/img/themes/lcd-bike-dark.jpg
new file mode 100644 (file)
index 0000000..40bee60
Binary files /dev/null and b/www/img/themes/lcd-bike-dark.jpg differ
diff --git a/www/img/themes/lcd-bike-dark_thumb.jpg b/www/img/themes/lcd-bike-dark_thumb.jpg
new file mode 100644 (file)
index 0000000..24d5839
Binary files /dev/null and b/www/img/themes/lcd-bike-dark_thumb.jpg differ
diff --git a/www/img/themes/lcd-bike.jpg b/www/img/themes/lcd-bike.jpg
new file mode 100644 (file)
index 0000000..2233f67
Binary files /dev/null and b/www/img/themes/lcd-bike.jpg differ
diff --git a/www/img/themes/lcd-bike_thumb.jpg b/www/img/themes/lcd-bike_thumb.jpg
new file mode 100644 (file)
index 0000000..dda4a76
Binary files /dev/null and b/www/img/themes/lcd-bike_thumb.jpg differ
index e133a24..c2518be 100644 (file)
@@ -25,6 +25,7 @@
 <ul id="mainmenu">\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
 <ul id="mainmenu">\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
+       <li><a href="http://jspeed.garage.maemo.org/documentation.html">Documentation</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
        <li><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
@@ -36,9 +37,9 @@
 <p><strong>jSpeed</strong> is a free Maemo 5 speedometer application featuring</p>\r
 \r
 <ul>\r
 <p><strong>jSpeed</strong> is a free Maemo 5 speedometer application featuring</p>\r
 \r
 <ul>\r
+       <li>Speed camera support</li>\r
        <li>Auto rotation support</li>\r
        <li>High customizability using themes</li>\r
        <li>Auto rotation support</li>\r
        <li>High customizability using themes</li>\r
-       <li>Support for both kilometers and miles</li>\r
        <li>Screen flipping feature allowing the speedometer to be reflected on a car’s windshield</li>\r
 </ul>\r
 \r
        <li>Screen flipping feature allowing the speedometer to be reflected on a car’s windshield</li>\r
 </ul>\r
 \r
index 6120e57..d988069 100644 (file)
@@ -23,6 +23,7 @@
 <ul id="mainmenu">\r
        <li><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
 <ul id="mainmenu">\r
        <li><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
+       <li><a href="http://jspeed.garage.maemo.org/documentation.html">Documentation</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
        <li><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
@@ -56,6 +57,9 @@
                                <a href="#tag-pointer">Tag: pointer</a>\r
                        </li>\r
                        <li>\r
                                <a href="#tag-pointer">Tag: pointer</a>\r
                        </li>\r
                        <li>\r
+                               <a href="#tag-compass">Tag: compass</a>\r
+                       </li>\r
+                       <li>\r
                                <a href="#tag-text">Tag: text</a>\r
                        </li>\r
                </ul>\r
                                <a href="#tag-text">Tag: text</a>\r
                        </li>\r
                </ul>\r
@@ -64,7 +68,9 @@
 \r
 <p>jSpeed theme files (ie. default.jspeed) are just <strong>regular zip-files</strong> renamed to .jspeed. The path for theme files is /home/user/.jspeed/themes.</p>\r
 \r
 \r
 <p>jSpeed theme files (ie. default.jspeed) are just <strong>regular zip-files</strong> renamed to .jspeed. The path for theme files is /home/user/.jspeed/themes.</p>\r
 \r
-<p>Each of these zip-files contains at least one file called theme.xml, which contains all the information required to draw the theme. Theme file may also contain image files and fonts required for the theme. A simple theme.xml could look like this:</p>\r
+<p>Each of these zip-files contains at least one file called theme.xml, which contains all the information required to draw the theme. Theme file may also contain image files and fonts required for the theme.</p> \r
+\r
+<p>A simple theme.xml could look like this:</p>\r
 \r
 <pre class="code">\r
 &lt;theme&gt;\r
 \r
 <pre class="code">\r
 &lt;theme&gt;\r
        <td>Defines the z-index of an element. An element with bigger zpos gets painted over an element with smaller zpos.</td>\r
        <td><pre>&lt;zpos&gt;5&lt;/xpos&gt;</pre></td>\r
 </tr>\r
        <td>Defines the z-index of an element. An element with bigger zpos gets painted over an element with smaller zpos.</td>\r
        <td><pre>&lt;zpos&gt;5&lt;/xpos&gt;</pre></td>\r
 </tr>\r
+<tr>\r
+       <td>visiblewhen</td>\r
+       <td>Defines when element should be visible. Possible values are <strong>always</strong> (default), <strong>poivisible</strong> (show only when there is a poi (ie. speed camera) in view) and <strong>speedexceeded</strong> (show only when speed threshold is exceeded and speed alarm is enabled).</td>\r
+</tr>\r
 <tr class="color">\r
        <td>effect</td>\r
        <td>Defines an effect to used with the element. See <a href="#effects">effects</a> for more details.</td>\r
 <tr class="color">\r
        <td>effect</td>\r
        <td>Defines an effect to used with the element. See <a href="#effects">effects</a> for more details.</td>\r
 \r
 <h4 id="effects">Effects</h4>\r
 \r
 \r
 <h4 id="effects">Effects</h4>\r
 \r
-<p>Each element can contain one effect which is used every time the element is painted or updated.</p>\r
+<p>Each element can contain one effect which is used every time the element is painted or updated. <strong>Note: </strong>There are some bugs in effect redrawing in Qt especially on 24-bit png-images.</p>\r
 \r
 <table class="spec">\r
 <tr class="color">\r
 \r
 <table class="spec">\r
 <tr class="color">\r
        &lt;yoffset&gt;0&lt;/yoffset&gt;\r
        &lt;radius&gt;35&lt;/radius&gt;\r
        &lt;color&gt;#a5efff&lt;/color&gt;\r
        &lt;yoffset&gt;0&lt;/yoffset&gt;\r
        &lt;radius&gt;35&lt;/radius&gt;\r
        &lt;color&gt;#a5efff&lt;/color&gt;\r
-&lt;/effect&gt;\r
-       </pre>\r
+&lt;/effect&gt;</pre>\r
        </td>\r
 </tr>\r
 <tr>\r
        </td>\r
 </tr>\r
 <tr>\r
 &lt;/effect&gt;</pre>\r
        </td>\r
 </tr>\r
 &lt;/effect&gt;</pre>\r
        </td>\r
 </tr>\r
+<tr>\r
+       <td>flicker</td>\r
+       <td>\r
+               <strong>interval: </strong>sets the flickering interval of an element in milliseconds.<br />\r
+       </td>\r
+       <td>\r
+               <pre>&lt;effect name="flicker"&gt;\r
+       &lt;interval&gt;500&lt;/interval&gt;\r
+&lt;/effect&gt;</pre>\r
+       </td>\r
+</tr>\r
 </table>\r
 \r
 <h3 id="tag-rectangle">Tag: rectangle</h3>\r
 </table>\r
 \r
 <h3 id="tag-rectangle">Tag: rectangle</h3>\r
 </pre>\r
 \r
 \r
 </pre>\r
 \r
 \r
+<p>Another example, shows a flickering speed camera warning image when there is a speed camera in view.</p>\r
+\r
+<pre class="code">\r
+&lt;image&gt;\r
+       &lt;src&gt;speedcamera.png&lt;/src&gt;\r
+       &lt;xpos&gt;15&lt;/xpos&gt;\r
+       &lt;ypos&gt;50&lt;/ypos&gt;\r
+       &lt;visiblewhen&gt;poisivible&lt;/visiblewhen&gt;\r
+       &lt;effect name="flicker"&gt;\r
+               &lt;interval&gt;400&lt;/interval&gt;\r
+       &lt;/effect&gt;\r
+&lt;/image&gt;\r
+</pre>\r
+\r
+<p>Images in theme files should be saved in 256 colors because the dithering in Qt/Maemo is not very good. You can do that in example in <a href="http://www.irfanview.com/">IrfanView</a> by selecting Image -> Decrease color depth. Just make sure that "Use Floyd-Steinberg dithering" is selected. Although 256 colors may not sound much, it is enough for most of the images. Here's the difference between gradient at 16.7 million colors and 256 colors on the N900's screen:</p>\r
+\r
+<div class="imageinfo">\r
+<img src="img/16M.png" alt="16.7 Million colors" />\r
+<p>16.7 million colors</p>\r
+</div>\r
+\r
+<div class="imageinfo">\r
+<img src="img/256.png" alt="256 colors" />\r
+<p>256 colors</p>\r
+</div>\r
+\r
 \r
 \r
 \r
 \r
-<h3 id="tag-pointer">Tag: pointer</h3>\r
+<h3 id="tag-pointer" class="clear">Tag: pointer</h3>\r
 \r
 <p>Draws a pointer which moves according to current speed. Can be used to draw analog speedometers. The image file should be placed in the same .jspeed file as theme.xml. The xpos and ypos of a pointer are specified as the rotation point of the pointer on screen (usually somewhere in the middle of the screen).</p>\r
 \r
 \r
 <p>Draws a pointer which moves according to current speed. Can be used to draw analog speedometers. The image file should be placed in the same .jspeed file as theme.xml. The xpos and ypos of a pointer are specified as the rotation point of the pointer on screen (usually somewhere in the middle of the screen).</p>\r
 \r
 \r
 \r
 \r
 \r
 \r
 \r
+<h3 id="tag-compass">Tag: compass</h3>\r
+\r
+<p>Draws a compass which is always rotated so that the top of the compass image points to north. The xpos and ypos of a pointer are specified as the rotation point of the compass on screen (usually somewhere in the middle of the screen).</p>\r
+\r
+<table class="spec">\r
+<tr class="color">\r
+       <th class="col1">Option</th>\r
+       <th>Definition</th>\r
+       <th class="col3">Example</th>\r
+</tr>\r
+<tr>\r
+       <td>src</td>\r
+       <td>The image file used to draw the compass.</td>\r
+       <td><pre>&lt;src&gt;pointer.png&lt;/src&gt;</pre></td>\r
+</tr>\r
+<tr class="color">\r
+       <td>xrotationpoint</td>\r
+       <td>The compass rotates around the point defined with xrotationpoint and yrotationpoint. It is usually located inside the compass image.</td>\r
+       <td><pre>&lt;xrotationpoint&gt;200&lt;/xrotationpoint&gt;</pre></td>\r
+</tr>\r
+<tr>\r
+       <td>yrotationpoint</td>\r
+       <td>The compass rotates around the point defined with xrotationpoint and yrotationpoint. It is usually located inside the compass image.</td>\r
+       <td><pre>&lt;yrotationpoint&gt;12&lt;/yrotationpoint&gt;</pre></td>\r
+</tr>\r
+</table>\r
+\r
+<p>Example:</p>\r
+\r
+<pre class="code">\r
+&lt;compass&gt;\r
+       &lt;src&gt;pointer.png&lt;/src&gt;\r
+       &lt;xpos&gt;400&lt;/xpos&gt;\r
+       &lt;ypos&gt;320&lt;/ypos&gt;\r
+       &lt;xrotationpoint&gt;100&lt;/xrotationpoint&gt;\r
+       &lt;yrotationpoint&gt;100&lt;/yrotationpoint&gt;\r
+&lt;/compass&gt;\r
+</pre>\r
+\r
+\r
+\r
 <h3 id="tag-text">Tag: text</h3>\r
 \r
 <p>Draws a text block on the screen.</p>\r
 <h3 id="tag-text">Tag: text</h3>\r
 \r
 <p>Draws a text block on the screen.</p>\r
        <strong>{SPEEDUNIT}: </strong>Speed unit (km/h or mph).<br />\r
        <strong>{TIME}: </strong>Current time, formatted according to timeformat tag.<br />\r
        <strong>{DATE}: </strong>Current date, formatted according to dateformat tag.<br/>\r
        <strong>{SPEEDUNIT}: </strong>Speed unit (km/h or mph).<br />\r
        <strong>{TIME}: </strong>Current time, formatted according to timeformat tag.<br />\r
        <strong>{DATE}: </strong>Current date, formatted according to dateformat tag.<br/>\r
+       <strong>{POIDISTANCE}: </strong>Distance to the nearest poi (ie. speed camera). Empty if there is no poi in view<br />\r
+       <strong>{ANGLE}: </strong>Angle of current direction in degrees. 0 means north.<br />\r
+       <strong>{LATITUDE}: </strong>Current latitude.<br />\r
+       <strong>{LONGITUDE}: </strong>Current longitude.<br />\r
        </td>\r
        <td><pre>&lt;data&gt;{SPEED}&lt;/data&gt;</pre></td>\r
 </tr>\r
 <tr class="color">\r
        <td>format</td>\r
        </td>\r
        <td><pre>&lt;data&gt;{SPEED}&lt;/data&gt;</pre></td>\r
 </tr>\r
 <tr class="color">\r
        <td>format</td>\r
-       <td>Special fields trip, total, speed, maxspeed and avgspeed will be printed according to this format. This field should be in <a href="http://en.wikipedia.org/wiki/Printf">prinf</a> format.</td>\r
+       <td>Special fields trip, total, speed, maxspeed, avgspeed, poidistance, angle, latitude and longitude will be printed according to this format. This field should be in <a href="http://en.wikipedia.org/wiki/Printf">prinf</a> format.</td>\r
        <td><pre>&lt;format&gt;%.1f&lt;/format&gt;</pre></td>\r
 </tr>\r
 <tr>\r
        <td><pre>&lt;format&gt;%.1f&lt;/format&gt;</pre></td>\r
 </tr>\r
 <tr>\r
index 792d4bc..f255d61 100644 (file)
@@ -23,6 +23,7 @@
 <ul id="mainmenu">\r
        <li><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
 <ul id="mainmenu">\r
        <li><a href="http://jspeed.garage.maemo.org/">Info</a></li>\r
        <li><a href="#download">Download</a></li>\r
+       <li><a href="http://jspeed.garage.maemo.org/documentation.html">Documentation</a></li>\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
        <li class="selected"><a href="http://jspeed.garage.maemo.org/themes.html">Themes</a></li>\r
        <li><a href="http://jspeed.garage.maemo.org/theme-howto.html">Theme howto</a></li>\r
 </ul>\r
 </div>\r
 \r
 \r
 </div>\r
 \r
 \r
+<div class="theme">\r
+<div>lcd-bike</div>\r
+<a href="img/themes/lcd-bike.jpg" class="thumb"><img src="img/themes/lcd-bike_thumb.jpg" alt="lcd-bike" title="lcd-bike" /></a>\r
+<a href="themes/bike_lcd.jspeed" title="White" class="download">Download</a>\r
+</div>\r
+\r
+<div class="theme">\r
+<div>lcd-bike dark</div>\r
+<a href="img/themes/lcd-bike-dark.jpg" class="thumb"><img src="img/themes/lcd-bike-dark_thumb.jpg" alt="lcd-bike dark" title="lcd-bike dark" /></a>\r
+<a href="themes/bike_lcd_dark.jspeed" title="White" class="download">Download</a>\r
+</div>\r
+\r
+\r
 \r
 <br class="clear" />\r
 \r
 \r
 <br class="clear" />\r
 \r
diff --git a/www/themes/bike_lcd.jspeed b/www/themes/bike_lcd.jspeed
new file mode 100644 (file)
index 0000000..f9b13fd
Binary files /dev/null and b/www/themes/bike_lcd.jspeed differ
diff --git a/www/themes/bike_lcd_dark.jspeed b/www/themes/bike_lcd_dark.jspeed
new file mode 100644 (file)
index 0000000..b7fddeb
Binary files /dev/null and b/www/themes/bike_lcd_dark.jspeed differ