Skip to content

Instantly share code, notes, and snippets.

@adrusi

adrusi/minima.html

Created December 20, 2010 02:05
Show Gist options
  • Save adrusi/747937 to your computer and use it in GitHub Desktop.
Save adrusi/747937 to your computer and use it in GitHub Desktop.
Download ZIP
tumblr theme
Raw
minima.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 7]>
<script>
window.onload = function() {
document.getElementsByTagName('article')[0].setAttribute('class', 'first-child');
getElementById('left').getElementsByTagName('section')[0].setAttribute('class', 'first-child');
getElementById('right').getElementsByTagName('section')[0].setAttribute('class', 'first-child');
var footer = document.getElementsByTagName('footer');
footer = footer[footer.length];
footer.getElementsByTagName('section')[0].setAttribute('class', 'first-child');
};
</script>
<![endif]-->
<link rel="stylesheet" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Josefin+Slab:regular,regularitalic,bold,bolditalic|Tinos:regular,italic,bold,bolditalic" />
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="text:Subtitle" content="" />
<meta name="text:Copyright name" content="" />
<meta name="text:Footer area 1 title" content="" />
<meta name="text:Footer area 1 content" content="" />
<meta name="text:Footer area 2 title" content="" />
<meta name="text:Footer area 2 content" content="" />
<meta name="text:Footer area 3 title" content="" />
<meta name="text:Footer area 3 content" content="" />
<meta name="text:Footer area 4 title" content="" />
<meta name="text:Footer area 4 content" content="" />
<link rel="stylesheet" href="http://static.tumblr.com/scinesu/u9Fldoyxq/tumblr.css" />
<style>{CustomCSS}</style>
<title>{Title}</title>
</head>
<body>
<header>
<hgroup>
<h1><a href="/">{Title}</a></h1>
{block:IfSubtitle}
<h2>{text:Subtitle}</h2>
{/block:IfSubtitle}
</hgroup>
</header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/archive">Archive</a></li>
<li><a href="{RSS}">RSS</a></li>
<li><a href="/mobile">Mobile</a></li>
</ul>
</nav>
<div id="main">
{block:SearchPage}
<h2>{SearchQuery}</h2>
{/block:SearchPage}
{block:Posts}
{block:Text}
<article class="text">
{block:Title}
<header>
<h3><a href="{Permalink}">{Title}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{/block:Title}
<section>
{Body}
</section>
</article>
{/block:Text}
{block:Photo}
<article class="photo">
{block:Caption}
<header>
<h3><a href="{Permalink}">{Caption}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{/block:Caption}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}
</article>
{/block:Photo}
{block:Photoset}
<article class="photoset">
{block:Caption}
<header>
<h3><a href="{Permalink}">{Caption}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{/block:Caption}
{Photoset-400}
</article>
{/block:Photoset}
{block:Quote}
<article class="quote">
{block:Source}
<h3><a href="{Permalink}">{Source}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
{/block:Source}
<blockquote>{Quote}</blockquote>
</article>
{/block:Quote}
{block:Link}
<article class="link">
<header>
<h3><a href="{Permalink}">{Name}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{block:Description}
<p>{Description}</p>
{/block:Description}
<a href="{URL}" class="link" {Target}>Visit &rarr;</a>
</article>
{/block:Link}
{block:Chat}
<article class="chat">
{block:Title}
<header>
<h3><a href="{Permalink}">{Title}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</article>
{/block:Chat}
{block:Video}
<article class="video">
{block:Caption}
<h3><a href="{Permalink}">{Caption}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
{/block:Caption}
{Video-400}
</article>
{/block:Video}
{block:Audio}
<article class="audio">
{block:Caption}
<header>
<h3><a href="{Permalink}">{Caption}</a></h3>
<div class="meta">by <a href="{GroupMemberURL}">{PostAuthorName}</a> {block:NoteCount}| {NoteCountWithLabel}{/block:NoteCount}</div>
</header>
{/block:Caption}
{AudioPlayerWhite}
</article>
{/block:Audio}
{/block:Posts}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{block:PreviousPage}
<a id="prev" href="{PreviousPage}">&#171; Newer Posts</a>
{/block:PreviousPage}
{block:NextPage}
<a id="next" href="{NextPage}">Older Posts &#187;</a>
{/block:NextPage}
</div>
<aside>
<form id="search" action="/search" method="get">
<input type="text" name="q" value="Search" />
</form>
<div id="left">
{block:AskEnabled}
<section>
<h3>Ask Something</h3>
<p><a href="/ask">{AskLabel}</a></p>
</section>
{/block:AskEnabled}
{block:HasPages}
<section>
<h3>Pages</h3>
<ul>
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
</ul>
</section>
{/block:HasPages}
{block:Following}
<section>
<h3>Blogs of Interest</h3>
<ul>
{block:Followed}
<li><a href="{FollowedURL}">{FollowedTitle}</a></li>
{/block:Followed}
</ul>
</section>
{/block:Following}
</div>
<div id="right">
{block:Description}
<section>
<h3>About</h3>
<p>{Description}</p>
</section>
{/block:Description}
{block:Twitter}
<section>
<h3>Tweets</h3>
<ul id="tweets"></ul>
</section>
<script>
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<li><a href="http://twitter.com/{TwitterUsername}/status/' +
data[i].id + '"><div class="content">' + data[i].text +
'</div></a></li>';
}
document.getElementById("twitter").style.display = 'block';
}
</script>
{/block:Twitter}
</div>
</aside>
<footer>
<section>
<h3>{text:Footer area 1 title}</h3>
<p>{text:Footer area 1 content}</p>
</section>
<section>
<h3>{text:Footer area 2 title}</h3>
<p>{text:Footer area 2 content}</p>
</section>
<section>
<h3>{text:Footer area 3 title}</h3>
<p>{text:Footer area 3 content}</p>
</section>
<section>
<h3>{text:Footer area 4 title}</h3>
<p>{text:Footer area 4 content}</p>
</section>
<small>{block:IfCopyrightName}&copy; Copyright 2010 {text:Copyright name}. All Rights Reserved.{/block:IfCopyrightName}
&copy; Copyright 2010 Design Adrian Sinclair (adrusi.com). All Rights Reserved.</small>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="http://static.tumblr.com/scinesu/SLHldowuo/tumblr.js"></script>
{block:Twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment