Skip to content

Instantly share code, notes, and snippets.

@lmatteis
Created July 28, 2012 13:59
Show Gist options
  • Save lmatteis/3193524 to your computer and use it in GitHub Desktop.
Save lmatteis/3193524 to your computer and use it in GitHub Desktop.
HN tumblr theme
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=no">
<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<style type="text/css">
#tumblr_controls { display: none; }
blockquote {
font-family: monospace;
}
body { font-family:Verdana; font-size:9pt; color:#000000; margin:0; padding:0;}
input { font-family:Courier; font-size:10pt; color:#000000; }
input[type=\"submit\"] { font-family:Verdana; }
textarea { font-family:Courier; font-size:10pt; color:#000000; }
a:visited {
color: #828282;
}
a:link {
color: black;
}
a:link, a:visited { text-decoration:underline;}
p { margin-top: 8px; margin-bottom: 0px; }
.comhead, strong, b {
font-family: Verdana;
font-size: 8pt;
color: #828282;
font-weight: normal;
}
.comhead a:link, { color:#000; text-decoration: underline;}
.pagebreak {page-break-before:always}
pre { overflow: auto; padding: 2px; max-width:600px; }
pre:hover {overflow:auto}
#wrap {
width: 600px;
margin: auto;
}
.post {
margin-bottom: 40px;
background-color: #F6F6EF; padding:20px;
}
/* for mobiles */
@media only screen and (max-width: 600px) {
body { padding: 20px; }
#wrap { width: 100%; padding:0; }
#wrap img { width: 100%; }
}
</style>
</head>
<body>
<div id="wrap">
<div id="head">
<h1>
<a href="/" class="comhead">Blog</a>
<a href="https://github.com/lmatteis" class="comhead">GitHub</a>
<a href="https://twitter.com/lmatteis" class="comhead">Twitter</a>
</h1>
{block:HasPages}
<br/><br/>
{block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;{/block:Pages}
<br/><br/>
{/block:HasPages}
{block:AskEnabled}<a href="/ask">{AskLabel}</a>&nbsp;&nbsp;{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
</div>
<div id="content">
{block:Posts}
{block:Text}
<div class="post text">
<div class="comhead">
{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
-
{block:Date}{lang:posted TimeAgo}{/block:Date}
</div>
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="post photo">
{LinkOpenTag}<a href="{Permalink}" class="permalink"><img alt="{PhotoAlt}" src="{PhotoURL-500}"/></a>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}. <a href="{PhotoURL-HighRes}">{lang:View high-resolution}</a>.{/block:HighRes}</div>{/block:Date}
</div>
{/block:Photo}
{block:Quote}
<div class="post quote">
{block:Date}<a href="{Permalink}" class="permalink">#</a>{/block:Date}
<div class="deco">&#8220;</div>
<blockquote>{Quote}</blockquote>
{block:Source}<cite>{Source}</cite>{/block:Source}
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}.</div>{/block:Date}
</div>
{/block:Quote}
{block:Link}
<div class="post link">
{block:Date}<a href="{Permalink}" class="permalink">#</a>{/block:Date}
<a class="go" href="{URL}">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}.</div>{/block:Date}
</div>
{/block:Link}
{block:Chat}
<div class="post chat">
{block:Date}<a href="{Permalink}" class="permalink">#</a>{/block:Date}
{block:Title}<h3>{Title}</h3>{/block:Title}
<ul class="conv">
{block:Lines}<li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>{/block:Lines}
</ul>
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}.</div>{/block:Date}
</div>
{/block:Chat}
{block:Audio}
<div class="post audio">
{block:Date}<a href="{Permalink}" class="permalink">#</a>{/block:Date}
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}. {lang:Played PlayCount times}.</div>{/block:Date}
</div>
{/block:Audio}
{block:Video}
<div class="post video">
{block:Date}<a href="{Permalink}" class="permalink">#</a>{/block:Date}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{block:Date}<div class="info">{lang:This was posted TimeAgo}. {block:IfDisqusShortname}{lang:It has NoteCount notes and 0 comments}{/block:IfDisqusShortname}{block:IfNotDisqusShortname}{lang:It has NoteCount notes}{/block:IfNotDisqusShortname}.</div>{/block:Date}
</div>
{/block:Video}
{block:Date}
{block:Date}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{block:Pagination}
<div id="nav">
{block:PreviousPage}<a href="{PreviousPage}" class="prev">{lang:Previous page}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="next">{lang:Next page}</a>{/block:NextPage}
<div class="clr"></div>
</div>
{/block:Pagination}
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment