public/index.html
e4c2d579
 <!DOCTYPE html>
c7d5365f
 <!--[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]-->
e4c2d579
 <head>
c7d5365f
   <meta charset="utf-8">
 
e4c2d579
   <title>Octopress - My Octopress Blog</title>
c7d5365f
   <meta name="author" content="Your Name">
e4c2d579
   
c7d5365f
 
   <!-- 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">
 
e4c2d579
   
c7d5365f
 
e4c2d579
   <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
c7d5365f
   <!--<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>
e4c2d579
   
   <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
 </head>
 
c7d5365f
 <body  >
e4c2d579
   <header><div><h1><a href="/">My Octopress Blog</a></h1>
 </div></header>
c7d5365f
   <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>
e4c2d579
   <li><a href="/">Blog</a></li>
   <li><a href="/about/">About</a></li>
 </ul>
 </div></nav>
c7d5365f
   <div>
e4c2d579
     <div>
c7d5365f
       <div id="articles">
e4c2d579
 
 
   <article>
     <header>
c7d5365f
   <h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1>
e4c2d579
   <p>
     
c7d5365f
       <span class="byline author vcard">By <span class="fn">Your Name</span></span>
     
     
       <time datetime="2011-04-07 19:17:00 -0400" pubdate>April 7<span>th</span>, 2011</time>
     
e4c2d579
     
   </p>
 </header>
 
 <div class="entry"><p>In the past I&#8217;ve always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten <em>professionally</em> printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.</p>
 
 <h2>Why Have Business Cards?</h2>
 
 <p>I&#8217;m rarely asked for my business card except when I attend conferences, of which I attend one or two each year. As a freelance contractor, I leave work by walking twenty-five feet from my office to the couch. Many of the
 people I work for I&#8217;ve never met in-person.</p>
 
 <p>When someone gives me their business card, I read it, pocket it, and eventually throw it out &mdash; sometimes before I remember to copy the information to my address book (sorry, just being honest). The reality is, with the ubiquity of the internet and with frictionless social networks like Twitter, I can connect with people immediately. So why have business cards?</p>
 
 <p><a href='/2011/04/07/test-of-typography/'>Continue reading &raquo;</a></p></div>
 
 
   </article>
 
 
 
   <article>
     <header>
c7d5365f
   <h1><a href="/2011/03/14/test-post/">Test Post</a></h1>
e4c2d579
   <p>
     
c7d5365f
       <span class="byline author vcard">By <span class="fn">Your Name</span></span>
     
     
       <time datetime="2011-03-14 00:00:00 -0400" pubdate>March 14<span>th</span>, 2011</time>
     
e4c2d579
     
   </p>
 </header>
 
 <div class="entry"><p>This is a test!</p>
 </div>
 
 
   </article>
 
 
 
   <article>
     <header>
c7d5365f
   <h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
e4c2d579
   <p>
     
c7d5365f
       <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>
e4c2d579
     
   </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&#8217;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&#8217;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>
 
 
   </article>
 
 
c7d5365f
 </div>
       
         <aside><section>
   <h1>About Me</h1>
   <p>Hi, I'm Octopress!</p>
 </section>
e4c2d579
 
 <section>
c7d5365f
   <h1>Recent Posts</h1>
e4c2d579
   <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>
 
 
c7d5365f
   <section><h1>Latest Tweets</h1>
e4c2d579
 <ul id="tweets">
   Status updating...
 </ul>
c7d5365f
 <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>
 
e4c2d579
 </section>
 
 
 
c7d5365f
   <section><h1>My Pinboard</h1>
e4c2d579
 <ul id="pinboard_linkroll">Fetching linkroll...</ul>
c7d5365f
 <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
e4c2d579
 </section>
 
 </aside>
c7d5365f
       
e4c2d579
     </div>
   </div>
   <footer><div><p>
   Copyright &copy; 2011 - Your Name -
   <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
 </p>
 
   <script language="javascript">
c7d5365f
     var pinboard_user = "designenthusiast";
e4c2d579
     var pinboard_count = "3";
   </script>
   <script language="javascript" src="/javascripts/pinboard.js"></script>
 
 </div></footer>
c7d5365f
   <!--[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]-->
e4c2d579
 </body>
 </html>