Skip to content

Instantly share code, notes, and snippets.

@soffes

soffes/My Old Tumblr Theme.html

Created March 21, 2009 20:48
Show Gist options
  • Save soffes/82978 to your computer and use it in GitHub Desktop.
Save soffes/82978 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
My Old Tumblr Theme.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="verify-v1" content="lgZ2Xo3tRoNi1D3xewd0mHIF+E+cFoEqeb1IQm47/FA=" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="apple-touch-icon" href="http://assets.samsoffes.com/apple-touch-icon.png"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="viewport" content="width=960"/>
<style type="text/css" media="all">
*{margin:0;padding:0}p{margin:0 0 1em}body{color:#222;margin:0;background:#313135 url(http://assets.samsoffes.com/img/bgrd.gif);font-family:"Helvetica Neue",Helvetica,Verdana,sans-seif}div#top{margin:30px auto 0;position:relative;width:960px}div#outer{margin:30px auto;width:960px}div#sidebar{float:left;width:250px;margin-left:30px;color:#cac8c9}div#twitter_div{font-size:14px}div#copyright{width:960px;margin:0 auto 30px;color:#3da6a0}div#copyright span{display:block;width:250px;height:20px;text-indent:-900em;background:url(http://assets.samsoffes.com/img/text.gif) no-repeat 0 -84px}div#loading-twitter{margin:0 0 1em;background:url(http://assets.samsoffes.com/img/indicator.gif) no-repeat;padding-left:20px}div#twitter_div li{list-style:none;margin-bottom:1em}div#twitter_div span{display:block}div#twitter_div span a.link{color:#2cdf30}div#twitter_div span a.user{color:#7380ff}div#twitter_div a.twitter-time{color:#6d6c6d;font-size:11px;text-decoration:none}div#sidebar a.twitter-follow{color:#2cd4df;border-bottom:dotted 1px;text-decoration:none}div#sidebar h2.text.my-twitter{text-indent:-900em;background:url(http://assets.samsoffes.com/img/text.gif) no-repeat -340px -58px;display:block;width:108px;height:28px;margin-bottom:0.5em}#wrapper{float:left;width:640px;background:#222;padding:20px}#content{width:570px;margin:auto;padding:35px;background-color:#fff}a{color:#f90}h1{text-indent:-900em}h1 a{color:#fff;text-decoration:none;display:block;width:648px;height:56px;background:url(http://assets.samsoffes.com/img/text.gif) no-repeat}h1 a span{color:#2e8cba}div#top h3{text-indent:-900em;background:url(http://assets.samsoffes.com/img/text.gif) no-repeat 0 -58px;width:334px;height:23px;position:absolute;bottom:0;right:0}div#header{background-color:#4aadf0;margin:-20px -20px 30px;padding:20px 30px 20px}.date{font-weight:normal;font-size:22px;color:#666;height:1.3em;border-bottom:dotted 1px #bbb;margin-bottom:1em;text-transform:uppercase}.post{margin-bottom:40px;position:relative}.post h2{font-weight:Normal;font-size:20px;color:#222;margin:0px 0px 10px}.post h2 a{color:#222;text-decoration:none}.post a.permalink,.post .audio .caption a.permalink,.post .quote .source a.permalink{font-size:11px;font-weight:bold;color:#4aadf0}.post .regular{font-size:14px;line-height:20px}.post .regular blockquote{font-style:italic}.post .photo{padding:18px;background-color:#ccc;margin:0 auto 1em}.post .photo img{border:solid 17px #fff}.post .photo .caption{font-size:14px;line-height:20px;margin-top:17px}.post .photo .caption a{color:#222}.post div.quote{padding:0px 30px}.post div.quote span.quote{font-size:28px;letter-spacing:-1px;color:#333}.post div.quote span.quote a{color:#333}.post div.quote span.quote big.quote{font-weight:bold;font-size:60px;line-height:0px;vertical-align:-28px;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)}.post div.quote .source{font-size:16px;color:#666;margin:0.5em 0 0}.post div.quote .source a{color:#666}.post .link a.link{font-weight:bold;font-size:30px;letter-spacing:-1px;color:#f90;text-decoration:none;border-bottom:dotted 1px #f90;line-height:36px}.post .link .description{font-weight:normal;font-size:14px;line-height:20px;margin-top:5px}.post .conversation ul{list-style-type:none;margin:0px 0px 5px;padding:1px;border:solid 5px #ccc}.post .conversation ul li{font-size:12px;padding:4px 0px 4px 8px;color:#000}.post .conversation ul li span.label{font-weight:bold}.post .conversation ul li.odd{background-color:#f4f4f4}.post .conversation ul li.even{background-color:#e8e8e8}.post .audio{background:#eee;padding:1em}.post .audio .player{border:1px solid #bbb;width:207px;height:27px}.post .audio .caption{margin-top:5px;font-size:12px;color:#222}.post .audio .caption a{color:#222}.post .video{width:500px;margin:0 auto 1em;padding:35px;background-color:#eee}.post .video .caption{margin-top:15px;font-size:14px;line-height:20px;color:#222}.post .video .caption a{color:#222}#footer{margin:20px 0px 0px 0px;text-align:center;font-size:18px}#footer a{text-decoration:none;color:#222}#footer a:hover{text-decoration:underline}#footer p.tiny{margin:30px 0px 0px 0px;font-size:11px}#footer p.tiny a{text-decoration:underline;color:#222;font-weight:bold}#footer p.tiny .dim{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}.dsq-brlink,.dsq-by{display:none}a.disqus_comment_link{text-transform:lowercase;display:block;margin:7px 0 0;padding:0 0 0 20px;font-size:12px;height:16px;background:url(http://assets.samsoffes.com/img/silk/comments.jpg) no-repeat;color:#094E7C;text-decoration:none}.clear{clear:both}
</style>
<script type="text/javascript">var disqus_css_iframe="http://assets.samsoffes.com/css/disqus-form.css";</script>
</head>
<body>
<div id="top">
<h1><a href="http://samsoffes.tumblr.com"><span>sam</span>soffes.com</a></h1>
<!-- <h3>i turn dreams into software</h3> -->
</div>
<div id="outer">
<div id="wrapper">
<div id="content">
{block:Posts}
{block:NewDayDate}
<div class="date">
{Month} {DayOfMonth}, {Year}
</div>
{/block:NewDayDate}
<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
{/block:Regular}
{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
<div class="caption">
{Caption}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
</div>
{/block:Photo}
{block:Quote}
<div class="quote">
<span class="quote">
<big class="quote">&#147;</big> {Quote}
</span>
<div class="source">
{Source}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
</div>
{/block:Quote}
{block:Link}
<div class="link">
<a href="{URL}" class="link" {Target}>{Name}</a>
<div class="description">
{Description}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
</div>
{/block:Link}
{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio">
<div class="player">
{AudioPlayerWhite}
</div>
<div class="caption">
{Caption}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
</div>
{/block:Audio}
{block:Video}
<div class="video">
{Video-500}
<div class="caption">
{Caption}
<a href="{Permalink}" class="permalink">{TimeAgo}</a>
</div>
</div>
{/block:Video}
<a class="disqus_comment_link" href="{Permalink}#disqus_thread">Comments</a>
</div>
{/block:Posts}
{block:Permalink}
<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" src="http://disqus.com/forums/samsoffes/embed.js"></script>
{/block:Permalink}
<script type="text/javascript">
//<[CDATA[
(function(){links=document.getElementsByTagName('a');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 type="text/javascript" src="http://disqus.com/forums/samsoffes/get_num_replies.js'+query+'"></'+'script>');})();
//]]>
</script>
<div id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">&#8592; Previous</a> &nbsp;&nbsp;
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next &#8594;</a>
{/block:NextPage}
<p class="tiny">
Browse the <a href="/archive">Archive</a>
&nbsp;<span class="dim">/</span>&nbsp;
Subscribe via <a href="/rss">RSS</a>
&nbsp;<span class="dim">/</span>&nbsp;
Powered by <a href="http://tumblr.com/">Tumblr</a>
</p>
</div>
</div>
</div>
<div id="sidebar">
<h2 class="text my-twitter">My Twitter</h2>
<div id="twitter_div">
<div id="loading-twitter">loading twitter...</div>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/samsoffes" class="twitter-follow">follow me on twitter</a>
</div>
</div>
<div class="clear"><!-- --></div>
</div>
<div id="copyright">
<span>copyright sam soffes 2005 - 2008</span>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
jQuery.timer=function(interval,callback){var interval=interval||100;if(!callback)return false;_timer=function(interval,callback){this.stop=function(){clearInterval(self.id)};this.internalCallback=function(){callback(self)};this.reset=function(val){if(self.id)clearInterval(self.id);var val=val||100;this.id=setInterval(this.internalCallback,val)};this.interval=interval;this.id=setInterval(this.internalCallback,this.interval);var self=this};return new _timer(interval,callback)};var twitter_is_working=false;function twitterCallback(twitters){twitter_is_working=true;var statusHTML='';var username='';for(var i=0;i<twitters.length;i++){username=twitters[i].user.screen_name;temp=twitters[i].text.replace(/(https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/g,"<a class=\"link\" href=\"$1\">$1</a>");temp=temp.replace(/(@+(\w*(|,|!|\.|)))/g,"<a class=\"user\" href=\"http://twitter.com/$2\">$1</a>");statusHTML+='<li><span>'+temp+'</span> <a class="twitter-time" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>'}$('#loading-twitter').hide();$('#twitter_update_list').html(statusHTML)}function relative_time(time_value){var values=time_value.split(" ");time_value=values[1]+' '+values[2]+', '+values[5]+' '+values[3];var parsed_date=Date.parse(time_value);var relative_to=(arguments.length>1)?arguments[1]:new Date();var delta=parseInt((relative_to.getTime()-parsed_date)/1000);delta=delta+(relative_to.getTimezoneOffset()*60);if(delta<60){return'less than a minute ago'}else if(delta<120){return'about a minute ago'}else if(delta<(60*60)){return(parseInt(delta/60)).toString()+' minutes ago'}else if(delta<(120*60)){return'about an hour ago'}else if(delta<(24*60*60)){return'about '+(parseInt(delta/3600)).toString()+' hours ago'}else if(delta<(48*60*60)){return'1 day ago'}else{return(parseInt(delta/86400)).toString()+' days ago'}}$(function(){$.timer(25,function(timer){if(!twitter_is_working){$('#twitter_div').html('<p>It looks like Twitter isn\'t working. You can still try to <a href="http://twitter.com/samsoffes" class="twitter-follow">follow me</a> though.</p>')}timer.stop()})});
</script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/samsoffes.json?callback=twitterCallback&count=7"></script>`
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment