projects / quandoparte / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d0b1760)
Updated web site
authorLuciano Montanaro <mikelima@cirulla.net>
Tue, 28 Jun 2011 20:29:19 +0000 (22:29 +0200)
committerLuciano Montanaro <mikelima@cirulla.net>
Tue, 28 Jun 2011 20:29:19 +0000 (22:29 +0200)
www/default.css [new file with mode: 0644] patch | blob
www/index.html patch | blob | history
www/screenshots.html [new file with mode: 0644] patch | blob

diff --git a/www/default.css b/www/default.css
new file mode 100644 (file)
index 0000000..e10a907
--- /dev/null
+++ b/www/default.css
@@ -0,0 +1,35 @@
+div.header {
+       margin: 1em;
+       padding: 1em;
+       background-color: #eee;
+       border-radius: 1em;
+}
+div.header p {
+       font-style: italic;
+}
+div.navigation {
+       float: right;
+       padding: 1em;
+}
+div.bodymatter {
+       width: 60em;
+       margin: 2em;
+}
+#icon {
+       margin: 6pt;
+       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;
+}
diff --git a/www/index.html b/www/index.html
index ae7aeee..a3ba1f0 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -2,34 +2,19 @@
 <html>
        <head>
                <title>Quando Parte</title>
-               <style type="text/css">
-               div.bodymatter {
-                       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>
+               <link rel="stylesheet" type="text/css" href="default.css" />
        </head>
        <body>
-               <div class="bodymatter">
+               <div class="header">
+                       <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
                        <h1>Quando Parte</h1>
-               <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
+                       <div class="navigation">
+                               <a href="./index.html">Home</a> &nbsp;
+                               <a href="./screenshots.html">Screenshots</a>
+                       </div>
+                       <p>Quickly check train schedules and delays at your station</p>
+               </div>
+               <div class="bodymatter">
                        <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 
@@ -42,16 +27,6 @@
                        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/screenshots.html b/www/screenshots.html
new file mode 100644 (file)
index 0000000..9b4d5c7
--- /dev/null
+++ b/www/screenshots.html
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+       <head>
+               <title>Quando Parte</title>
+               <link rel="stylesheet" type="text/css" href="default.css" />
+               </style>
+       </head>
+       <body>
+               <div class="header">
+                       <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
+                       <h1>Quando Parte</h1>
+                       <div class="navigation">
+                               <a href="./index.html">Home</a> &nbsp;
+                               <a href="./screenshots.html">Screenshots</a>
+                       </div>
+                       <p>Quickly check train schedules and delays at your station</p>
+               </div>
+               <div class="bodymatter">
+                       <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>
+       </body>
+</html>
Unnamed repository; edit this file to name it for gitweb.