<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Hello World! I'm Octopress! - My Octopress Blog</title>
<meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head>
<body >
<header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header>
<nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li>
</ul>
</div></nav>
<div>
<div>
<div id="articles"><article>
<header>
<h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
<p>
<span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2009-11-13 00:00:00 -0500" pubdate>November 13<span>th</span>, 2009</time>
<time class="updated" datetime="2010-03-10 00:00:00 -0500" pubdate>Updated March 10<span>th</span>, 2010</time>
</p>
</header>
<div class="entry"><p><strong>Octopress is a blogging framework designed for hackers</strong>, based on <a href="http://github.com/mojombo/jekyll">Jekyll</a> the blog aware static site generator powering <a href="http://pages.github.com/">Github pages</a>.
If you don’t know what Jekyll is, <a href="http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/">Jack Moffitt</a> wrote a good summary:</p>
<blockquote><p>Jekyll is a static blog generator; it transforms a directory of input files into another directory of files suitable for a blog. The management of the blog is handled by standard, familiar tools like creating and renaming files, the text editor of your choice, and version control.</p></blockquote>
<p><cite><strong>Jack Moffitt</strong> <a href="http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/">Blogging with Git Emacs and Jekyll</a></cite></p>
<p>There’s no database to set up, and you get to use tools like Emacs, Vim, or TextMate to write your posts, not some lame in-browser text editor. Just write, generate, deploy, using the same tools and patterns you already use for your daily work.</p>
<p><a href="http://wiki.github.com/imathis/octopress/">Read the wiki to learn more</a></p>
</div>
<div id="disqus_thread"><script type="text/javascript">
var disqus_url = "http://yoursite.com/2009/11/13/hello-world/";
</script>
<noscript>
<a href="http://imathis.disqus.com/?url=ref">View the discussion thread</a>
</noscript>
<script type="text/javascript" src="http://disqus.com/forums/imathis/embed.js"></script>
</div>
</article>
</div>
<aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
<a href="/2011/04/07/test-of-typography/">Test of Typography</a>
<time>April 07, 2011</time>
</li>
<li class="post">
<a href="/2011/03/14/test-post/">Test Post</a>
<time>March 14, 2011</time>
</li>
<li class="post">
<a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a>
<time>November 13, 2009</time>
</li>
</ul>
</section>
<section><h1>Latest Tweets</h1>
<ul id="tweets">
Status updating...
</ul>
<p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section>
<section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks »</a></p>
</section>
</aside>
</div>
</div>
<footer><div><p>
Copyright © 2011 - Your Name -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>
<script language="javascript">
var pinboard_user = "designenthusiast";
var pinboard_count = "3";
</script>
<script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body>
</html>