Skip to content

Instantly share code, notes, and snippets.

@palimadra

palimadra/alternate.html

Last active August 29, 2015 13:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save palimadra/9501652 to your computer and use it in GitHub Desktop.
Save palimadra/9501652 to your computer and use it in GitHub Desktop.
Download ZIP
Tumblr starter theme.
Raw
alternate.html
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>
{Title}
{block:IndexPage}&mdash; {PlaintextDescription}{/block:IndexPage}
{block:PermalinkPage}{block:PostSummary}&mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}
{block:SearchPage}&mdash; {lang:Search results for SearchQuery}{/block:SearchPage}
</title>
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
{block:PermalinkPage}
{block:Posts}
{block:Date}
<link rel="canonical" href="{Permalink}">
<link rel="shortlink" href="{ShortURL}">
{/block:Date}
{/block:Posts}
{/block:PermalinkPage}
<!-- Fav Icons -->
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<!-- RSS Feed -->
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!-- Feed / Social Usernames -->
<meta name="text:Google Analytics ID" content=""/>
<meta name="text:Twitter Username" content=""/>
<!-- Theme Options -->
<meta name="if:Enable Twitter Feed" content="0" />
<!-- Theme CSS -->
<style>
/* ==========================================================================
CSS Reset (http://meyerweb.com/eric/tools/css/reset/ v2.0)
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
font: inherit;
font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ==========================================================================
Base Styles
========================================================================== */
body {
}
/* ==========================================================================
Media Queries
========================================================================== */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@media screen and (min-width:0px) {
}
</style>
<!-- Custom CSS -->
<style>
{CustomCSS}
</style>
</head>
<body>
{block:IfEnableTwitterFeed}
<script type="text/javascript">
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<a href="http://twitter.com/{TwitterUsername}/status/' +
(data[i].id_str ? data[i].id_str : data[i].id) +
'"><div class="content">' + data[i].text +
'</div></a>';
}
document.getElementById("twitter").style.display = 'block';
}
</script>
{/block:IfEnableTwitterFeed}
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{GoogleAnalyticsID}']);
_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>
{/block:IfGoogleAnalyticsID}
</body>
</html>
Raw
old.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
</head>
<body>
<header>
<h1><a href="/"></a></h1>
{block:Description}
<p><a href="">{Description}</a></p>
{/block:Description}
</header>
<section class="posts">
{block:Posts}
{block:Regular}
<div class="regular post">
{block:Title}<h2 class="title">{Title}</h2>{/block:Title}
{Body}
<section class="post-meta">
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</section>
</div>
{/block:Regular}
{block:Photo}
<div class="photo post">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
<section class="post-meta">
<div class="caption">{Caption}</div>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</section>
</div>
{/block:Photo}
{block:Quote}
<div class="quote {length} post">
<div class="quoteactual"><q>{Quote}</q></div>
<section class="post-meta">
<div class="source"><span class="emdash">&mdash;</span>{Source}</div>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</section>
</div>
{/block:Quote}
{block:Link}
<div class="link post">
<p><a href="{URL}" class="link" {Target}>{Name}</a></p>
<div class="description">{Description}</div>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</div>
{/block:Link}
{block:Conversation}
<div class="conversation content">
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio post">
{AudioPlayerWhite}
<div class="caption">{block:Caption}{Caption}{/block:Caption}{block:ExternalAudio} [<a href="{ExternalAudioURL}">Download</a>]{/block:ExternalAudio}</div>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</div>
{/block:Audio}
{block:Video}
<div class="video post">
{Video-500}
<section class="post-meta">
<div class="caption">{Caption}</div>
<p class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></p>
</section>
</div>
{/block:Video}
{/block:Posts}
{block:Pagination}
<div id="pagination">
<div id="older-link">{block:NextPage}<a href="{NextPage}">&larr; Older</a>{/block:NextPage}</div>
<div id="page-count">{CurrentPage} <span>of</span> {TotalPages}</div>
<div id="newer-link">{block:PreviousPage}<a href="{PreviousPage}">Newer &rarr;</a>{/block:PreviousPage}</div>
</div>
{/block:Pagination}
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment