archive.markdown
@@ -15,32 +15,26 @@
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />
</head>
<body>
-
-<div class="site">
- <div class="title">
- <a href="/">Jason Haruska</a>
- <a class="extra" href="/">home</a>
- </div>
-
- {{ content }}
-
- <div class="footer">
- <div class="contact">
- <p>
- Jason Haruska
- contact@haruska.com
- </p>
- </div>
- <div class="contact">
- <p>
- <a href="http://github.com/haruska/">github.com/haruska</a><br />
- <a href="http://twitter.com/haruska/">twitter.com/haruska</a><br />
- <a href="http://flickr.com/photos/haruska/">flickr.com/photos/flickr</a>
- </p>
- </div>
- </div>
-</div>
-
-
+ <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">
+ <p>
+ <a href="/">blog</a> (<a href="/archive.html">archive</a>)
+ </p>
+ <p>
+ <a href="http://github.com/haruska/">github.com/haruska</a><br />
+ <a href="http://twitter.com/haruska/">twitter.com/haruska</a><br />
+ <a href="http://flickr.com/photos/haruska/">flickr.com/photos/flickr</a>
+ </p>
+ </div>
+ <div id="extra"></div>
+ <div id="footer"></div>
+ </div>
</body>
</html>
_layouts/default.html
@@ -1,19 +1,13 @@
---
layout: default
---
-<div id="post">
+
+<div class="byline">{{ date | date:"%B %d, %Y" }}</div>
+
{{ content }}
-</div>
+{{ page.extended }}
<div id="comments">
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/haruska/embed.js"></script><noscript><a href="http://haruska.disqus.com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
-<div id="related">
- <h2>Related Posts</h2>
- <ul class="posts">
- {% for post in site.related_posts limit:3 %}
- <li><span>{{ post.date | date_to_string }}</span> » <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
-</div>
_layouts/post.html
@@ -1,197 +1,15 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-/* Global Reset */
-
-* {
- margin: 0;
- padding: 0;
-}
-
-html, body {
- height: 100%;
-}
-
-body {
- background-color: white;
- font: 13.34px helvetica, arial, clean, sans-serif;
- *font-size: small;
- text-align: center;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-size: 100%;
-}
-
-h1 {
- margin-bottom: 1em;
-}
-
-p {
- margin: 1em 0;
-}
-
-a {
- color: #00a;
-}
-
-a:hover {
- color: black;
-}
-
-a:visited {
- color: #a0a;
-}
-
-table {
- font-size: inherit;
- font: 100%;
-}
-
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-
-ul.posts {
- list-style-type: none;
- margin-bottom: 2em;
-}
-
- ul.posts li {
- line-height: 1.75em;
- }
-
- ul.posts span {
- color: #aaa;
- font-family: Monaco, "Courier New", monospace;
- font-size: 80%;
- }
-
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
-
-.site {
- font-size: 110%;
- text-align: justify;
- width: 40em;
- margin: 3em auto 2em auto;
- line-height: 1.5em;
-}
-
-.title {
- color: #a00;
- font-weight: bold;
- margin-bottom: 2em;
-}
-
- .site .title a {
- color: #a00;
- text-decoration: none;
- }
-
- .site .title a:hover {
- color: black;
- }
-
- .site .title a.extra {
- color: #aaa;
- text-decoration: none;
- margin-left: 1em;
- }
-
- .site .title a.extra:hover {
- color: black;
- }
-
- .site .meta {
- color: #aaa;
- }
-
- .site .footer {
- font-size: 80%;
- color: #666;
- border-top: 4px solid #eee;
- margin-top: 2em;
- overflow: hidden;
- }
-
- .site .footer .contact {
- float: left;
- margin-right: 3em;
- }
-
- .site .footer .contact a {
- color: #8085C1;
- }
-
- .site .footer .rss {
- margin-top: 1.1em;
- margin-right: -.2em;
- float: right;
- }
-
- .site .footer .rss img {
- border: 0;
- }
-
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
-
-#post {
-
-}
-
- /* standard */
-
- #post pre {
- border: 1px solid #ddd;
- background-color: #eef;
- padding: 0 .4em;
- }
-
- #post ul,
- #post ol {
- margin-left: 1.25em;
- }
-
- #post code {
- border: 1px solid #ddd;
- background-color: #eef;
- font-size: 95%;
- padding: 0 .2em;
- }
-
- #post pre code {
- border: none;
- }
-
- /* terminal */
-
- #post pre.terminal {
- border: 1px solid black;
- background-color: #333;
- color: white;
- }
-
- #post pre.terminal code {
- background-color: #333;
- }
-
-#related {
- margin-top: 2em;
-}
-
- #related h2 {
- margin-bottom: 1em;
- }
\ No newline at end of file
+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%}
css/screen.css
@@ -1,14 +1,19 @@
---
layout: default
-title: Jason Haruska
---
-<div id="home">
- <h1>Blog Posts</h1>
- <ul class="posts">
- {% for post in site.posts %}
- <li><span>{{ post.date | date_to_string }}</span> » <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
+
+{% for post in site.posts limit:5 %}
+<div class="entry">
+ <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
+ <div class="byline">{{ post.date | date:"%B %d, %Y" }}</div>
+ <div class="post-body">
+ {{ post.content }}
+ {% if post.extended.size > 0 %}
+ <p>Continue reading at <a href="{{ post.url }}">{{ post.title }}</a>.</p>
+ {% endif %}
+ </div>
</div>
-
+{% endfor %}
+
+
index.html
601b818ddc606b15a51aa086d275b875184e6a93
Jason Haruska
jason@haruska.com
http://github.com/haruska/haruska.github.com/commit/c7c4a83890b75d4eeddf2f245db90d22286f6cf1
c7c4a83890b75d4eeddf2f245db90d22286f6cf1
2009-09-29T14:23:38-07:00
2009-09-29T14:23:38-07:00
start of new layout and navigation
63a17d0b5fba0e440627a75c6ebb9ee96f19798e
Jason Haruska
jason@haruska.com