Slightly improve website
authorAndrew Flegg <andrew@bleb.org>
Sat, 17 Oct 2009 19:16:00 +0000 (20:16 +0100)
committerAndrew Flegg <andrew@bleb.org>
Sat, 17 Oct 2009 19:16:00 +0000 (20:16 +0100)
www/index.html
www/style.css [new file with mode: 0644]

index 9203a1b..c92fa4f 100644 (file)
@@ -4,22 +4,11 @@
 <head>
 <title>Hermes</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <head>
 <title>Hermes</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 </head>
-<body style="font-family: sans-serif">
+<body>
 
 
-<div style="float: right; width: 284px; font-size: 75%">
-<div class="logo"><img src="logo.png" width="256" height="256" alt="[Hermes]" /></div>
-
-<ul style="margin:8px; padding: 4px">
-<li><a href="http://thenokiablog.com/2009/10/14/nokia-n900-andrew-flegg-hermes/">thenokiablog.com interview &amp; video</a></li>
-<li><a href="https://bugs.maemo.org/buglist.cgi?product=Hermes">Bug list</a></li>
-<li><a href="https://bugs.maemo.org/enter_bug.cgi?product=Hermes">Raise bug</a></li>
-<li><a href="https://garage.maemo.org/plugins/ggit/browse.php/?p=hermes">Source code</a></li>
-<li><a href="https://garage.maemo.org/projects/hermes/">Project admin</a></li>
-</ul>
-</div>
-
-<div class="body" style="margin-right: 300px">
+<div id="content">
 <h1>Hermes</h1>
 <p class="subtitle"><em>Enrich your Maemo 5 address book with photos and meta-data from online services such as Facebook and Twitter</em></p>
 
 <h1>Hermes</h1>
 <p class="subtitle"><em>Enrich your Maemo 5 address book with photos and meta-data from online services such as Facebook and Twitter</em></p>
 
@@ -69,16 +58,31 @@ by these companies to allow third party applications such as Hermes.</p>
 </ul>
 
 <h3>Longer term plans/possibilities</h3>
 </ul>
 
 <h3>Longer term plans/possibilities</h3>
-<ul>
+<ol>
+<li>Match &quot;nickname&quot; against <a href="http://maemo.org/profile/list/">maemo.org username</a>.</li>
+<li>Match email address against <a href="http://www.gravatar.com/">gravatar.com</a>.</li>
+<li>Allow creation of "empty" contacts containing birthday &amp; homepage info
+so that Facebook friends' birthdays will appear in <var>Calendar</var>, even if
+you have no other contact info for them.</li>
 <li>Investigate pulling contact images from Google Contacts
    (apparently <var>Mail for Exchange</var> doesn't download images)</li>
 <li>Add an "auto-update" mode for people who regularly change their
    Facebook profile pictures to allow Hermes to track them.</li>
 <li>Store a history of all images that Hermes has ever downloaded
    to allow the user to pick from them.</li>
 <li>Investigate pulling contact images from Google Contacts
    (apparently <var>Mail for Exchange</var> doesn't download images)</li>
 <li>Add an "auto-update" mode for people who regularly change their
    Facebook profile pictures to allow Hermes to track them.</li>
 <li>Store a history of all images that Hermes has ever downloaded
    to allow the user to pick from them.</li>
-<li>Allow creation of "empty" contacts containing birthday &amp; homepage info
-so that Facebook friends' birthdays will appear in <var>Calendar</var>, even if
-you have no other contact info for them.</li>
+</ol>
+</div>
+
+
+<div id="sidebar">
+<div class="logo"><img src="logo.png" width="256" height="256" alt="[Hermes]" /></div>
+
+<ul>
+<li><a href="http://thenokiablog.com/2009/10/14/nokia-n900-andrew-flegg-hermes/">thenokiablog.com interview &amp; video</a></li>
+<li><a href="https://bugs.maemo.org/buglist.cgi?product=Hermes">Bug list</a></li>
+<li><a href="https://bugs.maemo.org/enter_bug.cgi?product=Hermes">Raise bug</a></li>
+<li><a href="https://garage.maemo.org/plugins/ggit/browse.php/?p=hermes">Source code</a></li>
+<li><a href="https://garage.maemo.org/projects/hermes/">Project admin</a></li>
 </ul>
 </div>
 </body>
 </ul>
 </div>
 </body>
diff --git a/www/style.css b/www/style.css
new file mode 100644 (file)
index 0000000..133cc1d
--- /dev/null
@@ -0,0 +1,45 @@
+body {
+  font-family: sans-serif;
+  margin:      0px;
+  padding:     0px;
+  background:  #fff;
+  color:       #000;
+}
+
+#content {
+  margin-right:300px;
+  padding:     1em;
+}
+
+#sidebar {
+  margin:      0px;
+  width:       256px;
+  font-size:   75%;
+  height:      100%;
+  background:  #99a;
+  position:    fixed;
+  top:         0px;
+  right:       0px;  
+  padding:     1em 14px;
+}
+
+#sidebar ul {
+  margin:      8px;
+  padding:     4px;
+}
+
+h1 {
+  margin:      -1em -1em 0px -1em;
+  padding:     1em;
+  background:  #aab;
+  border-right: 40px solid #9595a5;
+}
+
+.subtitle {
+  margin:      0px -2em 1em -1em;
+  background:  #bbc;
+  border-bottom:1px solid #778;
+  border-right: 40px solid #a5a5b5;
+  padding:     0.3em 40px 0.3em 1em;
+}
+