Added icom screenshot to the web page
authorLuciano Montanaro <mikelima@cirulla.net>
Sun, 26 Jun 2011 10:23:48 +0000 (12:23 +0200)
committerLuciano Montanaro <mikelima@cirulla.net>
Sun, 26 Jun 2011 10:23:48 +0000 (12:23 +0200)
www/index.html
www/quandoparte-icon-80.png [new file with mode: 0644]
www/screenshot-stationlist.png [new file with mode: 0644]
www/screenshot-stationview.png [new file with mode: 0644]

index 70c9aa2..ae7aeee 100644 (file)
@@ -4,25 +4,54 @@
                <title>Quando Parte</title>
                <style type="text/css">
                div.bodymatter {
-                       width: 60em
+                       width: 60em;
+               }
+               #icon {
+                       margin: 3pt;
+                       float: left;
+               }
+               div.screenshot {
+                       margin: 10pt;
+                       padding: 12pt;
+                       padding-top: 6pt;
+                       padding-bottom: 3pt;
+                       text-align: center;
+                       width: 800px;
+                       border: none;
+                       background-color: #eee
+               }
+               div.screenshot p {
+                       font-style: italic;
+                       text-indent: 0pt;
                }
                </style>
        </head>
        <body>
                <div class="bodymatter">
                        <h1>Quando Parte</h1>
+               <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
                        <p><b>Quando Parte</b> is a program designed to quickly check
                        (Italian) railways timetables and delays at train stations you use. It is
                        based on the 
                        <a href="http://mobile.viaggiatreno.it/viaggiatreno/mobile">viaggiatreno.it</a>
                        service of the Trenitalia Italian railways operator, and on
                        train station data collected by 
-                       <a href="http://www.openstreetmap.org">Openstreetmap</a>,</p>
+                       <a href="http://www.openstreetmap.org">Openstreetmap</a>.</p>
                        <p>My aim with the program is a quick tool to manage
-                       your time when commuting; Timetables lookup and other
+                       your time when commuting; timetable lookup and other
                        informations may come at a later stage, but they are
                        out of the initial scope of the project.</p>
                        <p>The project is young, a few features have yet to be written. More informations are coming!</p>
+                       <h2>Screenshots</h2>
+                       <p>No utility program homepage is complete without a few screenshots. Here are a few:</p>
+                       <div class="screenshot">
+                               <p><img src="./screenshot-stationlist.png"/></p>
+                               <p>The Station List View</p>
+                       </div>
+                       <div class="screenshot">
+                               <p><img src="./screenshot-stationview.png"/></p>
+                               <p>The Station Departures View</p>
+                       </div>
                        <hr/>
                        <p>The program is maintained in the <a href="http://quandoparte.garage.maemo.org">Maemo Garage</a>.<p>  
                </div>
diff --git a/www/quandoparte-icon-80.png b/www/quandoparte-icon-80.png
new file mode 100644 (file)
index 0000000..4e92de1
Binary files /dev/null and b/www/quandoparte-icon-80.png differ
diff --git a/www/screenshot-stationlist.png b/www/screenshot-stationlist.png
new file mode 100644 (file)
index 0000000..efa1ee7
Binary files /dev/null and b/www/screenshot-stationlist.png differ
diff --git a/www/screenshot-stationview.png b/www/screenshot-stationview.png
new file mode 100644 (file)
index 0000000..c4138ff
Binary files /dev/null and b/www/screenshot-stationview.png differ