Mercurial > eldonilo > blog
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; }