@@ -1,43 +1,41 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> -<head> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> - <title>{{ page.title }}</title> - <meta name="author" content="Jason Haruska" /> - <link href="http://feeds.feedburner.com/haruska" rel="alternate" title="Jason Haruska" type="application/atom+xml" /> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <title>{{ page.title }}</title> + <meta name="author" content="Jason Haruska" /> + <link href="http://feeds.feedburner.com/haruska" rel="alternate" title="Jason Haruska" type="application/atom+xml" /> + <link rel="stylesheet" href="/css/syntax.css" type="text/css" /> + <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" /> + </head> + <body> + <div id="wrapper"> + <div id="header"> + <div id="homeheader"> + <h1><a href="/">Jason Haruska</a></h1> +</div> + <div id="nav"> + <ul> + <li><a href="/">blog</a> (<a href="/archive.html">archive</a>)</li> +  + </ul> + </div> + </div> -  - <link rel="stylesheet" href="/css/syntax.css" type="text/css" /> + <div id="content"> + {{ content }} + </div> -  - <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" /> -</head> -<body> - <div id="container"> - <div id="header"><h1><a href="/">Jason Haruska</a></h1></div> - <div id="wrapper"> - <div id="content"> - <h1 class="title">{{ page.title }}</h1> - {{ content }} - </div> - </div> - <div id="navigation"> - <ul> - <li><a href="/">blog</a> (<a href="/archive.html">archive</a>)</li> - <li><a href="/projects.html">code projects</a></li> - </ul> - - <p>Other Places</p> - <ul> - <li><a href="http://github.com/haruska/">github</a></li> - <li><a href="http://twitter.com/haruska/">twitter</a></li> - <li><a href="http://flickr.com/photos/haruska/">flickr</a></li> - </ul> - </div> - <div id="extra"></div> - <div id="footer"></div> - </div> + <div id="footer"> + <ul> + <li><a href="http://github.com/haruska/">github</a></li> + <li><a href="http://twitter.com/haruska/">twitter</a></li> + <li><a href="http://flickr.com/photos/haruska/">flickr</a></li> + </ul> + </div> + </div> + </div> </body> </html> _layouts/default.html @@ -2,6 +2,7 @@ layout: default --- +<h1 class="title">{{ page.title }}</h1> <div class="byline">{{ date | date:"%B %d, %Y" }}</div> {{ content }} _layouts/post.html @@ -1,15 +1,63 @@ -html,body {margin:0;padding:0} -body{font:arial,sans-serif} -p{margin:0 10px 10px} -div#header h1{height:80px;line-height:80px;margin:0; - padding-left:10px;background: #EEE;color: #79B30B} -div#content p{line-height:1.4} -div#navigation{background:#B9CAFF} -div#extra{background:#FF8539} -div#footer{background: #333;color: #FFF} -div#footer p{margin:0;padding:5px 10px} - -div#wrapper{float:left;width:100%} -div#content{margin-left:200px} -div#navigation{float:left;width:200px;margin-left:-100%} -div#extra{clear:left;width:100%} +body { + padding:0; margin:0; + font-family: Arial, Helvetica, sans-serif; + background: #BD9C8C; +} + +#wrapper { + margin: 0 auto; + width: 922px; +} +#header { + width: 900px; + color: #333; + padding: 10px; + margin: 10px 0px 5px 0px; + background: #BD9C8C; + vertical-align: bottom; +} + +#homeheader { + float: left; + vertical-align: bottom; +} + +#nav { + list-style-type: none; + text-align: right; + float: right; +} + +#nav li { + display: inline; +} + +#footer li { + display: inline; +} + +#content { + width: 900px; + color: #333; + border: 1px solid #ccc; + background: #F2F2E6; + padding: 10px; + clear: both; +} + +#footer { + color: #333; + width: 900px; + background: #BD9C8C; + margin: 0px 0px 10px 0px; + padding: 10px; + text-align: center; +} + +.entry { + border-bottom: 1px solid; +} + +#archive-posts { + list-style-type: none; +} css/screen.css @@ -2,7 +2,8 @@ layout: default --- - + +<h1 class="title">{{ page.title }}</h1> {% for post in site.posts limit:5 %} <div class="entry"> <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2> index.html 7c05673133f88515a1ec0cea6015cb1a1707e37b Jason Haruska jason@haruska.com http://github.com/haruska/haruska.github.com/commit/f80e5f7fc8421fb2bf9048008944cb2d8ebfda40 f80e5f7fc8421fb2bf9048008944cb2d8ebfda40

2009-10-07T14:33:20-07:00

more changes to layout 45e169aba9ad1cfdad77df047c2d498d0da496f1 Jason Haruska jason@haruska.com