diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 120 |
1 files changed, 75 insertions, 45 deletions
diff --git a/public/index.html b/public/index.html index 34efbb00..7b80d4e8 100644 --- a/public/index.html +++ b/public/index.html @@ -1,52 +1,63 @@ <!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>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> + <div id="articles"> <article> <header> + <h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1> <p> - <time>April 7<span>th</span>, 2011</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="2011-04-07 19:17:00 -0400" pubdate>April 7<span>th</span>, 2011</time> + </p> - <h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1> </header> <div class="entry"><p>In the past I’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> @@ -61,42 +72,46 @@ people I work for I’ve never met in-person.</p> <p><a href='/2011/04/07/test-of-typography/'>Continue reading »</a></p></div> - - </article> <article> <header> + <h1><a href="/2011/03/14/test-post/">Test Post</a></h1> <p> - <time>March 14<span>th</span>, 2011</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="2011-03-14 00:00:00 -0400" pubdate>March 14<span>th</span>, 2011</time> + </p> - <h1><a href="/2011/03/14/test-post/">Test Post</a></h1> </header> <div class="entry"><p>This is a test!</p> </div> - - </article> <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>. @@ -112,17 +127,18 @@ If you don’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> - </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"> @@ -144,21 +160,30 @@ If you don’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 »</a></p> +<p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks »</a></p> </section> </aside> + </div> </div> <footer><div><p> @@ -167,11 +192,16 @@ If you don’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> |