Skip to content

Instantly share code, notes, and snippets.

@june29

june29/TheTumblrThemeLikeATwitter.html

Created August 5, 2008 15:57
Show Gist options
  • Save june29/4089 to your computer and use it in GitHub Desktop.
Save june29/4089 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
TheTumblrThemeLikeATwitter.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"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss"/>
<link rel="shortcut icon" href="{Favicon}">
<link type="text/css" rel="stylesheet" media="screen" href="http://june29.jp/stylesheets/screen.css"/>
<title>{Title}</title>
<style type="text/css">
a {color: #0000ff;}
body {
color: #000000;
background-color: #9ae4e8;
background: #9ae4e8 url(http://june29.jp/images/twitter_bg.gif) fixed no-repeat top left;
}
#side {
background-color: #e0ff92;
border: 1px solid #87bc44;
}
#side .notify { border: 1px solid #87bc44; }
#side .actions { border: 1px solid #87bc44; }
#side .promo { border: 1px solid #87bc44; }
#side .featured { border: 1px solid #87bc44; }
#side div.section-header { border-bottom: 1px solid #87bc44; margin-bottom: 10px; }
#side div.section-header h1 { color: #000000; }
#side_ad_base { border: 1px solid #87bc44; }
h2.thumb, h2.thumb a { color: #000000; }
.subpage #content { padding-top: 11px; background: url(http://june29.jp/images/twitter_arr2.gif) no-repeat 25px 0px; margin-top: 6px; }
span.meta { display: block; text-align: right;}
#content .tab p { text-indent: 0; }
span.user_1 { color: #F00; }
span.user_2 { color: #0F0; }
span.user_3 { color: #00F; }
span.user_4 { color: #F0F; }
span.user_5 { color: #FF0; }
span.user_6 { color: #0FF; }
span.user_7 { color: #000; }
</style>
<script type="text/javascript">
<!--
var types = ['regular', 'photo', 'quote', 'video', 'link', 'conversation', 'audio', 'all']
var tumblelogName = ''
var typeCountr = {}
var procCountr = 0
var timer
var loadIcon = document.createElement('img')
loadIcon.src = 'http://june29.jp/images/loading.gif'
function JSONscriptRequest(fullUrl) {
this.fullUrl = fullUrl;
this.noCacheIE = '&noCacheIE=' + (new Date()).getTime();
this.headLoc = document.getElementsByTagName("head").item(0);
this.scriptId = 'JscriptId' + JSONscriptRequest.scriptCounter++;
}
JSONscriptRequest.scriptCounter = 1;
JSONscriptRequest.prototype.buildScriptTag = function() {
this.scriptObj = document.createElement("script");
this.scriptObj.setAttribute("type", "text/javascript");
this.scriptObj.setAttribute("charset", "utf-8");
this.scriptObj.setAttribute("src", this.fullUrl + this.noCacheIE);
this.scriptObj.setAttribute("id", this.scriptId);
}
JSONscriptRequest.prototype.removeScriptTag = function() {
this.headLoc.removeChild(this.scriptObj);
}
JSONscriptRequest.prototype.addScriptTag = function() {
this.headLoc.appendChild(this.scriptObj);
}
function insertCount(data) {
var id = 'stats_' + data['posts-type']
var span = document.getElementById(id)
span.innerHTML = data['posts-total']
}
function getCount() {
for(var i = 0; i < types.length; i++) {
var url = 'http://june29.tumblr.com/api/read/json?num=0&callback=insertCount'
if(types[i] != 'all') url += '&type=' + types[i]
var oJsr = new JSONscriptRequest(url)
oJsr.buildScriptTag();
oJsr.addScriptTag();
}
}
//--></script>
</head>
<body onload="getCount()">
<div id="container" class="subpage">
<h1 id="header">
<a href="/">
<img width="210" height="49" src="http://june29.jp/images/twitter_logo.png" alt="Twitter.com"/>
</a>
</h1>
<div id="side_base">
<div id="side_ad_base">
<a href="http://june29.jp/">
<img border="0" alt="Click here to find out more!" src="http://m1.jp.2mdn.net/viewad/1820879/twitter_en.gif"/>
</a>
</div>
<div id="side">
<div class="section">
<div class="section-header">
<h1>Profile</h1>
</div>
<ul class="about vcard entry-author">
<li><span class="label">Name</span> <span class="fn">june29</span></li>
<li><span class="label">Location</span> <span class="adr">Tokyo, Japan</span></li>
<li><span class="label">Web</span> <a rel="me nofollow" class="url" href="http://june29.jp/">http://june29.jp/</a></li>
<li id="bio"><span class="label">Bio</span> <span class="bio">「じゅーん」と読みます</span></li>
</ul>
</div>
<div class="section">
<div class="section-header">
<h1>Stats</h1>
</div>
<ul class="stats">
<li>
<a class="label" href="#">Regular</a>
<span class="stats_count numeric" id="stats_regular">*</span>
</li>
<li>
<a class="label" href="#">Photo</a>
<span class="stats_count numeric" id="stats_photo">*</span>
</li>
<li>
<a class="label" href="#">Quote</a>
<span class="stats_count numeric" id="stats_quote">*</span>
</li>
<li>
<a class="label" href="#">Video</a>
<span class="stats_count numeric" id="stats_video">*</span>
</li>
<li>
<a class="label" href="#">Link</a>
<span class="stats_count numeric" id="stats_link">*</span>
</li>
<li>
<a class="label" href="#">Conversation</a>
<span class="stats_count numeric" id="stats_conversation">*</span>
</li>
<li>
<a class="label" href="#">Audio</a>
<span class="stats_count numeric" id="stats_audio">*</span>
</li>
<li>
<a class="label" href="#">All</a>
<span class="stats_count numeric" id="stats_all">*</span>
</li>
</ul>
</div>
<div class="section">
<div class="section-header">
<h1>Followings</h1>
</div>
{block:Following}
<div id="friends">
{block:Followed}
<span class="vcard">
<a class="url" title="{FollowedName}" rel="contact" href="{FollowedURL}">
<img class="photo fn" width="24" height="24" alt="{FollowedName}" src="{FollowedPortraitURL-24}" />
</a>
</span>
{/block:Followed}
</div>
{/block:Following}
</div>
</div>
</div>
<div id="content">
<div class="wrapper">
<h2 class="thumb">
<a href="http://june29.tumblr.com/">
<img border="0" valign="middle" src="{PortraitURL-64}" id="profile-image" alt="june29"/>
</a>
june29
</h2>
<div class="clear"></div>
<form>
<div style="margin: 0pt; padding: 0pt;">
<input type="hidden" value="70e4976665ff2232c39200088be91d6112411b5e" name="authenticity_token"/>
</div>
<fieldset>
<div class="bar">
<h3><label class="doing" for="doing">{Description}</label></h3>
</div>
</fieldset>
</form>
<div class="hfeed">
<div class="tab">
<table id="timeline" class="autopagerize_page_element doing" cellspacing="0">
<tbody>
{block:Posts}
<tr id="status_{PostID}" class="hentry">
<td class="content">
{block:Text}
<span class="entry-content">
{Title}
{Body}
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Text}
{block:Link}
<span class="entry-content">
<a href="{URL}" title="{Name}">{Name}</a>
{block:Description}
{Description}
{/block:Description}
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Link}
{block:Conversation}
<span class="entry-content">
{Title}
{block:Lines}
{block:Label}
<p><span class="user_{UserNumber}">{Label}</span> {Line}</p>
{/block:Label}
{/block:Lines}
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Conversation}
{block:Photo}
<span class="entry-content">
<img class="post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
<p>{Caption}</p>
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Photo}
{block:Quote}
<span class="entry-content">
{Quote}
<p>{Source}</p>
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Quote}
{block:Video}
<span class="entry-content">
{Video-500}
<p>{Caption}</p>
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Video}
{block:Audio}
<span class="entry-content">
{AudioPlayer}
{block:Caption}<p>{Caption}</p>{/block:Caption}
</span>
<span class="meta entry-meta">
{block:RebloggedFrom}
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> -
{/block:RebloggedFrom}
<a rel="bookmark" class="entry-date" href="{Permalink}">
{block:NewDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:NewDayDate}
{block:SameDayDate}
<abbr title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24Hour}:{Minutes}:{Seconds}+00:00" class="published">{TimeAgo}</abbr>
{/block:SameDayDate}
</a>
by <a href="http://d.hatena.ne.jp/brazil/20080106/1199602707">Tombloo</a>
</span>
{/block:Audio}
</td>
</tr>
{/block:Posts}
</tbody>
</table>
<div class="bottom_nav autopagerize_insert_before">
<div class="pagination">
{block:PreviousPage}
<a rel="prev" class="section_links" href="{PreviousPage}">< Prev</a>
{/block:PreviousPage}
{block:NextPage}
<a rel="next" class="section_links" href="{NextPage}">Next ></a>
{/block:NextPage}
</div>
<span class="statuses_options">
<a class="section_links" href="{RSS}">RSS</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<h3>Footer</h3>
<ul>
<li class="first">© 2006-2008 Tumblr</li>
<li><a href="http://www.tumblr.com/">Tumblr</a></li>
<li><a href="http://twitter.com/">Twitter</a></li>
<li>The theme is aranged by <a href="http://june29.jp/">june29</a></li>
</ul>
</div>
<div id="navigation">
<form class="flatbutton" id="user_search_form" name="user_search_form">
<input type="text" value="Name or location" id="user_search_q" name="q"/>
<input type="submit" value="search"/>
</form>
<ul>
<li class="first"></li>
<li><a href="http://www.tumblr.com/dashboard">Dashboard</a></li>
<li><a href="http://www.tumblr.com/customize">Customize</a></li>
<li><a href="http://www.tumblr.com/help">Help</a></li>
<li><a href="http://www.tumblr.com/logout">Sign out</a></li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment