changeset 3:2e2a2154efbb

Use a better XHTML semantic and fix the theme a bit.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Mon, 19 Sep 2011 01:46:42 -0700
parents eb5b6d3ab09b
children f630f4b90564
files index.xhtml server.js theme.css
diffstat 3 files changed, 31 insertions(+), 30 deletions(-) [+]
line wrap: on
line diff
--- a/index.xhtml
+++ b/index.xhtml
@@ -32,18 +32,16 @@
 		<header>
 			<h1>Eldonilo blog</h1>
 			<p>Displaying your nodes.</p>
+
+			<nav>
+				<ul>
+					<li><a href="?no=client">Without client-side</a></li>
+					<li><a href="?no=server">Without server-side</a></li>
+					<li><a href="?">Hybrid mode</a></li>
+				</ul>
+			</nav>
 		</header>
 
-		<nav>
-			<ul>
-				<li><a href="?no=client">Without client-side</a></li>
-				<li><a href="?no=server">Without server-side</a></li>
-				<li><a href="?">Hybrid mode</a></li>
-			</ul>
-		</nav>
-
-		<hr/>
-
 		<section id="messages"/>
 
 		<section hidden="">
--- a/server.js
+++ b/server.js
@@ -317,18 +317,16 @@ var home = function(res, title, desc, bo
 	res.write('		<header>\n');
 	res.write('			<h1>' + (title? title: 'Eldonilo blog') + '</h1>\n');
 	res.write('			<p>' + (desc? desc: 'Displaying your nodes.') + '</p>\n');
+	res.write('\n');
+	res.write('			<nav>\n');
+	res.write('				<ul>\n');
+	res.write('					<li><a href="?no=client">Without client-side</a></li>\n');
+	res.write('					<li><a href="?no=server">Without server-side</a></li>\n');
+	res.write('					<li><a href="?">Hybrid mode</a></li>\n');
+	res.write('				</ul>\n');
+	res.write('			</nav>\n');
 	res.write('		</header>\n');
 	res.write('\n');
-	res.write('		<nav>\n');
-	res.write('			<ul>\n');
-	res.write('				<li><a href="?no=client">Without client-side</a></li>\n');
-	res.write('				<li><a href="?no=server">Without server-side</a></li>\n');
-	res.write('				<li><a href="?">Hybrid mode</a></li>\n');
-	res.write('			</ul>\n');
-	res.write('		</nav>\n');
-	res.write('\n');
-	res.write('		<hr/>\n');
-	res.write('\n');
 
 	if (!body)
 		res.write('		<section id="messages"/>\n');
--- a/theme.css
+++ b/theme.css
@@ -18,13 +18,17 @@ a {
 	text-decoration: none;
 }
 
+a:visited {
+	color: #bbb;
+}
+
 body > header {
-	float: left;
 	line-height: 20px;
 	margin: 0 auto;
 	min-height: 75px;
 	overflow: auto;
 	padding-top: 20px;
+	border-bottom: 5px solid #F5F5F5;
 }
 
 body > header > h1 > a {
@@ -38,22 +42,22 @@ body > header > p {
 	color: #aaa;
 }
 
-body > nav {
-	line-height: 20px;
-	padding: 20px 10px;
+body > header > nav {
+	float: right;
+	margin-top: -100px;
 }
 
-body > nav > ul {
+body > header > nav > ul {
 	font-variant: small-caps;
 	list-style: none outside none;
 	text-align: right;
 }
 
-body > nav > ul > li {
+body > header > nav > ul > li {
 	display: inline;
 }
 
-body > nav > ul > li > a {
+body > header > nav > ul > li > a {
 	padding: 3px 0 3px 10px;
 }
 
@@ -70,6 +74,8 @@ body > section {
 
 body > section:empty {
 	background-image: url(throbber.svg);
+	background-repeat: no-repeat;
+	background-position: center;
 	min-height: 400px;
 }
 
@@ -83,7 +89,7 @@ body > section > div > article {
 body > section > div > article > h2 {
 	font-size: 1.5em;
 	font-weight: normal;
-	color: #999;
+	color: #777;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -100,7 +106,7 @@ body > section > div > article > aside >
 
 body > section > div > article > footer {
 	display: block;
-	color: #999;
+	color: #777;
 	line-height: 1em;
 	padding-bottom: 10px;
 }
@@ -115,7 +121,6 @@ body > section > div > article > a {
 	background: url(throbber.svg) no-repeat scroll left center transparent;
 	background-size: 16px 16px;
 	padding-left: 20px;
-	color: #aaa;
 	font-size: 1em;
 	font-weight: bold;
 }