Skip to content

Instantly share code, notes, and snippets.

@vranystepan
Created October 11, 2011 14:11
Show Gist options
  • Save vranystepan/1278175 to your computer and use it in GitHub Desktop.
Save vranystepan/1278175 to your computer and use it in GitHub Desktop.
dirtylicious tumblrized template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<!-- Variable -->
<meta name="text:Tagline" content="Your awesome tagline"/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="text:About Me Text" content="About me"/>
<meta name="if:Show Latest Tweet" content="1"/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/tuwgrx5/T6Mlswi02/default.css" media="screen"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<link rel="shortcut icon" href="{Favicon}" />
<title>{Title}{block:PostTitle} | {PostTitle}{/block:PostTitle}</title>
</head>
<body>
<div class="outer-container">
<div class="inner-container">
<div class="header">
<div class="title">
<span class="sitename"><a href="/">{Title}</a></span>
{block:IfTagline}
<div class="slogan">{text:Tagline}</div>
{/block:IfTagline}
</div>
</div>
<div class="path">
<a href="/">Home</a>
{block:HasPages}
{block:Pages}
&nbsp;|&nbsp<a href="{URL}">{Label}</a>
{/block:Pages}
{/block:HasPages}
&nbsp;|&nbsp;<a href="{RSS}">Rss feed</a>
&nbsp;|&nbsp;<a href="/archive">Archive</a>
</div>
<div class="main">
<div class="content">
{block:Posts}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="descr">
{block:Date}
{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}&nbsp
{/block:Date}
{block:HasTags}
Under: {block:Tags}<a href="{TagUrl}">{Tag}</a>&nbsp;{/block:Tags}
{block:HasTags}
{block:IfDisqusShortname}
{block:Date}
&nbsp;<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>
{/block:Date}
{/block:IfDisqusShortname}
</div>
{block:Text}
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="margin-top: 20px"/>{LinkCloseTag}
{block:HighRes}
<p><a href="{PhotoURL-HighRes}">High res photo</a></p>
{/block:HighRes}
{block:Caption}
<div style="margin-top: 20px">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div style="margin-top: 20px">{Photoset-500}</div>
{block:Caption}
<div style="margin-top: 20px">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<blockquote style="margin-top: 20px">{Quote}</blockquote>
{block:Source}
<p style="text-align: right; margin-top: 20px">{Source}</p>
{/block:Source}
{/block:Quote}
{block:Link}
<a style="margin-top: 20px" href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div style="margin-top: 20px">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}" style="padding-bottom: 5px">
{block:Label}
<span class="label"><b>{Label}</b></span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
<div style="margin-top: 20px">{Video-500}</div>
{block:Caption}
<div style="margin-top: 20px">{Caption}</div>
{/block:Caption}
{/block:Video}
{block:Audio}
<div style="margin-top: 20px">{AudioPlayerBlack}</div>
{block:Caption}
<div style="margin-top: 20px">{Caption}</div>
{/block:Caption}
{/block:Audio}
<p style="text-align: right"><a href="{Permalink}">permalink</a></p>
<hr>
{block:IfDisqusShortname}
{block:Permalink}{block:Date}<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script><div id="disqus_thread"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.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={text:Disqus Shortname}">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:Date}
{/block:Permalink}
{/block:IfDisqusShortname}
{/block:Posts}
{block:IfDisqusShortname}
<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
{/block:Pagination}
</div>
<div class="navigation">
<h2>I'm following</h2>
<div style="padding-left: 8px">
{block:Following}
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedTitle}" style="padding: 2px" /></a>
{/block:Followed}
{/block:Following}
</div>
{block:IfShowLatestTweet}
{block:Twitter}
<h2>Latest tweet</h2>
<div id="tweets" style="padding-left: 8px"></div>
<script type="text/javascript">
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<p>' + data[i].text + '</p>' +
'<p style="text-align: right; padding-right: 5px"><a href="http://twitter.com/{TwitterUsername}">Follow me!</a></p>';
}
}
</script>
{/block:Twitter}
{/block:IfShowLatestTweet}
{block:IfAboutMeText}
<h2>{text:About Me text}</h2>
<div style="padding-left: 8px; padding-right: 8px">
<img src="{PortraitURL-64}" alt="" style="float:left; padding-right: 5px; padding-bottom: 5px" />
{Description}
</div>
{/block:IfAboutMeText}
</div>
<div class="clearer">&nbsp;</div>
</div>
<div class="footer">
<span class="left">
&copy; <a href="/">{Title}</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> &amp; <a href="http://validator.w3.org/check?uri=referer">XHTML</a>
</span>
<span class="right"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a> | Tumblrized by <a href="http://vrany.name">vrany.name</a></span>
<div class="clearer"></div>
</div>
</div>
</div>
{block:IfShowLatestTweet}
{block:Twitter}
<script type="text/javascript" src="https://twitter.com/statuses/user_timeline/{TwitterUsername}.json?callback=recent_tweets&count=1"></script>
{/block:Twitter}
{/block:IfShowLatestTweet}
</body>
<!-- See the license here: http://templates.arcsin.se/license/ -->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment