From c7d5365f81552cae16bbb91696ca3e67b4a0a2e9 Mon Sep 17 00:00:00 2001
From: Brandon Mathis <brandon@imathis.com>
Date: Sun, 15 May 2011 18:33:00 -0400
Subject: major refactoring, improved file watching, changed site to public to
 support rack via pow (http://pow.cx) also implemented the basics of a 320 and
 up design refresh on the classic theme. This should make it great for mobile
 reading

---
 public/2009/11/13/hello-world/index.html | 107 +++++++++++++++++++++----------
 1 file changed, 72 insertions(+), 35 deletions(-)

(limited to 'public/2009')

diff --git a/public/2009/11/13/hello-world/index.html b/public/2009/11/13/hello-world/index.html
index cd0e9398..b67552e1 100644
--- a/public/2009/11/13/hello-world/index.html
+++ b/public/2009/11/13/hello-world/index.html
@@ -1,49 +1,62 @@
 <!DOCTYPE html>
-<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 http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <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/mootools-yui-compressed.js" type="text/javascript"></script>
-  <script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script>
-  <script src="/javascripts/octopress.js" type="text/javascript"></script>
-  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-  <meta name="viewport" content="initial-scale=1.0 width=device-width">
-  
-    <script>
-      var twitter_user = "imathis";
-      var show_replies = false;
-      var tweet_count = 3;
-    </script>
-    <script src="/javascripts/twitter.js" type="text/javascript"></script>
-  
+  <!--<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 id="">
+<body  >
   <header><div><h1><a href="/">My Octopress Blog</a></h1>
-
 </div></header>
-  <nav id="nav"><div><ul>
+  <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>
-  <li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
 </ul>
 </div></nav>
-  <div id="page">
+  <div>
     <div>
-      <div id="main"><article><article>
+      <div id="articles"><article>
   <header>
+  <h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
   <p>
-    <time>November 13<span>th</span>, 2009</time>
     
-      <span class="byline"><em>by</em> <span class="author">Your Name</span></span>
+      <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>
-  <h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
 </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>.
@@ -59,16 +72,26 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
 </div>
 
 
-<p class="updated"><em>updated</em> <time>March 10<span>th</span>, 2010</time></p>
-
+  
+    <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>
-</article></div>
-      <aside><h4>About Me</h4>
-<p> Yo everybody! </p>
+</div>
+      
+        <aside><section>
+  <h1>About Me</h1>
+  <p>Hi, I'm Octopress!</p>
+</section>
 
 <section>
-  <h4>Recent Posts</h4>
+  <h1>Recent Posts</h1>
   <ul id="recent_posts">
     
       <li class="post">
@@ -90,21 +113,30 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
   </section>
 
 
-  <section><h4>On Twitter</h4>
+  <section><h1>Latest Tweets</h1>
 <ul id="tweets">
   Status updating...
 </ul>
-<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p>
+<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><h4>My Pinboard</h4>
+  <section><h1>My Pinboard</h1>
 <ul id="pinboard_linkroll">Fetching linkroll...</ul>
-<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p>
+<p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
 </section>
 
 </aside>
+      
     </div>
   </div>
   <footer><div><p>
@@ -113,11 +145,16 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
 </p>
 
   <script language="javascript">
-    var pinboard_user = "imathis";
+    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>
-- 
cgit v1.2.1