Refreshed web page again
authorLuciano Montanaro <mikelima@cirulla.net>
Sat, 9 Jul 2011 15:30:09 +0000 (17:30 +0200)
committerLuciano Montanaro <mikelima@cirulla.net>
Sat, 9 Jul 2011 15:30:09 +0000 (17:30 +0200)
Added a footer, shadows etc.

www/default.css
www/index.html
www/screenshots.html

index 6c114eb..79cc4b7 100644 (file)
@@ -1,9 +1,10 @@
 div.header {
-       margin: 1em auto;
-       padding: 1em;
+       margin: 10pt auto;
+       padding: 10pt;
        background-color: #eee;
-       border-radius: 1em;
+       border-radius: 10pt;
        max-width: 80em;
+       box-shadow: 2pt 2pt 6pt #aaa;
 }
 div.header p {
        font-style: italic;
@@ -13,18 +14,28 @@ div.navigation {
        padding: 1em;
 }
 div.bodymatter {
-       vertical-align: center;
        text-align: justify;
-       text-justify: newspaper;
        max-width: 60em;
        margin: 2em auto;
 }
 div.footer {
-       margin: 1em auto;
-       padding: 1em;
+       margin: 10pt auto;
+       padding-top: 5pt;
+       padding-bottom: 5pt;
+       padding-left: 10pt;
+       padding-right: 10pt;
        background-color: #eee;
-       border-radius: 1em;
+       border-radius: 10pt;
        max-width: 80em;
+       box-shadow: 2pt 2pt 6pt #aaa;
+}
+div.copy {
+       text-align: center;
+       font-size: small;
+}
+div.note {
+       text-align: center;
+       font-size: small;
 }
 #icon {
        margin: 6pt;
@@ -39,7 +50,9 @@ div.screenshot {
        text-align: center;
        width: 33%;
        border: none;
-       background-color: #eee
+       background-color: #eee;
+       border-radius: 10pt;
+       box-shadow: 2pt 2pt 6pt #aaa;
 }
 div.screenshot p {
        font-style: italic;
index 1179142..6a54c82 100644 (file)
@@ -1,12 +1,13 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
+<html lang="en_US">
        <head>
                <title>Quando Parte</title>
+               <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
                <link rel="stylesheet" type="text/css" href="default.css" />
        </head>
        <body>
                <div class="header">
-                       <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
+                       <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;
@@ -36,7 +37,8 @@
                        <a href="https://garage.maemo.org/news/?group_id=2194">news</a> section of the project page.</p>
                </div>
                <div class="footer">
-                       <p>The program is maintained in the <a href="https://garage.maemo.org/projects/quandoparte/">Maemo Garage</a>.<p>       
+                       <div class="copy">© 2011 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>
 </html>
index c0faf14..b8f6af8 100644 (file)
@@ -1,14 +1,15 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
+<html lang="en_US">
        <head>
                <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="./screenshot-generator.js"> 
                </script>
        </head>
        <body>
                <div class="header">
-                       <div id="icon"><img src="./quandoparte-icon-80.png"/></div>
+                       <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;
                <div class="bodymatter">
                        <h2>Screenshots</h2>
                        <p>No utility program homepage is complete without a few screenshots. Here are a few:</p>
-                       <div id="screenshot-list" />
+                       <div id="screenshot-list"></div>
+               </div>
+               <div class="footer">
+                       <div class="copy">© 2011 Luciano Montanaro</div>
                </div>
        </body>
 </html>