Updated web site tags/0.5.0
authorLuciano Montanaro <mikelima@cirulla.net>
Fri, 13 Jul 2012 16:44:07 +0000 (18:44 +0200)
committerLuciano Montanaro <mikelima@cirulla.net>
Fri, 13 Jul 2012 16:44:07 +0000 (18:44 +0200)
www/default.css
www/index.html
www/navigation-bar-generator.js [new file with mode: 0644]
www/screenshot-generator.js
www/screenshots.html

index 03474e9..53d4cbb 100644 (file)
@@ -83,3 +83,6 @@ div#picture-display {
        -webkit-transition-property: opacity z-index visibility;
        -webkit-transition-timing-function: ease-in;
 }
+span.spacer {
+       padding: 6pt
+}
index f20d406..4bb4adb 100644 (file)
@@ -5,15 +5,13 @@
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
                <link rel="stylesheet" type="text/css" href="default.css" />
                <script type="text/javascript" src="./analytics.js"></script> 
+               <script type="text/javascript" src="./navigation-bar-generator.js"></script> 
        </head>
        <body>
                <div class="header">
                        <div id="icon"><img alt="Quando Parte" src="./quandoparte-icon-80.png"/></div>
                        <h1>Quando Parte</h1>
-                       <div class="navigation">
-                               <a href="./index.html">Home</a> &nbsp;
-                               <a href="https://garage.maemo.org/frs/?group_id=2194">Download</a> &nbsp;
-                               <a href="./screenshots.html">Screenshots</a>
+                       <div id="navigation" class="navigation">
                        </div>
                        <p>Quickly check train schedules and delays at your station</p>
                </div>
                        <p>The project is young, a few features have yet to be written. More informations are coming!</p>
                        <p>The initial version is for the 
                        <a href="http://en.wikipedia.org/wiki/Nokia_N900">Nokia N900</a>, 
-                       there may soon be ports to other platforms where the Qt libraries are available.</p>
+                       a version for the 
+                       <a href="http://en.wikipedia.org/wiki/Nokia_N9">Nokia N9</a>, 
+                       and 
+                       <a href="http://en.wikipedia.org/wiki/Nokia_N950">Nokia N950</a>, 
+                       is up for
+                       evaluation on the Nokia Store, and more version may be
+                       coming later on platform supprting the Qt
+                       libraries.</p>
                        <h2>News and Announcements</h2>
-                       <p>You can find news and announcements about new versions of <b>Quando Parte</b> in the 
+                       <p>Version 0.5.0 is now available for the Nokia N9/N950 only. Check the 
+                       <a href="./screenshots.html">screenshot section</a> to see how it looks.</p>
+                       <p>You can find older news and announcements about new versions of <b>Quando Parte</b> in the 
                        <a href="https://garage.maemo.org/news/?group_id=2194">news</a> section of the project page.</p>
                </div>
                <div class="footer">
-                       <div class="copy">© 2011 Luciano Montanaro</div>
+                       <div class="copy">© 2011, 2012 Luciano Montanaro</div>
                        <div class="note">The program is maintained in the <a href="https://garage.maemo.org/projects/quandoparte/">Maemo Garage</a>.</div>     
                </div>
        </body>
diff --git a/www/navigation-bar-generator.js b/www/navigation-bar-generator.js
new file mode 100644 (file)
index 0000000..80d686e
--- /dev/null
@@ -0,0 +1,34 @@
+var items = {
+       "./index.html" : "Home",
+       // disable for now because Nokia QA does not want competition
+       //"https://garage.maemo.org/frs/?group_id=2194" : "Download",
+       "./screenshots.html" : "Screenshots",
+       "https://garage.maemo.org/forum/forum.php?forum_id=7093" : "Support & Help"
+}
+
+function generate_anchor(value, index, array)
+{
+       var navigation = document.getElementById('navigation');
+       var anchorElement = document.createElement('a');
+       var captionElement = document.createTextNode(value);
+       var spacerElement = document.createElement('span');
+       
+       anchorElement.setAttribute("href", index);
+       spacerElement.setAttribute("class", "spacer");
+       anchorElement.appendChild(captionElement);
+       navigation.appendChild(anchorElement);
+       navigation.appendChild(spacerElement);
+}
+
+function build_navigation_bar()
+{
+       for (var key in items) {
+               generate_anchor(items[key], key, items);
+       }
+}
+
+if (window.addEventListener) {
+       window.addEventListener('load', build_navigation_bar, false);
+} else if (window.attachEvent) {
+       window.attachEvent('onload', build_navigation_bar);
+}
index d04231f..733d39d 100644 (file)
@@ -69,6 +69,7 @@ function generate_section(value, index, array)
        sectionElement.appendChild(captionElement);
        screenshots.appendChild(sectionElement);
 }
+
 function build_screenshot_list()
 {
        for (var key in screenshots) {
@@ -91,5 +92,3 @@ if (window.addEventListener) {
 } else if (window.attachEvent) {
        window.attachEvent('onload', build_screenshot_list);
 }
-
-
index 4bcbe1c..9c18eab 100644 (file)
@@ -4,6 +4,7 @@
                <title>Quando Parte</title>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
                <link rel="stylesheet" type="text/css" href="default.css" />
+               <script type="text/javascript" src="./navigation-bar-generator.js"></script>
                <script type="text/javascript" src="./screenshot-generator.js"></script>
                <script type="text/javascript" src="./analytics.js"/></script>
        </head>
                <div class="header">
                        <div id="icon"><img alt="Quando Parte" src="./quandoparte-icon-80.png"/></div>
                        <h1>Quando Parte</h1>
-                       <div class="navigation">
-                               <a href="./index.html">Home</a> &nbsp;
-                               <a href="https://garage.maemo.org/frs/?group_id=2194">Download</a> &nbsp;
-                               <a href="./screenshots.html">Screenshots</a>
+                       <div id="navigation" class="navigation">
                        </div>
                        <p>Quickly check train schedules and delays at your station</p>
                </div>