Skip to content

Instantly share code, notes, and snippets.

@tallus
Last active May 28, 2023 10:49
Show Gist options
  • Save tallus/43e09af02cbad58534a4 to your computer and use it in GitHub Desktop.
Save tallus/43e09af02cbad58534a4 to your computer and use it in GitHub Desktop.
An IndieWebify-ied Tumblr Theme
<!doctype html>
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Disqus Comments -->
<meta name="text:Twitter Username For Tweets" content="" />
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Google Analytics" content="" />
<!-- Show/Hide Notes -->
<meta name="if:Show Notes" content="1" />
<title>{title}{block:PostTitle} - {PostTitle}
{/block:PostTitle}</title>
<meta name="title" content="Content Focus Theme">
{block:Description}
<meta name="description" content="{MetaDescription}" />
-<a href="[Link to Site Goes Here]" rel="me">[Site Names Goes Here]</a>
{/block:Description}
<meta name="author" content="designed and built by hippo theme (www.hippotheme.com), www.twitter.com/hippotheme"/>
<meta name="Copyright" content="Content Focus made by Hippo Theme 2011. All Rights Reserved.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="{Favicon}">
<!-- Stylesheets -->
<link rel="stylesheet" href="http://static.tumblr.com/ndapgoo/xNqlvt65g/cf_free_v1_style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://static.tumblr.com/ltfgikd/mBrltpcwk/jquery.fitvids.js"></script>
<script src="http://static.tumblr.com/ndapgoo/P5slvppgi/scripts.js"></script>
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css">
{CustomCSS}
</style>
</head>
<body id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}perma{/block:PermalinkPage}">
<div id="container">
<div id="accessibility">
<a href="#main_nav">Skip to Navigation</a> |
<a href=".single_post">Skip to Content</a>
</div><!-- accessibility -->
<header>
<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}" placeholder="Search"/>
<input type="submit" class="sideseabtn"value="Search"/>
</form>
</div>
<nav>
<select>
<option value="/" selected="selected">Select</option>
block:HasPages}
{block:Pages}
<option value="{URL}">{Label}</option>
{/block:Pages}
{/block:HasPages}
<option value="/archive">Archives</option>
<option href="/about" value="{RSS}">RSS</option>
</select>
<ul id="main_nav">
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
<li class="search_box"><a href="#">Search</a></li>
<li><a href="/archive">archives</a></li>
<li><a href="{RSS}">rss</a></li>
</ul>
</nav>
<h1 id="logo"><a href="/">{Title}</a></h1>
</header>
<article id="posts_container">
{block:SearchPage}
<div class="search_page_box">
<h2>There were {SearchResultCount} articles with "{SearchQuery}" found.</h2>
{/block:SearchPage}
{block:NoSearchResults}
<h5>How about you try something else.</h5>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}" placeholder="Try Another Search"/>
<input type="submit" class="" value="Search"/>
</form>
</div>
{/block:NoSearchResults}
{block:Posts}
{block:Text}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3><!-- post_date_try to post_date cheanged done-->
{/block:Date}
{block:Title}
<h2><a class="u-url" href="{permalink}">{Title}</a></h2>
{/block:Title}
{Body}
<aside class="post_meta"><!-- post_meta -->
{block:IfShowNotes}
<h4 class="post_notes"><a href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article><!-- single post -->
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:Text}
{block:Photoset}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
<div class="photoset_wrap">
{Photoset-500}
</div>
{block:Photos}
<div class="photoset_mob_wrap">
<img class="u-photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
</div>
{/block:Photos}
<p>{Caption}</p>
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:Photoset}
{block:Photo}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
{LinkOpenTag}
<img class="u-photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
</article>
{/block:Photo}
{block:Quote}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
<blockquote class="quote_post">{Quote}</blockquote>
{block:Source}
<div class="sourse">{Source}</div>
{/block:Source}
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div id="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:Quote}
{block:Chat}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
{block:Title}
<h2><a hclass="u-url" ref="{permalink}">{Title}</a></h2>
{/block:Title}
<div id="dialog">
{block:Lines}{block:Label}<dt>{Label}</dt>{/block:Label}<dd>{Line}</dd>{/block:Lines}
</div>
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
</article>
{/block:Chat}
{block:Audio}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
{block:Artist}
<h2><a class="u-url" href="{permalink}">{Artist}</a></h2>
{/block:Artist}
{block:Album}
{block:TrackName}
<p class="album_track_names">{Album}<span>{TrackName}</span></p>
{/block:TrackName}
{/block:Album}
<div class="album_audio"><!-- wrap -->
<div id="audioplayer">{AudioPlayerBlack}</div>
{block:AlbumArt}
<img src="{AlbumArtURL}" />
{/block:AlbumArt}
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:Audio}
{block:Link}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
<h2><a class="u-in-reply-to" href="{URL}">{Name}</a></h2>
{block:Description}
<div class="description e-content" >{Description}</div>
{/block:Description}
<aside class="post_meta">
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:Link}
{block:Video}
<article class="single_post_wrap">
<article class="single_post h-entry">
{block:Date}
<h3 class="post_date dt-published">{TimeAgo}</h3>
{/block:Date}
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<aside class="post_meta">
{block:IfShowNotes}
<h4 class="post_notes"><a class="u-url" href="{Permalink}">{NoteCount} Notes</a></h4>
{/block:IfShowNotes}
<h4 class="post_share"><a href="#">Share</a></h4>
<div class="share_box">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{text:Twitter Username For Tweets}" data-related="{text:Twitter Username For Tweets}">Tweet</a>
</div>
</aside><!-- single post side-->
</article>
<aside class="post_side">
{block:Date}
<h3 class="post_side_date">{TimeAgo}</h3>
{/block:Date}
{block:IfDisqusShortname}
<h3 class="post_comments"><a href="{Permalink}#disqus_thread">Comments</a></h3>
{/block:IfDisqusShortname}
{block:HasTags}
<div class="tags_wrap">
<h3>tags</h3>
<ul class="tags">
{block:Tags}
<li><a href="{TagURLChrono}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
</aside><!-- single post side-->
{block:IfShowNotes}
{block:PostNotes}
<div class="perm_notes">
<h3>All Notes</h3>
{PostNotes}
</div>
{/block:PostNotes}
{/block:IfShowNotes}
</article>
{/block:video}
{block:IfDisqusShortname}
{block:Date}
<script>
var disqus_url = "{Permalink}";
var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
</script>
{block:Permalink}
<div id="disqus_thread"></div>
<script>
//var disqus_identifier ='';
(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>
{/block:Permalink}
<script>
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:Date}
{/block:IfDisqusShortname}
{/block:posts}
{block:Pagination}
<div id="pagination_wrap">
<p class="page_number">Page {CurrentPage} of {TotalPages}</p>
{block:NextPage}
<p class="prev_post_page"><a href="{NextPage}"><span></span>Previously</a></p>
{/block:NextPage}
{block:PreviousPage}
<p class="rec_post_page"><a href="{PreviousPage}"><span></span>Recent</a></p>
{/block:PreviousPage}
</div>
{/block:Pagination}
</div><!-- container -->
<footer>
<div id="footer_wrap">
<p>content focus theme made by <a href="http://www.hippotheme.com">hippo Theme</a> copyright 2011</p>
</div>
</footer>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment