Added icom screenshot to the web page
[quandoparte] / www / index.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3         <head>
4                 <title>Quando Parte</title>
5                 <style type="text/css">
6                 div.bodymatter {
7                         width: 60em;
8                 }
9                 #icon {
10                         margin: 3pt;
11                         float: left;
12                 }
13                 div.screenshot {
14                         margin: 10pt;
15                         padding: 12pt;
16                         padding-top: 6pt;
17                         padding-bottom: 3pt;
18                         text-align: center;
19                         width: 800px;
20                         border: none;
21                         background-color: #eee
22                 }
23                 div.screenshot p {
24                         font-style: italic;
25                         text-indent: 0pt;
26                 }
27                 </style>
28         </head>
29         <body>
30                 <div class="bodymatter">
31                         <h1>Quando Parte</h1>
32                 <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
33                         <p><b>Quando Parte</b> is a program designed to quickly check
34                         (Italian) railways timetables and delays at train stations you use. It is
35                         based on the 
36                         <a href="http://mobile.viaggiatreno.it/viaggiatreno/mobile">viaggiatreno.it</a>
37                         service of the Trenitalia Italian railways operator, and on
38                         train station data collected by 
39                         <a href="http://www.openstreetmap.org">Openstreetmap</a>.</p>
40                         <p>My aim with the program is a quick tool to manage
41                         your time when commuting; timetable lookup and other
42                         informations may come at a later stage, but they are
43                         out of the initial scope of the project.</p>
44                         <p>The project is young, a few features have yet to be written. More informations are coming!</p>
45                         <h2>Screenshots</h2>
46                         <p>No utility program homepage is complete without a few screenshots. Here are a few:</p>
47                         <div class="screenshot">
48                                 <p><img src="./screenshot-stationlist.png"/></p>
49                                 <p>The Station List View</p>
50                         </div>
51                         <div class="screenshot">
52                                 <p><img src="./screenshot-stationview.png"/></p>
53                                 <p>The Station Departures View</p>
54                         </div>
55                         <hr/>
56                         <p>The program is maintained in the <a href="http://quandoparte.garage.maemo.org">Maemo Garage</a>.<p>  
57                 </div>
58         </body>
59 </html>