<!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 >
