-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (95 loc) · 12.9 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:adelle,Georgia,serif;font-weight:200;font-size:14px;line-height:24px;color:#383e1e;background:#cecece url(http://static.tumblr.com/dz1xhp5/yDblqlxau/fabric-bg.png) fixed top left}a{color:#7a8841;text-decoration:none}a:hover{text-decoration:underline}h1{font-family:etica-display,"HelveticaNeue-Light","Helvetica Neue Light",sans-serif;font-size:59px;line-height:66px;color:#fbfbfb}h1 em{font-style:italic}@media screen and (max-width: 480px){h1{font-size:37px;line-height:54px}}h2{font-family:etica-display,"HelveticaNeue-Light","Helvetica Neue Light",sans-serif;font-size:14px;line-height:24px;color:#fbfbfb;font-style:italic}h3{font-family:etica-display,"HelveticaNeue-Light","Helvetica Neue Light",sans-serif;font-size:37px;line-height:54px;background-color:#d3e09d;border-bottom:2px solid #9fb153}@media screen and (max-width: 480px){h3{font-size:23px;line-height:36px}}h4{font-family:adelle,Georgia,serif;font-weight:200;font-weight:bold}h5{font-family:etica-display,"HelveticaNeue-Light","Helvetica Neue Light",sans-serif;font-size:23px;line-height:36px}#page_container{max-width:39em;margin:0 auto;padding:0 0.75em}@media screen and (min-width: 45em){#page_container{padding:0;max-width:none}}@media screen and (min-width: 45em){#header_wrapper{position:fixed;left:0;top:0;width:19.136%;background:url(http://static.tumblr.com/dz1xhp5/yDblqlxau/fabric-bg.png);padding:2em 0.75em 0.25em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}}header{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8ea042), color-stop(100%, #9fb153));background-image:-webkit-linear-gradient(#8ea042,#9fb153);background-image:-moz-linear-gradient(#8ea042,#9fb153);background-image:-o-linear-gradient(#8ea042,#9fb153);background-image:-ms-linear-gradient(#8ea042,#9fb153);background-image:linear-gradient(#8ea042,#9fb153);margin-top:0.6em;border:4px solid #7a8841}@media screen and (min-width: 45em){header{margin-top:0}header h1{line-height:0.8em;padding-top:0.178em;padding-bottom:0.178em;max-width:6em}}header h1{text-align:right;color:#d3e09d;padding-right:0.178em}header h1 em{color:#fbfbfb}header h1 a{color:#d3e09d;text-decoration:none}header h1 a:hover{text-decoration:none}header h1 a em{color:#fbfbfb}header#dupe{display:none}@media screen and (min-width: 45em){header#dupe{display:block;margin-bottom:0.25em}}@media screen and (min-width: 45em){section#left_container{padding:0 0.75em 0.25em;width:19.136%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}}section#left_container aside div#image_container{display:none}section#left_container aside div#sub_info_wrapper{text-align:center;padding-left:0.5em}@media screen and (min-width: 45em){section#left_container aside div#sub_info_wrapper{padding-left:0}}@media screen and (min-width: 45em){section#left_container aside div#sub_info_wrapper h5{float:none;display:block}}section#left_container aside div#sub_info_wrapper form{float:right}@media screen and (min-width: 45em){section#left_container aside div#sub_info_wrapper form{float:none;display:block}}section#left_container aside h2{color:#fbfbfb;background-color:#7a8841;padding:0.25em 0.75em}@media screen and (min-width: 45em){section#left_container aside h2{color:#7a8841}}section#left_container aside h5{font-size:14px;line-height:24px;font-weight:normal;color:light_bg;text-align:center;padding-top:0.4em}@media screen and (min-width: 45em){section#left_container aside h5{background-color:#9fb153}}section#left_container aside form#search_form{padding:0.25em;margin-left:1em}@media screen and (min-width: 45em){section#left_container aside form#search_form{margin-left:0;background-color:#9fb153}section#left_container aside form#search_form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:12em;padding:0px;margin:0}section#left_container aside form#search_form input.short{max-width:8em}}@media screen and (min-width: 45em){section#left_container{float:left;padding-left:0.75em;width:19.136%;padding-right:0.75em;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}section#left_container aside{-moz-box-shadow:0px 0px 4px #383e1e;-webkit-box-shadow:0px 0px 4px #383e1e;-o-box-shadow:0px 0px 4px #383e1e;box-shadow:0px 0px 4px #383e1e;margin-top:0.75em}section#left_container aside div#image_container{background-color:#fbfbfb;display:block;max-width:100%;padding:4px;padding-bottom:0}section#left_container aside div#image_container img{max-width:100%}section#left_container aside h2{background-color:#fbfbfb;text-align:left}}section#center_container article.post{margin-top:2em;position:relative;background-color:#fbfbfb;-moz-box-shadow:0px 2px 6px #383e1e;-webkit-box-shadow:0px 2px 6px #383e1e;-o-box-shadow:0px 2px 6px #383e1e;box-shadow:0px 2px 6px #383e1e}section#center_container article.post p{margin-bottom:1.25em}section#center_container article.post h3{padding:0 0.567em}@media screen and (max-width: 480px){section#center_container article.post h3{padding:0 0.917em}}section#center_container article.post .post_contents{padding:1.5em;margin:0 auto;max-width:35em}@media screen and (min-width: 65em){section#center_container article.post .post_contents{max-width:70em;-webkit-column-count:2;-moz-column-count:2}}@media screen and (min-width: 65em) and screen and (min-width: 80em){section#center_container article.post .post_contents{max-width:105em;-webkit-column-count:3;-moz-column-count:3}}section#center_container article.post .post_notes{margin:1.5em;padding:1em 0;max-width:35em;border-top:1px solid #9fb153}@media screen and (min-width: 65em){section#center_container article.post .post_notes{max-width:70em}}@media screen and (min-width: 65em) and screen and (min-width: 80em){section#center_container article.post .post_notes{max-width:105em}}section#center_container article.post .post_notes ol li{padding:0.5em 0}section#center_container article.post div#disqus_thread,section#center_container article.post a.dsq-brlink{display:block;margin:1.5em;padding:1em 0;max-width:35em;border-top:1px solid #9fb153}@media screen and (min-width: 65em){section#center_container article.post div#disqus_thread,section#center_container article.post a.dsq-brlink{max-width:70em}}@media screen and (min-width: 65em) and screen and (min-width: 80em){section#center_container article.post div#disqus_thread,section#center_container article.post a.dsq-brlink{max-width:105em}}section#center_container article.post div#disqus_thread h3,section#center_container article.post a.dsq-brlink h3{background-color:#fbfbfb;border-bottom:1px solid #9fb153;padding-left:0}@media screen and (min-width: 45em){section#center_container article.post div.metadata_container{position:absolute;left:100%;top:-0.4em;width:31%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}}section#center_container article.post div.metadata_container div.metadata{padding:0.25em 0.75em;background-color:#d3e09d;border-top:2px solid #9fb153}section#center_container article.post div.metadata_container div.metadata ul{font-family:adelle,Georgia,serif;font-weight:200;font-weight:bold}section#center_container article.post div.metadata_container div.metadata ul li:first-child{float:left}section#center_container article.post div.metadata_container div.metadata ul li:last-child{float:right}section#center_container article.post div.metadata_container div.metadata h4{text-align:right}@media screen and (min-width: 45em){section#center_container article.post div.metadata_container div.metadata{background:none;border:none}section#center_container article.post div.metadata_container div.metadata h4{text-align:left}section#center_container article.post div.metadata_container div.metadata ul li:first-child{float:none}section#center_container article.post div.metadata_container div.metadata ul li:last-child{float:none}section#center_container article.post div.metadata_container div.metadata ul li{margin-bottom:0.5em}}@media screen and (min-width: 45em){section#center_container{width:61.728%;margin-left:19.136%}}section#center_container footer{padding:2em 1.5em}section#center_container footer div#older{float:left}section#center_container footer div#newer{float:right}div#container{width:61.832%;max-width:640px;margin:0 auto}div#container div.metadata{font-size:14px;line-height:24px;padding:12px 0;position:absolute;left:103%;width:27.86%}aside img{display:block;max-width:100%}
</style>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0"/>
<script type="text/javascript" src="http://use.typekit.com/bdk4eny.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
</head>
<body>
<div id="page_container">
<div id="header_wrapper">
<header>
<h1 id="brents_blog"><a href="http://www.oddmanout.net">odd man <em>out.</em></a></h1>
</header>
</div>
<section id="left_container">
<header id="dupe">
<h1 id="brents_blog">odd man <em>out.</em></h1>
</header>
<aside>
<div id="image_container">
<img src="http://static.tumblr.com/dz1xhp5/DNHlqlx5o/brent.jpg" />
</div>
<h2>{Description}</h2>
<div id="sub_info_wrapper">
<h5>Archive - <a href="{RSS}">RSS</a></h5>
<!-- <form id="search_form" action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input class="short" type="submit" value="Search"/>
</form> -->
<div style="clear: both;"></div>
</div>
</aside>
</section>
<section id="center_container">
{block:Posts}
{block:Text}
<article class="post">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<div class="post_contents">{Body}</div>
{block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
{block:PermalinkPage}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
<script type="text/javascript">
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://oddmanout.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=oddmanout">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}<script type="text/javascript">
var disqus_shortname = 'oddmanout';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://oddmanout.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:PermalinkPage}
<div class="metadata_container">
<div class="metadata">
<ul>{block:Date}<li>{Month} {DayOfMonth}, {Year}</li>{/block:Date}<li><a href="{Permalink}">permalink</a></li>{block:NoteCount}<li>{NoteCountWithLabel}</li><li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></li>{/block:NoteCount}</ul>
<div style="clear: both;"></div>
</div>
</div>
</article>
{/block:Text}
{/block:Posts}
<footer>
{block:Pagination}
{block:PreviousPage}<div id="older"><a href="{PreviousPage}">« Older Posts</a></div>{/block:PreviousPage}
{block:NextPage}<div id="newer"><a href="{NextPage}">Newer Posts »</a></div>{/block:NextPage}
{/block:Pagination}
<div style="clear: both;"></div>
</footer>
</section>
</div> <!-- page_container -->
</body>
</html>