Skip to content

Instantly share code, notes, and snippets.

@sherbondy

sherbondy/tumblr.html

Created December 29, 2010 18:07
Show Gist options
  • Save sherbondy/758817 to your computer and use it in GitHub Desktop.
Save sherbondy/758817 to your computer and use it in GitHub Desktop.
Download ZIP
Compatriot New
Raw
tumblr.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{Title}
{block:DayPage}
// On {ShortMonth} {DayOfMonth}, {Year}
{/block:DayPage}
{block:TagPage}
// Tagged as &ldquo;{Tag}&rdquo;
{/block:TagPage}
{block:SearchPage}
// Searched for &ldquo;{SearchQuery}&rdquo;
{/block:SearchPage}
{block:PostSummary}
// {PostSummary}
{/block:PostSummary}
</title>
<link rel="shortcut icon" type="image/x-icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
<link rel="stylesheet" type="text/css"
href="http://static.tumblr.com/3jc4ci5/oLple7b6w/style.css">
<meta name="color:Primary" content="#000066">
<meta name="color:Secondary" content="#af0000">
<meta name="color:Text" content="#000000">
<meta name="color:Alternate Text" content="#666666">
<meta name="color:Boxes" content="#e4e4e4">
<meta name="color:Boxes Hover" content="#cccccc">
<meta name="color:Borders" content="#cccccc">
<style type="text/css">
/* @group Colors */
a, #hlink:hover, #hlink:focus, big.rquo,
#links label, span#on_off, #portrait a {color: {color:Primary};}
a.download {background-color: {color:Primary};}
.tag_list a, #likes img:hover,
#likes image:focus, .follow_alt img:hover,
.follow_alt image:focus {border-color: {color:Primary};}
.user_1 {border-left: 8px solid {color:Primary};}
a:hover, a:focus, #hlink,
#links label:hover, #links label:focus,
div.caption a:visited,
div.post_bottom a:visited, big.lquo,
#show_search.on, #portrait a.up_arr {color: {color:Secondary};}
.tag_list a:visited, #likes img:active,
.follow_alt img:active {border-color: {color:Secondary};}
.user_2 {border-left: 8px solid {color:Secondary};}
a.download:hover, a.download:focus {background-color: {color:Secondary};}
body, .post_info, #likes img,
#reblogs img, #infinite_scroll,
.follow_item img, .follow_alt img {background-color: #fff;}
div.audio div.meta p {border-bottom: 1px solid #fff;}
#reblogs li {border-top: 1px solid #fff;}
h2, #pagination li#curr_page,
.post_info a, .post_info a:hover,
.post_info a:focus, .tag_list a:hover,
.tag_list a:focus {color: {color:Text};}
.tag_list a:hover, .tag_list a:focus {border-color: {color:Text};}
#description, #loader p,
.time, .tag_title, #term,
div.reblog span,
#pagination li, #alt_pagination li {color: {color:Alternate Text};}
div.audio, div.question h3,
.tag_list a, #reblogs blockquote a,
#reblogs .answer .action,
.permalink, pre, code {background-color: {color:Boxes};}
a.download {color: {color:Boxes};}
html, #links, #q,
.follow_item {border-color: {color:Borders};}
#q {border: 1px solid {color:Borders};
border-bottom: none;}
#reblogs blockquote a, #pagination,
#reblogs .answer .action,
#alt_pagination, #content, ul.convo li {border-bottom: 1px solid {color:Borders};}
div.post, #links, h2 {border-top: 1px solid {color:Borders};}
div.caption blockquote {border-left: 1px dotted {color:Borders};}
.tag_list a:hover, .tag_list a:focus,
.permalink:hover, .permalink:focus,
div.post.current a.permalink {background-color: {color:Boxes Hover};}
/* @end */
#portrait {
background-image: url({PortraitURL-64});
}
{CustomCSS}
</style>
<script src="http://static.tumblr.com/3jc4ci5/pMKl1k8jz/prettify.js"
type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript"></script>
<meta name="description" content="{MetaDescription}">
<meta name="text:Flickr Username" content="">
<meta name="text:LastFM Username" content="">
<meta name="text:Aim Username" content="">
<meta name="text:Email" content="">
<meta name="text:Google Analytics ID" content="">
<meta name="if:Infinite scroll" content="1">
<meta name="if:Show following" content="1">
<meta name="if:RSS and Archive links" content="0">
<meta name="if:Disable Keyboard Navigation" content="0">
</head>
<body>
<div id="header">
<h1>
<a id="hlink" href="/">{Title}</a>
<div id="portrait">
<a href="#" title="toggle dropdown">&darr;</a>
</div>
</h1>
<div id="dropdown">
{block:Description}
<div id="description">
{Description}
</div>
{/block:Description}
<ul id="links">
<li><label id="show_search" for="q">Search</label></li>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}
<a href="/submit">Submit</a>
{/block:SubmissionsEnabled}
{block:AskEnabled}
<a href="/ask">{AskLabel}</a>
{/block:AskEnabled}
{block:IfFlickrUsername}
<li><a id="flickr_link" href="http://www.flickr.com/photos/{text:Flickr Username}">Flickr</a></li>
{/block:IfFlickrUsername}
{block:IfLastFMUsername}
<li><a id="lastfm_link" href="http://www.last.fm/user/{text:LastFM Username}">Last.fm</a></li>
{/block:IfLastFMUsername}
{block:Twitter}
<li><a id="twitter_link" href="http://twitter.com/{TwitterUsername}">Twitter</a></li>
{/block:Twitter}
{block:IfAIMUsername}
<li><a id="aim_link" href="aim:goim?screenname={text:AIM Username}">AIM</a></li>
{/block:IfAIMUsername}
{block:IfEmail}
<li><a href="mailto:{text: Email}">Email</a></li>
{/block:IfEmail}
</ul>
<form id="search" action="/search" method="get">
<input type="text" id="q"
name="q" value="{SearchQuery}"/>
</form>
</div>
</div>
{block:SearchPage}
<h2>{SearchResultCount} result<span id="plural">s</span>
for &ldquo;<span id="term">{SearchQuery}</span>&rdquo;</h2>
{/block:SearchPage}
{block:DayPage}
<h2>{DayOfWeek}, {Month} {DayOfMonth}, {Year}</h2>
{/block:DayPage}
{block:TagPage}
<h2>Tagged as &ldquo;<span id="term">{Tag}</span>&rdquo;</h2>
{/block:TagPage}
<div id="content">
{block:NoSearchResults}
<div class="post">
<div class="no_results">Sorry. I couldn't find what you were looking for.</div>
</div>
{/block:NoSearchResults}
<!--POSTS-->
{block:Posts}
<div class="post">
{block:Date}
<div class="post_info">
<div class="datetime">
<a class="date" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">
{ShortMonth} {DayOfMonth}</a>
<span class="time">{12Hour}:{Minutes} {AmPM}</span>
</div>
<a class="permalink {block:NoteCount}has_notes{/block:NoteCount}"
{block:PermalinkPage}href="#{block:NoteCount}reblogs{/block:NoteCount}"{/block:PermalinkPage}
{block:IndexPage}href="{Permalink}"{/block:IndexPage}>
<span class="pound">#</span>
{block:NoteCount}
<span class="note_count">{NoteCount}</span>
{/block:NoteCount}
</a>
</div>
{/block:Date}
{block:Text}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<div class="caption">{Body}</div>
{/block:Text}
{block:Photo}
<div class="image">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
</div>
{block:Caption}
<div class="caption">{caption}</div>
{/block:Caption}
{/block:Photo}
{block:Quote}
<div class="the_quote">
<big class="lquo">&ldquo;</big>{Quote}<big class="rquo">&rdquo;</big>
</div>
{block:Source}
<div class="quote caption">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<h3><a href="{URL}" {target}>{Name}&raquo;</a></h3>
{block:Description}
<div class="caption">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="convo">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span>{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
<div class="player">{Video-500}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Video}
{block:Audio}
<div class="audio">
{block:Artist}
<div class="meta">
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{Artist}">
{/block:AlbumArt}
<p>
{block:TrackName}
<strong>{TrackName}</strong>
{/block:TrackName}
by <em>{Artist}</em>
</p>
</div>
{/block:Artist}
<div class="player">
{AudioPlayerGrey}
{block:ExternalAudio}
<a href="{ExternalAudioURL}" class="download">&darr;</a>
{/block:ExternalAudio}
<span class="plays">
<strong>{FormattedPlayCount}</strong> Plays
</span>
</div>
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}
{block:Answer}
<div class="question">
<div class="asker">
<img src="{AskerPortraitURL-40}">
{Asker} asked:
</div>
<h3>{Question}</h3>
</div>
<div class="caption">{Answer}</div>
{/block:Answer}
<div class="post_bottom">
{block:RebloggedFrom}
<div class="reblog">
<img src="{ReblogParentPortraitURL-48}" alt="{ReblogParentName}">
<span>Via: <a href="{ReblogParentURL}">{ReblogParentTitle}</a></span>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="tag_list">
<span class="tag_title">Tagged as:</span>
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="likes">
<h4>Likes and Reblogs<span id="liker"></span></h4>
{PostNotes}
</div>
<div id="reblogs">
<h4>Responses</h4>
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}
<!--POSTS-->
</div>
<div id="loader">
<img src="http://static.tumblr.com/3jc4ci5/nZ3l1k7sv/loader.gif" width="32px" height="32px" alt="loading"/>
<p>Loading more posts...</p>
</div>
{block:Pagination}
<ul id="pagination">
<!--PAGES-->
<li>
{block:NextPage}
<a id="older" href="{NextPage}">
{/block:NextPage}
&laquo; Older
{block:NextPage}</a>{/block:NextPage}
</li>
<li id="curr_page">
Page <a href="/page/{CurrentPage}">{CurrentPage}</a> of
<a href="/page/{TotalPages}">{TotalPages}</a>
</li>
<li>
{block:PreviousPage}
<a id="newer" href="{PreviousPage}">
{/block:PreviousPage}
Newer &raquo;
{block:PreviousPage}</a>{/block:PreviousPage}
</li>
<!--PAGES-->
</ul>
{/block:Pagination}
{block:PermalinkPagination}
<ul id="alt_pagination">
<li>
{block:PreviousPost}
<a id="older" href="{PreviousPost}">
{/block:PreviousPost}
&laquo; Older
{block:PreviousPost}</a>{/block:PreviousPost}
</li>
<li>
{block:NextPost}
<a id="newer" href="{NextPost}">
{/block:NextPost}
Newer &raquo;
{block:NextPost}</a>{/block:NextPost}
</li>
</ul>
{/block:PermalinkPagination}
{block:DayPagination}
<ul id="alt_pagination">
<li>
{block:PreviousDayPage}
<a id="older" href="{PreviousDayPage}">&laquo; {ShortMonth} {DayOfMonth}</a>
{/block:PreviousDayPage}
</li>
<li>
{block:NextDayPage}
<a id="newer" href="{NextDayPage}">{ShortMonth} {DayOfMonth} &raquo;</a>
{/block:NextDayPage}
</li>
</ul>
{/block:DayPagination}
{block:IfShowFollowing}
{block:Following}
<div id="following">
<h2><a href="#following">Following</a>:</h2>
<ul>
{block:Followed}
<li class="follow_alt">
<a href="{FollowedURL}">
<img src="{FollowedPortraitURL-48}" alt="{FollowedName}">
<span>{FollowedName}</span>
</a>
</li>
{/block:Followed}
</ul>
</div>
{/block:Following}
{/block:IfShowFollowing}
<div id="footer">
<a href="http://www.tumblr.com/theme/171">Compatriot theme</a>
by <a href="mailto:[email protected]">Ethan Sherbondy</a> /
Powered by <a href="http://tumblr.com">Tumblr</a>
</div>
{block:IfRSSAndArchiveLinks}
<!-- Icons by Peter Vidani. I can remove them if need be. -->
<a id="rss_link" href="{RSS}"><img src="http://static.tumblr.com/3jc4ci5/sWkl0qjfv/icon_rss.png" width="50px" height="20px" alt="RSS"></a>
<a id="archive_link" href="/archive"><img src="http://static.tumblr.com/3jc4ci5/N5cl0qjfh/icon_archive.png" width="69px" height="20px" alt="Archive"></a>
{/block:IfRSSAndArchiveLinks}
{block:IfInfiniteScroll}
<div id="infinite_scroll">
<p>
<label for="scroll_toggle">Infinite Scrolling:
<span id="on_off"></span>
</label>
<input name="scroll_toggle"
id="scroll_toggle" type="checkbox" />
</p>
</div>
{/block:IfInfiniteScroll}
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("{text:Google Analytics ID}");
pageTracker._trackPageview();
</script>
{/block:IfGoogleAnalyticsID}
<script src="http://static.tumblr.com/3jc4ci5/hEHle7bmp/functions.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function() {
// keyboard navigation
{block:IfDisableKeyboardNavigation}
$(window).unbind("keydown");
{/block:IfDisableKeyboardNavigation}
/*
Better YouTube Embeds on Tumblr by Matthew Buchanan
http://matthewbuchanan.name/261951286
*/
$("object").each(function() {
if ($(this).find("param[value^='http://www.youtube.com']").length > 0) {
var color = "{color:Background}";
color = color.slice(1);
var parent = $(this).parent();
var youtubeCode = parent.html();
var params = "";
if (youtubeCode.toLowerCase().indexOf("<param") == -1) {
$("param", this).each(function() {
params += $(this).get(0).outerHTML;
});
}
var oldOpts = /rel=0/g;
var newOpts = "rel=0&amp;color1=0x"+color+"&amp;color2=0x"+color;
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
parent.html(youtubeCode);
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment