aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-04-17 22:49:30 -0500
committerBrandon Mathis <brandon@imathis.com>2011-04-17 22:49:30 -0500
commite4c2d5790bac6a74037638fde049c374fc44cc7b (patch)
tree83f5e5b7324fcb5951d755442e2e601a3eaed35a /public/index.html
parent4db81a9e51e452495a06ad8c57ac4ac689a9ff34 (diff)
downloadmy_new_personal_website-e4c2d5790bac6a74037638fde049c374fc44cc7b.tar.xz
my_new_personal_website-e4c2d5790bac6a74037638fde049c374fc44cc7b.zip
irrisponsibly massive commit
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html177
1 files changed, 177 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 00000000..34efbb00
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Octopress - My Octopress Blog</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+
+ <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>
+
+
+ <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
+</head>
+
+<body id="">
+ <header><div><h1><a href="/">My Octopress Blog</a></h1>
+
+</div></header>
+ <nav id="nav"><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 id="main"><article>
+
+
+ <article>
+ <header>
+ <p>
+ <time>April 7<span>th</span>, 2011</time>
+
+ <span class="byline"><em>by</em> <span class="author">Your Name</span></span>
+
+ </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>
+
+<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>
+ <p>
+ <time>March 14<span>th</span>, 2011</time>
+
+ <span class="byline"><em>by</em> <span class="author">Your Name</span></span>
+
+ </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>
+ <p>
+ <time>November 13<span>th</span>, 2009</time>
+
+ <span class="byline"><em>by</em> <span class="author">Your Name</span></span>
+
+ </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>.
+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>
+
+
+<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>
+
+<section>
+ <h4>Recent Posts</h4>
+ <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><h4>On Twitter</h4>
+<ul id="tweets">
+ Status updating...
+</ul>
+<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p>
+</section>
+
+
+
+ <section><h4>My Pinboard</h4>
+<ul id="pinboard_linkroll">Fetching linkroll...</ul>
+<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p>
+</section>
+
+</aside>
+ </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">
+ var pinboard_user = "imathis";
+ var pinboard_count = "3";
+ </script>
+ <script language="javascript" src="/javascripts/pinboard.js"></script>
+
+</div></footer>
+</body>
+</html>