aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-05-15 18:33:00 -0400
committerBrandon Mathis <brandon@imathis.com>2011-05-15 18:33:00 -0400
commitc7d5365f81552cae16bbb91696ca3e67b4a0a2e9 (patch)
tree76c57e41828a3492535cde7fe82bef98ccea0eb4 /public/index.html
parente4c2d5790bac6a74037638fde049c374fc44cc7b (diff)
downloadmy_new_personal_website-c7d5365f81552cae16bbb91696ca3e67b4a0a2e9.tar.xz
my_new_personal_website-c7d5365f81552cae16bbb91696ca3e67b4a0a2e9.zip
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
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html120
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&#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>
@@ -61,42 +72,46 @@ people I work for I&#8217;ve never met in-person.</p>
<p><a href='/2011/04/07/test-of-typography/'>Continue reading &raquo;</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&#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>
-
</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&#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>
@@ -167,11 +192,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>
generated by cgit v1.2.1 (git 2.18.0) at 2024-11-15 16:44:05 +0000