You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
4.5 KiB
137 lines
4.5 KiB
<!DOCTYPE html>
|
|
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
|
|
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Brian Picciano - Sample post</title>
|
|
<meta name="author" content="Brian Picciano" />
|
|
<meta name="description" content="The blog of Brian Picciano" />
|
|
<link rel="canonical" href="http://mediocregopher.com/blog/2013/08/20/sample-post.html" />
|
|
|
|
<link href="//fonts.googleapis.com/css?family=Open+Sans:600,800" rel="stylesheet" type="text/css">
|
|
<link rel="shortcut icon" href="/favicon.png">
|
|
<link rel="alternate" type="application/rss+xml" title="Brian Picciano" href="http://mediocregopher.com/atom.xml" />
|
|
|
|
<link rel="stylesheet" href="/assets/css/all.css">
|
|
<!--[if IE 7]>
|
|
<link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css">
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="four columns sidebar">
|
|
<nav>
|
|
<!-- <a href="/">
|
|
<img src="/logo.png" id="logo" alt="Blog logo"/>
|
|
</a> -->
|
|
<h2><a href="/">Brian Picciano</a></h2>
|
|
<hr/>
|
|
<p>A blog about code, languages, and systems</p>
|
|
<hr/>
|
|
<div>
|
|
<div id="social">
|
|
Follow me:
|
|
<div id="stalker">
|
|
|
|
<a title="mediocregopher on Github" href="http://github.com/mediocregopher">
|
|
<i class="icon-github-sign"></i>
|
|
</a>
|
|
|
|
|
|
|
|
<a title="mediocregopher on Hacker News" href="http://news.ycombinator.com/user?id=mediocregopher">
|
|
<i class="icon-sign-blank"></i>
|
|
<span class="icon-overlay icon-hn">Y</span>
|
|
</a>
|
|
|
|
|
|
<a title="RSS feed" id="rss" href="/atom.xml">
|
|
<i class="icon-rss-sign"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<div class="eleven columns content">
|
|
<p class="meta">
|
|
August 20, 2013
|
|
<a href="/">
|
|
<i class="home icon-home"></i>
|
|
</a>
|
|
</p>
|
|
|
|
<h1 class="title">Sample post</h1>
|
|
|
|
<div id="post">
|
|
<p>Tattooed roof party <em>vinyl</em> freegan single-origin coffee wayfarers tousled, umami yr
|
|
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird
|
|
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly
|
|
<a href="#">keffiyeh</a>. Chia Echo Park Pitchfork, Blue Bottle <a href="#">hashtag</a> stumptown skateboard selvage
|
|
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie
|
|
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed
|
|
chia, <strong>wayfarers</strong> swag raw denim hashtag biodiesel occupy gastropub!</p>
|
|
|
|
<hr>
|
|
|
|
<h1>It's all in the game.</h1>
|
|
|
|
<h2>You come at the king, you best not miss.</h2>
|
|
|
|
<h3>Be subtle with it, man. You know what subtle means?</h3>
|
|
|
|
<p>VHS post-ironic cred <strong>bespoke</strong> banjo. Yr wayfarers literally gentrify, flexitarian fap
|
|
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic
|
|
Helvetica <code>look ma, I can code</code>. Lo-fi American Apparel tattooed <a href="#">Vice</a> tofu, yr vinyl.
|
|
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi
|
|
salvia. High Life Odd Future <em>chambray</em> kale chips hoodie, cray pop-up. Helvetica narwhal
|
|
iPhone try-hard jean shorts.</p>
|
|
|
|
<blockquote>
|
|
<p>This is a quote from someone famous about productivity</p>
|
|
</blockquote>
|
|
|
|
<p>Syntax highlighting with Solarized theme.</p>
|
|
|
|
<div class="highlight"><pre><code class="ruby"><span class="k">class</span> <span class="nc">User</span> <span class="o"><</span> <span class="ss">ActiveRecord</span><span class="p">:</span><span class="ss">:Base</span>
|
|
<span class="n">attr_accessible</span> <span class="ss">:email</span><span class="p">,</span> <span class="ss">:name</span>
|
|
|
|
<span class="o">.</span><span class="n">.</span><span class="o">.</span> <span class="n">tons</span> <span class="n">of</span> <span class="n">other</span> <span class="n">crap</span> <span class="o">.</span><span class="n">.</span><span class="o">.</span>
|
|
|
|
<span class="k">end</span>
|
|
</code></pre></div>
|
|
|
|
</div>
|
|
|
|
<div id="related">
|
|
<h3>Related Posts</h3>
|
|
<ul class="posts">
|
|
|
|
<li>
|
|
<span>12 Aug 2013 »</span> <a href="/blog/2013/08/12/another-sample.html">Another sample</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="disclaimer">
|
|
|
|
|
|
<p>
|
|
© Brian Picciano, 2013 — built with Jekyll using Lagom theme
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |