1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<!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>
|
