thomaspark · August 16, 2012 02:25 · thomaspark · Aug 16, 2012
diff --git a/bootswatch-tumblr-theme.html b/bootswatch-tumblr-theme.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">

 	<!-- TUMBLR APPEARANCE OPTIONS -->

 	<meta name="if:Include Like Button" content="0">
 	<meta name="if:Include Tweet Button" content="0">
 	<meta name="if:Show Description On Index" content="1">
 	<meta name="if:Show Link To Archive" content="1">
 	<meta name="if:Show Link To RSS" content="0">
 	<meta name="text:Bootswatch Theme" content="default"/>
 	<meta name="if:Use Responsive Styles" content="0">
 	<meta name="if:Use Alternate Navbar" content="0">

 	<meta name="image:Background" content="">

 	<meta name="text:Disqus Shortname" content="">
 	<meta name="text:Google Analytics UA Code" content="">
 	<meta name="text:Tweet Via Account" content="">
 	<meta name="text:Tweet Follow Account" content="">

 	<!-- END TUMBLR APPEARANCE OPTIONS -->

 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 	<meta name="description" content="{MetaDescription}"> 
 	<link href="{Favicon}" rel="shortcut icon">
 	<link rel="apple-touch-icon" href="{PortraitURL-128}">
 	<link rel="alternate" type="application/rss+xml" href="{RSS}"> 
 	
 	<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}</title> 

 	<!-- ======== STYLES ======== -->

 	{block:IfBootswatchTheme}
 	<link href="http://bootswatch.com/{text:Bootswatch Theme}/bootstrap.min.css" rel="stylesheet">
 	{/block:IfBootswatchTheme}

 	{block:IfNotBootswatchTheme}
 	<link href="http://bootswatch.com/default/bootstrap.min.css" rel="stylesheet">
 	{/block:IfNotBootswatchTheme}

 	{block:IfUseResponsiveStyles}
 	<link href="http://bootswatch.com/default/bootstrap-responsive.min.css" rel="stylesheet">
 	{/block:IfUseResponsiveStyles}

 	<style type="text/css">

 	body { 
 		padding-top: 80px; /* room for fixed nav-bar */
 		background-image: url('{image:Background}');
 	}

 	.hero-unit {
 		padding: 20px 40px;
 	}

 	.hero-unit h1,
 	.hero-unit p {
 		line-height: 1.3em;
 	}

 	.post {
 		padding: 20px 0;
 	}

 	.title > h2 {
 		margin-top: 0;
 		margin-bottom: 10px;
 		line-height: 1em;
 	}

 	.title > h2 > a {
 		vertical-align: top;
 	}

 	.entry img {
 		margin: 30px 0;    
 	}

 	.thumbnails,
 	.thumbnails > .thumbnail {
 		margin-left: 0;
 	}

 	footer {
 		padding: 10px 0 40px;
 	}

 	.notes-container ol.notes {
 		margin-bottom: 0;
 		list-style: none;
 	}

 	{block:IfUseResponsiveStyles}

 	@media (max-width:767px) {

 		.entry {
 			margin: 20px 0;
 		}
 	}

 	@media (max-width:979px) {

 		body {
 			padding-top: 0;
 		}
 	}

 	{/block:IfUseResponsiveStyles}


 	<!--
 		{CustomCSS}
 	-->

 	</style>

 </head>
 <body>

 	{block:IfIncludeLikeButton}
 	<div id="fb-root"></div>
 	<script>(function(d, s, id) {
 		var js, fjs = d.getElementsByTagName(s)[0];
 		if (d.getElementById(id)) return;
 		js = d.createElement(s); js.id = id;
 		js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=325405900855984";
 		js.parentNode.insertBefore(js, fjs);
 	}(document, 'script', 'facebook-jssdk'));</script>
 	{/block:IfIncludeLikeButton}

 	<header>
 		<div class="navbar navbar-fixed-top {block:IfUseAlternateNavbar}navbar-inverse{/block:IfUseAlternateNavbar}">
 			<div class="navbar-inner">
 				<div class="container">

 					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</a>

 					<a class="brand" href="/">
 					{Title}
 					</a>

 					<div class="nav-collapse">
 						<ul class="nav">

 							{block:Pages}
 							<li>
 								<a href="{URL}">{Label}</a>
 							</li>
 							{/block:Pages}

 							{block:IfShowLinkToArchive}
 							<li>
 								<a href="/archive">{lang:Archive}</a>
 							</li>
 							{/block:IfShowLinkToArchive}
 							
 							{block:AskEnabled}
 							<li>
 								<a href="/ask">Ask Me Anything</a>
 							</li>
 							{/block:AskEnabled}

 							{block:SubmissionsEnabled}
 							<li>
 								<a href="/submit">Submit Something</a>
 							</li>
 							{/block:SubmissionsEnabled}

 							{block:English}
 							<li>
 								<a href="http://tumblr.com/follow/{Name}">Follow</a>
 							</li>
 							{/block:English}

 							{block:NotEnglish}
 							<li>
 								<a href="http://tumblr.com/follow/{Name}">{lang:Follow me}</a>
 							</li>
 							{/block:NotEnglish}

 							{block:IfShowLinkToRSS}
 							<li>
 								<a href="{RSS}">RSS</a>
 							</li>
 							{/block:IfShowLinkToRSS}
 						</ul>
 			
 						<form class="navbar-search pull-right" action="/search" method="get">
 							<input type="text" class="search-query" placeholder="{lang:Search}..." id="search" name="q" value="" />
 						</form>
 					</div> <!-- nav-collapse -->

 				</div> <!-- container -->
 			</div> <!-- navbar-inner -->
 		</div> <!-- navbar navbar-fixed-top -->
 	</header>

 	<div class="container">

 		{block:IndexPage}
 		{block:IfShowDescriptionOnIndex}
 		<div class="hero-unit">
 			<h1>{Title}</h1>
 			<p>{Description}</p>
 		</div>
 		{/block:IfShowDescriptionOnIndex}
 		{/block:IndexPage}

 		<div class="posts">

 			{block:SearchPage}
 			<li class="POST ALT TEXT MINI">
 				<div class="ENTRY">
 					<div class="TITLE CENTER">
 					{lang:Your search for SearchQuery returned SearchResultCount results 2}
 					</div>
 					{block:NoSearchResults}
 					<div class="TITLE">
 					{lang:No search results for SearchQuery 2}
 					</div>
 					{/block:NoSearchResults}
 				</div>
 			</li>
 			{/block:SearchPage}

 			{block:DayPage}
 			<li class="POST ALT TEXT MINI">
 				<div class="ENTRY">
 					<div class="TITLE CENTER">
 					{lang:Viewing everything posted on Month DayOfMonth Year}
 					</div>
 				</div>
 			</li>
 			{/block:DayPage}

 			{block:Posts}
 			<div class="row post {block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Video}video{/block:Video}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Answer}answer{/block:Answer}">  

 				<div class="span3">

 					{block:GroupMembers} 
 					<div class="author">
 						<div class="author-name">Posted by <a href="{PostAuthorURL}" target="_blank">{PostAuthorTitle}</a></div>
 					</div>
 					{/block:GroupMembers} 

 					<div class="date">
 					{block:Date}
 						{block:NotReblog}
 							<a href="{Permalink}">{TimeAgo}</a>
 						{/block:NotReblog}
 						{block:Reblog}
 							{lang:PostTypeNoun reblogged from ReblogParentTitle 2}
 						{/block:Reblog}
 					{/block:Date}
 					</div> <!-- .date -->

 					{block:HasTags}
 					<div class="tags">
 						{block:Tags}
 							<a class="label" href="{TagURL}">{Tag}</a>
 						{/block:Tags}
 					</div> <!-- .tags -->
 					{/block:HasTags}

 				</div> <!-- .span3 -->

 				<div class="span6 entry"> 

 					<div class="title">
 					{block:Title}
 						<h2><a href="{Permalink}">{Title}</a></h2>
 					{/block:Title}
 					</div> <!-- .title -->
 					
 					<div class="POST">

 						<!-- ANSWER -->
 						{block:Answer}
 							<blockquote class="pull-right">
 								<p>{Question}</p>
 								<small>{lang:Asked by Asker}</small>
 							</blockquote>
 							<blockquote>
 								<p>{Answer}</p>
 							</blockquote>
 						{/block:Answer}
 						<!-- /ANSWER -->

 						<!-- TEXT -->
 						{block:Text}
 							{Body}
 						{/block:Text}
 						<!-- /TEXT -->

 						<!-- VIDEO -->
 						{block:Video}
 							{Video-500}
 							{block:Caption}
 								{Caption}
 							{/block:Caption}
 						{/block:Video}
 						<!-- /VIDEO -->

 						<!-- PHOTO -->
 						{block:Photo}
 							<div class="CENTER">
 								<ul class="thumbnails">
 									<li class="thumbnail">{LinkOpenTag}<img alt="{PhotoAlt}" src="{PhotoURL-500}" />{LinkCloseTag}</li>
 								</ul>
 							</div>

 							{block:Caption}
 							<div class="CAPTION">
 								{Caption}
 							</div>
 							{/block:Caption}
 						{/block:Photo}
 						<!-- /PHOTO -->

 						<!-- QUOTE -->
 						{block:Quote}
 						<blockquote>
 							<p>{Quote}</p>
 							{block:Source}
 							<small>{Source}</small>
 							{/block:Source}
 						</blockquote>   
 						{/block:Quote}
 						<!-- /QUOTE -->

 						<!-- LINK -->
 						{block:Link}
 							<div class="THE-LINK">
 								<a href="{URL}" target="{Target}">{Name}</a>
 							</div>
 							{block:Description}         
 							<div class="MARGIN">{Description}</div>
 							{/block:Description}
 						{/block:Link}
 						<!-- /LINK -->

 						<!-- CHAT -->
 						{block:Chat}
 						<ul class="CHAT">
 							{block:Lines}
 							<li class="{Alt} {UserNumber}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
 							{/block:Lines}
 						</ul>
 						{/block:Chat}
 						<!-- /CHAT -->

 						<!-- AUDIO -->
 						{block:Audio}
 						<div class="PLAYER">
 							<div class="ALBUMART">
 								{block:AlbumArt}<img alt="" src="{AlbumArtURL}" />{/block:AlbumArt}
 							</div>
 							<div class="OVERLAY">
 								<div class="OBJ">
 									{AudioPlayerGrey}
 								</div>					  
 								<div class="COUNT">
 									This track has had {PlayCountWithLabel}
 								</div>
 								<div class="TRACK">
 									{block:TrackName}
 										<strong>{TrackName}</strong>
 									{/block:TrackName}
 									{block:TrackName}
 										{block:Artist}
 											by
 										{/block:Artist}
 									{/block:TrackName}
 									{block:Artist}
 										<a href="http://last.fm/{Artist}">{Artist}</a>
 									{/block:Artist}
 								</div>
 							</div>
 						
 							{block:Caption}
 								{Caption}
 							{/block:Caption}
 						
 						</div>
 						{/block:Audio}
 						<!-- /AUDIO -->
 					  
 					</div>	
 				</div> <!-- .entry -->

 				<div class="span3">

 					{block:NoteCount} 
 					<div class="notes">
 						<a href="{Permalink}#notes">
 							<i class="icon-heart"></i> {NoteCountWithLabel}
 						</a>
 					</div>
 					{/block:NoteCount} 

 					{block:IfDisqusShortname}
 					<a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>
 					{/block:IfDisqusShortname}

 					{block:IfIncludeLikeButton}
 					<div class="like share-link">
 						<div class="fb-like" data-href="{PlaintextPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="lucida grande"></div>
 					</div>
 					{/block:IfIncludeLikeButton}

 					{block:IfIncludeTweetButton}
 					<div class="tweet share-link clearfix">
 						<a href="https://twitter.com/share" 
 							class="twitter-share-button" 
 							data-url="{PlaintextPermalink}" 
 							data-text="{PlaintextTitle}" 
 							{block:IfTweetViaAccount}
 							data-via="{text:Tweet Via Account}" 
 							{/block:IfTweetViaAccount}
 							{block:IfTweetFollowAccount}
 							data-related="{PlaintextTweetFollowAccount}" 
 							{/block:IfTweetFollowAccount}
 							>Tweet</a>
 					</div>
 					{/block:IfIncludeTweetButton}

 				</div> <!-- .span3 -->
 			</div> <!-- .row .post -->

 			{block:PermalinkPagination} 
 			{block:IfDisqusShortname}
 			<div class="row">
 				<div class="span6 offset3 comments-container well">
 					<div id="disqus_thread"></div>
 					<script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
 					<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
 				</div> <!-- .comments-container -->
 			</div>
 			{/block:IfDisqusShortname}
 			{/block:PermalinkPagination} 

 			{block:PermalinkPage} 
 			{block:NoteCount}
 			<div class="row">
 				<div class="span6 offset3 notes-container well" id="notes">
 				{PostNotes}
 				</div> <!-- .notes-container -->
 			</div>
 			{/block:NoteCount}
 			{/block:PermalinkPage}

 			<hr/>

 			{/block:Posts}
 		</div> <!-- .posts -->

 		{block:Pagination}
 		<ul class="pager">
 			{block:PreviousPage}
 				<li><a href="{PreviousPage}">{lang:Previous page}</a></li>
 			{/block:PreviousPage}
 			{block:NextPage}
 				<li><a href="{NextPage}">{lang:Next page}</a></li>
 			{/block:NextPage}
 		</ul>
 		{/block:Pagination}

 		<footer>
 			<p class="pull-right"><a href="#">Back to top</a></p>
 			<p><a href="http://bootswatch.com">Bootswatch theme</a> by <a href="http://thomaspark.me">Thomas Park</a></p>
 		</footer>
 	</div>
 	
 	{block:IfGoogleAnalyticsUACode}
 	<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">
 		try {
 		var pageTracker = _gat._getTracker("{text:Google Analytics UA Code}");
 		pageTracker._trackPageview();
 		} catch(err) {}
 	</script>
 	{/block:IfGoogleAnalyticsUACode}

 	<!-- ======== SCRIPTS ======== -->

 	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 	<script type="text/javascript" src="http://static.tumblr.com/m0grfcc/OLNm8b7eu/bootstrap.min.js"></script>    

 	{block:IfIncludeTweetButton}
 	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 	{/block:IfIncludeTweetButton}

 	{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>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- TUMBLR APPEARANCE OPTIONS -->

	<meta name="if:Include Like Button" content="0">
	<meta name="if:Include Tweet Button" content="0">
	<meta name="if:Show Description On Index" content="1">
	<meta name="if:Show Link To Archive" content="1">
	<meta name="if:Show Link To RSS" content="0">
	<meta name="text:Bootswatch Theme" content="default"/>
	<meta name="if:Use Responsive Styles" content="0">
	<meta name="if:Use Alternate Navbar" content="0">

	<meta name="image:Background" content="">

	<meta name="text:Disqus Shortname" content="">
	<meta name="text:Google Analytics UA Code" content="">
	<meta name="text:Tweet Via Account" content="">
	<meta name="text:Tweet Follow Account" content="">

	<!-- END TUMBLR APPEARANCE OPTIONS -->

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="description" content="{MetaDescription}">
	<link href="{Favicon}" rel="shortcut icon">
	<link rel="apple-touch-icon" href="{PortraitURL-128}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">

	<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}</title>

	<!-- ======== STYLES ======== -->

	{block:IfBootswatchTheme}
	<link href="http://bootswatch.com/{text:Bootswatch Theme}/bootstrap.min.css" rel="stylesheet">
	{/block:IfBootswatchTheme}

	{block:IfNotBootswatchTheme}
	<link href="http://bootswatch.com/default/bootstrap.min.css" rel="stylesheet">
	{/block:IfNotBootswatchTheme}

	{block:IfUseResponsiveStyles}
	<link href="http://bootswatch.com/default/bootstrap-responsive.min.css" rel="stylesheet">
	{/block:IfUseResponsiveStyles}

	<style type="text/css">

	body {
	padding-top: 80px; /* room for fixed nav-bar */
	background-image: url('{image:Background}');
	}

	.hero-unit {
	padding: 20px 40px;
	}

	.hero-unit h1,
	.hero-unit p {
	line-height: 1.3em;
	}

	.post {
	padding: 20px 0;
	}

	.title > h2 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1em;
	}

	.title > h2 > a {
	vertical-align: top;
	}

	.entry img {
	margin: 30px 0;
	}

	.thumbnails,
	.thumbnails > .thumbnail {
	margin-left: 0;
	}

	footer {
	padding: 10px 0 40px;
	}

	.notes-container ol.notes {
	margin-bottom: 0;
	list-style: none;
	}

	{block:IfUseResponsiveStyles}

	@media (max-width:767px) {

	.entry {
	margin: 20px 0;
	}
	}

	@media (max-width:979px) {

	body {
	padding-top: 0;
	}
	}

	{/block:IfUseResponsiveStyles}


	<!--
	{CustomCSS}
	-->

	</style>

	</head>
	<body>

	{block:IfIncludeLikeButton}
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=325405900855984";
	js.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	{/block:IfIncludeLikeButton}

	<header>
	<div class="navbar navbar-fixed-top {block:IfUseAlternateNavbar}navbar-inverse{/block:IfUseAlternateNavbar}">
	<div class="navbar-inner">
	<div class="container">

	<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</a>

	<a class="brand" href="/">
	{Title}
	</a>

	<div class="nav-collapse">
	<ul class="nav">

	{block:Pages}
	<li>
	<a href="{URL}">{Label}</a>
	</li>
	{/block:Pages}

	{block:IfShowLinkToArchive}
	<li>
	<a href="/archive">{lang:Archive}</a>
	</li>
	{/block:IfShowLinkToArchive}

	{block:AskEnabled}
	<li>
	<a href="/ask">Ask Me Anything</a>
	</li>
	{/block:AskEnabled}

	{block:SubmissionsEnabled}
	<li>
	<a href="/submit">Submit Something</a>
	</li>
	{/block:SubmissionsEnabled}

	{block:English}
	<li>
	<a href="http://tumblr.com/follow/{Name}">Follow</a>
	</li>
	{/block:English}

	{block:NotEnglish}
	<li>
	<a href="http://tumblr.com/follow/{Name}">{lang:Follow me}</a>
	</li>
	{/block:NotEnglish}

	{block:IfShowLinkToRSS}
	<li>
	<a href="{RSS}">RSS</a>
	</li>
	{/block:IfShowLinkToRSS}
	</ul>

	<form class="navbar-search pull-right" action="/search" method="get">
	<input type="text" class="search-query" placeholder="{lang:Search}..." id="search" name="q" value="" />
	</form>
	</div> <!-- nav-collapse -->

	</div> <!-- container -->
	</div> <!-- navbar-inner -->
	</div> <!-- navbar navbar-fixed-top -->
	</header>

	<div class="container">

	{block:IndexPage}
	{block:IfShowDescriptionOnIndex}
	<div class="hero-unit">
	<h1>{Title}</h1>
	<p>{Description}</p>
	</div>
	{/block:IfShowDescriptionOnIndex}
	{/block:IndexPage}

	<div class="posts">

	{block:SearchPage}
	<li class="POST ALT TEXT MINI">
	<div class="ENTRY">
	<div class="TITLE CENTER">
	{lang:Your search for SearchQuery returned SearchResultCount results 2}
	</div>
	{block:NoSearchResults}
	<div class="TITLE">
	{lang:No search results for SearchQuery 2}
	</div>
	{/block:NoSearchResults}
	</div>
	</li>
	{/block:SearchPage}

	{block:DayPage}
	<li class="POST ALT TEXT MINI">
	<div class="ENTRY">
	<div class="TITLE CENTER">
	{lang:Viewing everything posted on Month DayOfMonth Year}
	</div>
	</div>
	</li>
	{/block:DayPage}

	{block:Posts}
	<div class="row post {block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Video}video{/block:Video}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Answer}answer{/block:Answer}">

	<div class="span3">

	{block:GroupMembers}
	<div class="author">
	<div class="author-name">Posted by <a href="{PostAuthorURL}" target="_blank">{PostAuthorTitle}</a></div>
	</div>
	{/block:GroupMembers}

	<div class="date">
	{block:Date}
	{block:NotReblog}
	<a href="{Permalink}">{TimeAgo}</a>
	{/block:NotReblog}
	{block:Reblog}
	{lang:PostTypeNoun reblogged from ReblogParentTitle 2}
	{/block:Reblog}
	{/block:Date}
	</div> <!-- .date -->

	{block:HasTags}
	<div class="tags">
	{block:Tags}
	<a class="label" href="{TagURL}">{Tag}</a>
	{/block:Tags}
	</div> <!-- .tags -->
	{/block:HasTags}

	</div> <!-- .span3 -->

	<div class="span6 entry">

	<div class="title">
	{block:Title}
	<h2><a href="{Permalink}">{Title}</a></h2>
	{/block:Title}
	</div> <!-- .title -->

	<div class="POST">

	<!-- ANSWER -->
	{block:Answer}
	<blockquote class="pull-right">
	<p>{Question}</p>
	<small>{lang:Asked by Asker}</small>
	</blockquote>
	<blockquote>
	<p>{Answer}</p>
	</blockquote>
	{/block:Answer}
	<!-- /ANSWER -->

	<!-- TEXT -->
	{block:Text}
	{Body}
	{/block:Text}
	<!-- /TEXT -->

	<!-- VIDEO -->
	{block:Video}
	{Video-500}
	{block:Caption}
	{Caption}
	{/block:Caption}
	{/block:Video}
	<!-- /VIDEO -->

	<!-- PHOTO -->
	{block:Photo}
	<div class="CENTER">
	<ul class="thumbnails">
	<li class="thumbnail">{LinkOpenTag}<img alt="{PhotoAlt}" src="{PhotoURL-500}" />{LinkCloseTag}</li>
	</ul>
	</div>

	{block:Caption}
	<div class="CAPTION">
	{Caption}
	</div>
	{/block:Caption}
	{/block:Photo}
	<!-- /PHOTO -->

	<!-- QUOTE -->
	{block:Quote}
	<blockquote>
	<p>{Quote}</p>
	{block:Source}
	<small>{Source}</small>
	{/block:Source}
	</blockquote>
	{/block:Quote}
	<!-- /QUOTE -->

	<!-- LINK -->
	{block:Link}
	<div class="THE-LINK">
	<a href="{URL}" target="{Target}">{Name}</a>
	</div>
	{block:Description}
	<div class="MARGIN">{Description}</div>
	{/block:Description}
	{/block:Link}
	<!-- /LINK -->

	<!-- CHAT -->
	{block:Chat}
	<ul class="CHAT">
	{block:Lines}
	<li class="{Alt} {UserNumber}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
	{/block:Lines}
	</ul>
	{/block:Chat}
	<!-- /CHAT -->

	<!-- AUDIO -->
	{block:Audio}
	<div class="PLAYER">
	<div class="ALBUMART">
	{block:AlbumArt}<img alt="" src="{AlbumArtURL}" />{/block:AlbumArt}
	</div>
	<div class="OVERLAY">
	<div class="OBJ">
	{AudioPlayerGrey}
	</div>
	<div class="COUNT">
	This track has had {PlayCountWithLabel}
	</div>
	<div class="TRACK">
	{block:TrackName}
	<strong>{TrackName}</strong>
	{/block:TrackName}
	{block:TrackName}
	{block:Artist}
	by
	{/block:Artist}
	{/block:TrackName}
	{block:Artist}
	<a href="http://last.fm/{Artist}">{Artist}</a>
	{/block:Artist}
	</div>
	</div>

	{block:Caption}
	{Caption}
	{/block:Caption}

	</div>
	{/block:Audio}
	<!-- /AUDIO -->

	</div>
	</div> <!-- .entry -->

	<div class="span3">

	{block:NoteCount}
	<div class="notes">
	<a href="{Permalink}#notes">
	<i class="icon-heart"></i> {NoteCountWithLabel}
	</a>
	</div>
	{/block:NoteCount}

	{block:IfDisqusShortname}
	<a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>
	{/block:IfDisqusShortname}

	{block:IfIncludeLikeButton}
	<div class="like share-link">
	<div class="fb-like" data-href="{PlaintextPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="lucida grande"></div>
	</div>
	{/block:IfIncludeLikeButton}

	{block:IfIncludeTweetButton}
	<div class="tweet share-link clearfix">
	<a href="https://twitter.com/share"
	class="twitter-share-button"
	data-url="{PlaintextPermalink}"
	data-text="{PlaintextTitle}"
	{block:IfTweetViaAccount}
	data-via="{text:Tweet Via Account}"
	{/block:IfTweetViaAccount}
	{block:IfTweetFollowAccount}
	data-related="{PlaintextTweetFollowAccount}"
	{/block:IfTweetFollowAccount}
	>Tweet</a>
	</div>
	{/block:IfIncludeTweetButton}

	</div> <!-- .span3 -->
	</div> <!-- .row .post -->

	{block:PermalinkPagination}
	{block:IfDisqusShortname}
	<div class="row">
	<div class="span6 offset3 comments-container well">
	<div id="disqus_thread"></div>
	<script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
	<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
	</div> <!-- .comments-container -->
	</div>
	{/block:IfDisqusShortname}
	{/block:PermalinkPagination}

	{block:PermalinkPage}
	{block:NoteCount}
	<div class="row">
	<div class="span6 offset3 notes-container well" id="notes">
	{PostNotes}
	</div> <!-- .notes-container -->
	</div>
	{/block:NoteCount}
	{/block:PermalinkPage}

	<hr/>

	{/block:Posts}
	</div> <!-- .posts -->

	{block:Pagination}
	<ul class="pager">
	{block:PreviousPage}
	<li><a href="{PreviousPage}">{lang:Previous page}</a></li>
	{/block:PreviousPage}
	{block:NextPage}
	<li><a href="{NextPage}">{lang:Next page}</a></li>
	{/block:NextPage}
	</ul>
	{/block:Pagination}

	<footer>
	<p class="pull-right"><a href="#">Back to top</a></p>
	<p><a href="http://bootswatch.com">Bootswatch theme</a> by <a href="http://thomaspark.me">Thomas Park</a></p>
	</footer>
	</div>

	{block:IfGoogleAnalyticsUACode}
	<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">
	try {
	var pageTracker = _gat._getTracker("{text:Google Analytics UA Code}");
	pageTracker._trackPageview();
	} catch(err) {}
	</script>
	{/block:IfGoogleAnalyticsUACode}

	<!-- ======== SCRIPTS ======== -->

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://static.tumblr.com/m0grfcc/OLNm8b7eu/bootstrap.min.js"></script>

	{block:IfIncludeTweetButton}
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	{/block:IfIncludeTweetButton}

	{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>