Added a footer, shadows etc.
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;
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;
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;
<!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>
<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>
<!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>
<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>