Skip to content

Instantly share code, notes, and snippets.

@ikautak
Last active December 14, 2015 04:39
Show Gist options
  • Save ikautak/5030217 to your computer and use it in GitHub Desktop.
Save ikautak/5030217 to your computer and use it in GitHub Desktop.
tumblr theme based "Notations" theme.
<!doctype html>
<!--
"Notations" theme designed by Ben Delaney (http://bendelaney.me)
Available in the Tumblr theme garden: http://www.tumblr.com/theme/8631 -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=790"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="if:Use Quicksand Font" content="1"/>
<meta name="if:Show High Res Photo Links" content="1"/>
<meta name="if:Show Note Count" content="1"/>
<meta name="if:Show Word Count" content="1"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Show Notes on Permalink Page" content="1"/>
<meta name="if:Show Ask Link" content="0"/>
<meta name="if:Show Submit Link" content="0"/>
<meta name="if:Hide Install Theme Link" content="0"/>
<meta name="text:Disqus Shortname" content="" />
<meta name="image:BackgroundImage" content="http://static.tumblr.com/ybdgkw4/ffzkxsss6/bg-400-paper2.jpg"/>
<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js" type="text/javascript" charset="utf-8"></script>
<script src="http://static.tumblr.com/ybdgkw4/Aqokyfovl/mootools-1.2.4.4-more-fornotationstheme.js" type="text/javascript" charset="utf-8"></script>
{block:IfUseQuicksandFont}
<link rel="stylesheet" href="http://static.tumblr.com/ybdgkw4/JSPkya1tr/base64_quicksandfonts.css" type="text/css" charset="utf-8">
{/block:IfUseQuicksandFont}
<style type="text/css">
* {margin:0; padding:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
a:active, a:focus {outline: 0;}
h1,h2,h3,h4,h5,h6,span {font-size:100%;font-weight:normal;}
body {
font-family:QuicksandBook, Helvetica, Arial, sans-serif;
text-shadow:#efefef 1px 1px 0px;
font-size: 22px;
color: #222;
background-color:#f8f8f8;
background-image:url({image:BackgroundImage});
margin: 40px 0 20px 0;
padding: 0;
}
a, a:visited {
color: #222;
font-family: QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
border-bottom:1px solid #aaa;
text-decoration: none;
}
a:hover {
border-bottom:none;
}
em, i {
font-family: QuicksandBookOblique, Helvetica, Arial, sans-serif;
font-style: italic;
}
strong, b {
font-family: QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
}
strong em, strong i, b em, b i {
font-family: QuicksandBoldOblique, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
}
a#InstallThisTheme {
background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
display: block;
height: 20px;
position: absolute;
right: 2px;
text-indent: -9999px;
top: 26px;
width: 96px;
z-index: 5000;
}
#Main {
width: 770px;
margin: 0 auto;
padding: 8px 0 0 0;
}
#Header {}
#Header .Title {
padding: 0 0 10px 0;
position: relative;
}
#Header .Title a.Title {
width: 688px;
color: #222;
font-size: 45px;
line-height: 1;
font-family: QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: 3px;
text-decoration: none;
text-shadow:#ddd 1px 1px 0px, #999 0px 0px 10px, #999 0px 0px 10px;
border-bottom: 0px;
}
#Header .PageLinks {
font-size: 14px;
margin:5px 0 14px;
height:1%;
overflow:hidden;
}
#Header .PageLinks a {
display:block;
float:left;
margin-right:14px;
}
#Header .Description {
font-size: 14px;
padding: 8px 0px 34px;
}
#Header .Description a {
text-decoration: none;
}
.DynamicHeader {
font-size: 30px;
font-family:QuicksandBook, Helvetica, Arial, sans-serif;
}
.DynamicHeader span {
font-family:QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
}
.Post {
margin: 220px 0px 0px 0px;
line-height: 1.4;
}
.Post img {
max-width: 100%;
-webkit-box-shadow: #444 0px 0px 6px;
-moz-box-shadow: #444 0px 0px 6px;
}
.Post a.Title {
display:block;
line-height: 1.4;
color: #222;
margin-bottom:22px;
font-family:QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: 2px;
text-transform:none;
text-decoration:none;
text-shadow:#ccc 1px 1px 0px, #666 0px 0px 6px;
border-bottom:0px;
}
.Post a.Title:hover {
text-decoration:underline;
}
.Post.Single a.Title {
margin-bottom:60px;
}
/* Photo Posts */
.Post .ThePhoto a {
border-bottom:0px;
}
/* PhotoSet Posts */
.Post .PhotoSet embed {
-webkit-box-shadow: #444 0px 0px 6px;
-moz-box-shadow: #444 0px 0px 6px;
}
/* Quote Posts */
.Post .TheQuote.short {
font-family: QuicksandLight, Helvetica, Arial, sans-serif;
font-size: 75px;
letter-spacing: -5px;
line-height: 0.85;
}
.Post .TheQuote.medium {
font-size: 54px;
line-height: 0.9;
font-family: QuicksandLight, Helvetica, Arial, sans-serif;
letter-spacing:-3px;
}
.Post .TheQuote.long {
font-size: 34px;
line-height: 1;
font-family: QuicksandLight, Helvetica, Arial, sans-serif;
letter-spacing:-1px;
}
.Post .Quote .QuoteSource {
font-family:QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
text-shadow:#999 0px 0px 10px;
}
/* Chat Posts */
.Post .Chat li {
line-height:1;
margin-bottom:12px;
border-bottom: 2px dotted #ccc;
clear:left;
}
.Post .Chat li .Label {
display:block;
float:left;
font-family:QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
}
.Post .Chat li .Line {
margin-left:240px;
}
/* Link Post */
.Post .Link .TheLink {
color: #222;
font-family:QuicksandBold, Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: 2px;
text-transform:uppercase;
text-decoration:none;
text-shadow:#ccc 1px 1px 0px, #666 0px 0px 6px;
}
/* Audio Post */
.Post .Audio .AlbumArt img {
display:block;
}
.Post .Audio .AudioPlayerWrapper {
background:#000;
width:210px;
}
.Post .Audio .audio_player {
border-top: 3px solid #000;
opacity:0.8;
height: 27px;
margin-bottom: 6px;
}
.Post .Audio .SongInfo {
font-size: 12px;
line-height: 1;
margin-bottom:12px;
}
.Post .Audio .SongInfo span {
display:block;
}
/* Question/Answer Post */
.Post .Answer .QuestionBox {
background:#eee;
height:1%;
overflow:hidden;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
.Post .Answer .TheAsker {
float:left;
}
.Post .Answer .TheAsker .AskerPhoto {
float:left;
width: 96px;
height:96px;
overflow:hidden;
float:left;
margin-right:8px;
}
.Post .Answer .TheAsker .AskerPhoto img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.Post .Answer .TheAsker .AskerName a {
display:block;
float:left;
font-size: 12px;
line-height: 1;
padding:8px 8px 0px;
border-bottom: none;
}
.Post .Answer .Asks {
float:left;
font-size: 12px;
line-height: 1;
padding:8px 8px 0px;
}
.Post .Answer .TheQuestion {
margin-left:40%;
padding:14px;
font-family:QuicksandLightOblique, Helvetica, Arial, sans-serif;
border-left: 1px solid #ccc;
}
.Post .Answer .TheAnswer {
padding:12px 48px;
}
/* Generic Post stuff */
.Post .PostBody {
font-size:70%;
line-height:1.2;
}
.Post .PostBody a {
color: #000;
border-bottom:1px solid #aaa;
text-decoration: none;
}
.Post .PostBody a:hover {
color: #222;
border-bottom:none;
}
.Post .PostBody p {
margin-bottom:22px;
}
.Post .PostBody ul {
list-style: disc outside;
padding-left:20px;
margin-bottom:22px;
}
.Post .PostBody ol {
list-style: decimal outside;
padding-left:20px;
margin-bottom:22px;
}
.Post .PostBody small {
font-size: 11px;
line-height:11px!important;
}
.Post .PostBody blockquote {
border-left: 1px solid #AAA;
margin-left: 40px;
padding-left: 12px;
margin-bottom:22px;
}
.Post .Bottom {
color: #aaa;
width: 100%;
font-size: 12px;
line-height: 1.5;
margin-top:20px;
}
.Post .Bottom .Reblog {
float:left;
margin-right:13px;
}
.Post .Bottom span {
padding: 0 13px 0 0;
}
.Post .Bottom .Reblog span,
.Post .Bottom span.Notes a,
.Post .Bottom span.Tags span {
text-transform: uppercase;
padding-right:0;
}
.Post .Bottom em {font-style: normal;}
.Post .Bottom a {
color: #a5a5a5;
font-family:QuicksandBook, Helvetica, Arial, sans-serif;
}
.Post .Bottom a:hover {
text-decoration: underline;
color:#000;
}
.Post .Bottom .Tags {
display:block;
}
.Post .PermaPageNotes a.NotesAnchor {
border-bottom: none;
text-decoration: none;
}
ol.notes {
width: 100%;
border-bottom: solid 1px #ccc;
padding: 48px 0 0 0px;
margin: 8px 0px 0px 0px;
list-style-type: none;
}
ol.notes a { color: #444444; }
ol.notes li.note {
color: #777;
font-size: 10px;
border-top: solid 1px #ccc;
padding: 4px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action { margin-bottom: 5px; }
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a { text-decoration: none; }
ol.notes li.note a:hover { text-decoration: underline; }
#Footer {
padding: 200px 0 8px;
font-size: 12px;
color: #8E8E8E;
line-height: 1.5em;
overflow: hidden;
}
#Footer a {
color: #202020;
font-weight: bold;
margin-right:10px;
text-transform: uppercase;
text-decoration: none;
}
#Footer .UtilityLinks {
width:67%;
float:left;
height:20px;
}
#Footer .Pagination {
width:33%;
float:right;
text-align: right;
height:20px;
}
#Footer .Numeration {
padding-right:12px;
}
#Footer .Search {
clear:both;
padding-top:24px;
padding-bottom:20px;
}
#Footer form input.Text {
width: 278px;
}
#Footer .Hints {
font-size: 14px;
padding-bottom:14px;
}
#Footer .Colophon {
font-size: 12px;
line-height: 1;
padding-bottom:14px;
}
#Footer .Colophon a {
color: #888;
margin-right:0;
}
/* iPhone */
@media screen and (max-device-width: 481px) {
#Header .Title a.Title {font-size:2.2em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #222;}
.Post .PostBody {font-size:1.3em; }
}
/* End iPhone */
@media print {
body {
color:black;
font-size:12pt;
line-height:24pt;
padding:20px 40px 40px 40px;
}
body * {
text-shadow:none!important;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
float:none;
}
#Main {
width:auto;
margin:5%;
padding:0;
}
#Header,
#Pagination,
#Footer,
.Post .Bottom .PrintPostLink,
.Post .Bottom .Notes,
.Post .Bottom .Words,
.Post .Bottom .Tags,
#InstallThisTheme,
#tumblr_controls {display:none!important;}
.Post {
margin:0px!important;
page-break-after: always;
}
.Post.Single {
page-break-after:auto;
}
.Post a.Title {margin-top:20px!important;}
}
{CustomCSS}
</style>
<script type="text/javascript" charset="utf-8">
window.addEvent('domready', function() {
var Posts = $$('.Post');
var PhotoSetEmbeds = $$('.html_photoset embed');
Posts.each(function(post, index, array) {
if (post.getElement('.Words') != null) {
var body = post.getElement('.PostBody');
var NumberOfWords = body.get('text').split(' ').length;
post.getElement('.WordCount').set('html', NumberOfWords);
}
if (post.getElement('embed.photoset')) {
var PhotoSetEmbed = post.getElement('embed.photoset');
PhotoSetEmbed.setProperties({
width: '770'
,height: '771'
});
}
if (post.getElement('.Video') && !post.hasClass('do_not_resize')) {
var el = post.getElement('object') || post.getElement('iframe') || post.getElement('embed');
if (el) {
var w = el.getProperty('width');
var h = el.getProperty('height');
var p = ((770 - w) * 100)/w;
var newW = 770;
var newH = (h * ('1.'+p).toFloat()).round();
el.setProperties({width:newW, height:newH});
if (el.getElement('embed')) {
el.getElement('embed').setProperties({width:newW, height:newH});
}
}
}
});
{block:PermalinkPage}
var uri = window.location.search.substring(1);
if (uri.contains('print')) {
$$('.Post .PrintPostLink', '.Post .Notes', '.Post .PermaPageNotes', '.Post .Words', '.Post .Tags').each(function(el) {
el.setStyle('display', 'none');
});
(function() { window.print(); }).delay(400)
}
{/block:PermalinkPage}
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/fpifyru/VCxlv9xwi/writecapture.js"></script>
<script src="http://static.tumblr.com/fpifyru/AKFlv9zdu/embedgist.js"></script>
</head>
<body>
<div id="Main">
<div id="Header">
<div class="Title">
<a href="/" class="Title">{Title}</a>
</div>
<div class="PageLinks" style="display: none; {block:HasPages}display: block;{/block:HasPages}{block:AskEnabled}display: block;{/block:AskEnabled}{block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}">
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
</div>
<div class="Description">
{block:Description}{Description}{/block:Description}
</div>
</div>
{block:IfNotHideInstallThemeLink}
<a href="http://www.tumblr.com/theme/8631" id="InstallThisTheme">{lang:Install this theme}</a>
{/block:IfNotHideInstallThemeLink}
<div class="DynamicHeader">
{block:SearchPage}
{block:SearchResults}
<p>{lang:Search results for SearchQuery 2} <span>({SearchResultCount})</span></p>
{/block:SearchResults}
{block:NoSearchResults}
<p>{lang:No search results for SearchQuery 2}.</p>
{/block:NoSearchResults}
{/block:SearchPage}
{block:TagPage}
<p>Posts tagged:&#160;<span>{Tag}</span></p>
{/block:TagPage}
</div>
{block:Posts}
<div class="Post {block:PermalinkPage}Single{/block:PermalinkPage} {TagsAsClasses}">
{block:Text}
<div class="Text">
{block:Title}
<a href="{Permalink}" class="Title">{Title}</a>
{/block:Title}
<div class="PostBody">{Body}</div>
</div>
{/block:Text}
{block:Photo}
<div class="Photo">
<div class="ThePhoto">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
</div>
{block:Caption}
<div class="PostBody">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Panorama}
<div class="Panorama Photo">
<div class="ThePhoto">
{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>
{block:Caption}
<div class="PostBody">{Caption}</div>
{/block:Caption}
</div>
{/block:Panorama}
{block:Photoset}
<div class="PhotoSet">
{Photoset-500}
{block:Caption}
<div class="PostBody">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}
{block:Quote}
<div class="Quote">
<div class="TheQuote {Length}">{Quote}</div>
<div class="QuoteSource">{Source}</div>
</div>
{/block:Quote}
{block:Link}
<div class="Link">
<a href="{URL}" target="{Target}" class="TheLink">{Name}</a>
{block:Description}
<div class="PostBody">
{Description}
</div>
{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div class="Chat">
{block:Title}
<a href="{Permalink}" class="Title">{Title}</a>
{/block:Title}
<ul class="TheChat">
{block:Lines}
<li class="{Alt} User-{UserNumber}">
{block:Label}
<span class="Label">{Label}</span>
{/block:Label}
<p class="Line">{Line}</p>
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="Audio">
{block:AlbumArt}
<div class="AlbumArt">
<img src="{AlbumArtURL}" />
</div>
{/block:AlbumArt}
<div class="AudioPlayerWrapper">{AudioPlayerBlack}</div>
<div class="SongInfo">
{block:TrackName}
<span class="TrackName">{TrackName}</span>
{/block:TrackName}
{block:Artist}
<span class="Artist">by {Artist}</span>
{/block:Artist}
{block:Album}
<span class="Album">from the album: {Album}</span>
{/block:Album}
</div>
<div class="Caption PostBody">
{Caption}
</div>
</div>
{/block:Audio}
{block:Video}
<div class="Video">
{Video-500}
<div class="PostBody">
{Caption}
</div>
</div>
{/block:Video}
{block:Answer}
<div class="Answer">
<div class="QuestionBox">
<div class="TheAsker">
<div class="AskerPhoto"><img src="{AskerPortraitURL-96}" width="96" height="96"/></div>
<span class="AskerName">{Asker}</span>
</div>
<div class="Asks">asks:</div>
<div class="TheQuestion">{Question}</div>
</div>
<div class="TheAnswer PostBody">{Answer}</div>
</div>
{/block:Answer}
<!-- Post Bottom -->
<div class="Bottom">
<div class="Reblog">
{block:ContentSource}
<span>{lang:Source}:</span>
<a href="{SourceURL}">
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}
<!-- {block:RebloggedFrom}
/{lang:Reblogged from ReblogParentTitle 2}
{/block:RebloggedFrom} -->
</div>
{block:Text}
{block:Date}
<span class="PrintPostLink">
<a href="{Permalink}?print" target="_blank">PRINT THIS POST</a>
</span>
{block:IfShowWordCount}
<span class="Words">
WORDS: <em class="WordCount"></em>
</span>
{/block:IfShowWordCount}
{/block:Date}
{/block:Text}
{block:Photo}
{block:IfShowHighResPhotoLinks}
{block:HighRes}
<span class="HighRes">
<a href="{PhotoURL-HighRes}" class="HighResLink" style="text-transform:uppercase;">{lang:High-res}</a>
</span>
{/block:HighRes}
{/block:IfShowHighResPhotoLinks}
{/block:Photo}
{block:IfShowNoteCount}
{block:NoteCount}
<span class="Notes">
<a href="{Permalink}#Notes">{lang:Notes}: {NoteCount}</a>
</span>
{/block:NoteCount}
{/block:IfShowNoteCount}
{block:IfDisqusShortname}
<span class="Comments">
<a href="{Permalink}#disqus_thread">{lang:View comments}</a>
</span>
{/block:IfDisqusShortname}
{block:Date}
<span class="Permalink">
<a href="{Permalink}" class="Time">{MonthNumber}/{DayOfMonth}/{ShortYear} &mdash; {12Hour}:{Minutes}{AmPm}</a>
</span>
{block:Date}
{block:IfShowTags}
{block:HasTags}
<span class="Tags">
<span>{lang:Filed under}</span>:
{block:Tags}
<a href="{TagURL}">#{Tag}</a>&nbsp;
{block:Tags}
</span>
{/block:HasTags}
{/block:IfShowTags}
</div>
<!-- /Post Bottom -->
{block:IfShowNotesOnPermalinkPage}
{block:PermalinkPage}
<span class="PermaPageNotes">
<a name="Notes" class="NotesAnchor">&#160;</a>
{PostNotes}
</span>
{/block:PermalinkPage}
{/block:IfShowNotesOnPermalinkPage}
{block:IfDisqusShortname}{/block:IfDisqusShortname}
{block:PermalinkPage}
{block:IfDisqusShortname}
{block:Permalink}
<div class="notecontainer" style="margin: 20px 0 0 0; padding: 1px 10px 10px 0px;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div>
<div style="text-align: right; margin-top: 5px">
{lang:Blog comments powered by Disqus 2}
</div>
{/block:Permalink}
{/block:IfDisqusShortname}
{/block:PermalinkPage}
</div>
{/block:Posts}
<div id="Footer">
<div class="Pagination">
{block:Pagination}
<span class="Numeration">
{lang:CurrentPage of TotalPages 2}
{block:PreviousPage}<a href="{PreviousPage}" class="Button">{lang:Previous page}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="Button">{lang:Next page}</a>{/block:NextPage}
</span>
{/block:Pagination}
{block:PermalinkPagination}
{block:NextPost}<a href="{NextPost}" class="Button">{lang:Previous post}</a>{/block:NextPost}
{block:PreviousPost}<a href="{PreviousPost}" class="Button">{lang:Next post}</a>{/block:PreviousPost}
{/block:PermalinkPagination}
</div>
<div class="UtilityLinks">
<a href="/archive">{lang:Archive}</a>
<a href="{RSS}">{lang:RSS}</a>
{block:IfShowAskLink}
<a href="/ask">ASK A QUESTION</a>
{/block:IfShowAskLink}
{block:IfShowSubmitLink}
<a href="/submit">SUBMIT</a>
{/block:IfShowSubmitLink}
</div>
<div class="Search">
<form action="/search" method="get">
<input type="search" class="Text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/>
</form>
</div>
</div>
</div>
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment