Skip to content

Instantly share code, notes, and snippets.

@vigo vigo/index.html
Created May 31, 2012

Embed
What would you like to do?
devPod Tumblr Theme
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="text:Meta Author Name" content=""/>
<meta name="author" content="{text:Meta Author Name}">
<meta name="image:Header" content="" />
<meta name="text:Google Analytics ID" content=""/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="text:iTunes Link" content=""/>
<meta name="text:SoundCloud Link" content=""/>
<meta name="text:Blog Link" content=""/>
<meta name="text:Facebook LikeBox Url" content=""/>
<meta name="text:Facebook LikeBox Language" content=""/>
<meta name="text:Tweet Link Language" content=""/>
<meta name="text:Tweet Link Hashtags" content=""/>
<meta name="if:Show Tags" content="1" />
<meta name="if:Enable Syntax Highlighting" content="0" />
<meta name="text:Syntax For Quote" content="ruby"/>
<meta name="text:Syntax Config Strip BR" content="true"/>
<meta name="text:Syntax Config Gutter" content="false"/>
<meta name="text:Syntax Config AutoLinks" content="false"/>
<meta name="text:Syntax Config Toolbar" content="false"/>
<meta name="text:Syntax Config TabSize" content="2"/>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
background: #ddd;
font: 13px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a {
color: #420079;
}
#main-wrapper {
background: transparent;
width: 900px;
margin: 0px auto;
overflow: hidden;
}
#left-wrapper {
display: inline;
float: left;
background: #fff;
width: 580px;
}
#right-wrapper {
display: inline;
float: left;
background: #ddd;
width: 300px;
margin: 0 0 0 20px;
}
/* Header Image ----------------------------------------------- */
#logo-border {
height: 20px;
width: 500px;
margin: 0px auto;
}
#logo {
margin: 40px;
}
#logo img {
display: block;
width: 498px;
border: 1px solid #ddd;
}
#logo h1 {
color: #a00;
font-size: 40px;
margin-bottom: 80px;
}
/* Header Image ----------------------------------------------- */
/* Posts ------------------------------------------------------ */
#posts {
width: 500px;
margin: 0px auto;
}
.post {
margin: 0 0 50px 0;
overflow: hidden;
}
/* Post Title */
.post h1 {
font-size: 26px;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
}
.post h1 a {
text-decoration: none;
background: none;
}
/* Post date */
.post h2 {
font-size: 14px;
margin: 0 0 20px 0;
color: #955;
overflow: hidden;
}
.post h2 span {
float: right;
}
.post h2 span a {
text-decoration: none;
background: none;
color: #999;
}
.post p {
margin: 0 0 10px 0;
}
.post a {
background: #eee;
color: #555;
}
.post a:hover {
background: #ff0;
color: #000;
}
.post ul {
list-style: square;
margin: 0 0 10px 0;
padding: 0;
}
.post ul li {
margin: 0 0 0 15px;
padding: 2px 0;
}
/* Tags */
.post .tags {
margin: 15px 0 0 0;
}
.post .tags span {
padding: 3px;
background: #555;
margin: 0 4px 4px 0;
display: inline-block;
}
.post .tags a {
background: none;
color: #fff;
text-decoration: none;
}
.post .tags a:hover {
background: none;
color: #ccc;
}
.post .media {
}
.post .media img {
display: block;
border-bottom: 2px solid #ddd;
}
.post .copy {
margin: 10px 0 0 0;
overflow: hidden;
}
.post .quote {
}
.post .quote blockquote p:before {
content: '';
}
.post .quote blockquote p:after {
content: '';
}
.post .quote blockquote {
font-size: 24px;
}
.post .quote p {
}
.post .quote .source {
text-align: right;
font-style: italic;
}
.post .chat {
background: #eee;
}
.post .chat .lines {
}
.post .chat .line {
padding: 5px 0;
}
.post .chat .even {
background: #ffe;
}
.post .chat .even strong {
font-style: italic;
}
/* Posts ------------------------------------------------------ */
#description {
margin: 60px 0 40px 0;
font-size: 14px;
line-height: 20px;
color: #555;
}
/* Social links */
#social-links {
margin: 0 0 40px 0;
}
#social-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#social-links ul li {
margin: 5px 0;
}
#social-links a {
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
#social-links a:hover {
color: #555;
}
.itunes {
background: url('http://dl.dropbox.com/u/490540/PodCast/podcast-icon-32.png') left top no-repeat;
height: 32px;
padding: 2px 0 0 42px;
}
.soundcloud {
background: url('http://dl.dropbox.com/u/490540/PodCast/soundcloud-logo-32.png') left top no-repeat;
height: 32px;
padding: 2px 0 0 42px;
}
/* Social links */
/* Twitter box */
#twitter-box {
margin: 0 0 40px 0;
padding: 20px 20px 0 20px;
background: #ff7;
overflow: hidden;
}
#twitter-box ul {
list-style: none;
margin: 0;
padding: 0;
}
#twitter-box ul li {
margin: 0 0 20px 0;
}
#twitter-username {
font-weight: bold;
font-size: 18px;
display: block;
margin: 0 0 5px 0;
}
#twitter-box a {
color: #550;
}
#twitter-box a:hover {
color: #770;
}
/* Twitter box */
/* Page and rightside links */
#page-links {
margin: 0 0 40px 0;
}
#page-links ul {
list-style: none;
margin: 0;
padding: 0;
}
#page-links li {
margin: 0 0 5px 0;
}
#page-links a {
color: #111;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#page-links a:hover {
background: #ccc;
}
#facebook-likebox-box {
margin: 0 0 20px 0;
}
/* Page and rightside links */
/* Paginator */
#posts-paging {
margin: 20px;
padding: 20px 0 40px 0;
border-top: 2px solid #558;
overflow: hidden;
}
#posts-paging a {
color: #558;
font-weight: bold;
text-decoration: none;
font-size: 14px;
}
#posts-paging a:hover {
color: #77a;
}
#posts-paging .paging-prev {
}
#posts-paging .paging-next {
float: right;
}
/* Paginator */
/* Search rightside */
.search {
margin: 0 0 40px 0;
}
.search input {
width: 245px;
height: 44px;
padding: 5px 5px 5px 50px;
font-size: 16px;
border: none;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
background: #eee url('http://26.media.tumblr.com/tumblr_lhq8q0SO0h1qztnxqo1_100.png') no-repeat 10px;
}
/* Search rightside */
#searchresults {
margin: 0 0 20px 0;
}
.search_query {
font-weight: bold;
}
#copyright {
text-align: center;
padding: 20px;
}
</style>
{block:IfEnableSyntaxHighlighting}
<!--
Supported Syntaxes (keywords)
applescript
js
jscript
text
plain
py
python
ruby
rails
ror
rb
xml
xhtml
xslt
html
css
bash
shell
-->
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js" type="text/javascript"></script>
{/block:IfEnableSyntaxHighlighting}
<style type="text/css">{CustomCSS}</style>
</head>
<body>
<div id="main-wrapper">
<div id="left-wrapper">
<div id="logo-border"></div>
<div id="logo">
{block:IfHeaderImage}<img src="{image:Header}" alt="#" />{/block:IfHeaderImage}
{block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}
</div>
<div id="posts">
{block:SearchPage}
{block:SearchResults}
<div id="searchresults">
{lang:SearchResultCount results for SearchQuery 2}
</div>
{/block:SearchResults}
{block:NoSearchResults}
<div id="searchresults">
{lang:No search results for SearchQuery 2}
</div>
{/block:NoSearchResults}
{/block:SearchPage}
{block:Posts}
<div class="post">
{block:Regular}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
{Body}
{/block:Regular}
{block:Photo}
<h1><a href="{Permalink}">{Caption}</a></h1>
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{/block:Photo}
{block:Quote}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
{block:IfEnableSyntaxHighlighting}
{block:IfSyntaxForQuote}
<div class="codeblock">
<pre class="brush:ruby">{Quote}</pre>
{block:Source}<p>{Source}</p>{/block:Source}
</div>
{/block:IfSyntaxForQuote}
{/block:IfEnableSyntaxHighlighting}
{block:IfNotEnableSyntaxHighlighting}
<div class="quote">
<blockquote>
<p>{Quote}</p>
</blockquote>
{block:Source}<p class="source">{Source}</p>{/block:Source}
</div>
{/block:IfNotEnableSyntaxHighlighting}
{/block:Quote}
{block:Video}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
<div class="media">{Video-500}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Audio}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
{block:AudioEmbed}
{AudioEmbed}
{/block:AudioEmbed}
{block:AudioPlayer}
{block:IfShowAlbumArtOnAudioPosts}
{block:AlbumArt}
<div class="album_art">
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
</div>
{/block:AlbumArt}
{/block:IfShowAlbumArtOnAudioPosts}
<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
</div>
{/block:AudioPlayer}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Audio}
{block:Chat}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
{/block:Chat}
{block:Link}
{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
<div class="link"><a href="{URL}" {Target}>{Name}</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}
{block:IfShowTags}
{block:HasTags}
<div class="tags">{block:Tags}<span><a href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>
{/block:HasTags}
{/block:IfShowTags}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
{block:IfDisqusShortname}
{block:Permalink}
<div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div>
<div style="text-align:right; margin-top:5px;">
{lang:Blog comments powered by Disqus 2}
</div>
{/block:Permalink}
{/block:IfDisqusShortname}
</div>
{/block:Posts}
</div>
{block:Pagination}
<div id="posts-paging">
<p><a class="paging-prev" href="#">&larr; {lang:Previous page}</a><a class="paging-next" href="#">{lang:Next page} &rarr;</a></p>
</div>
{/block:Pagination}
<div id="copyright">&copy; {CopyrightYears} <a href="http://www.tumblr.com">{lang:Powered by Tumblr}</a></div>
</div>
<div id="right-wrapper">
<div id="description">
<p>{Description}</p>
</div>
<div id="social-links">
<ul>
{block:IfiTunesLink}<li class="itunes"><a href="{text:iTunes Link}">iTunes</a></li>{/block:IfiTunesLink}
{block:IfSoundCloudLink}<li class="soundcloud"><a href="{text:SoundCloud Link}">Soundcloud</a></li>{/block:IfSoundCloudLink}
</ul>
</div>
<div id="page-links">
<ul>
<li><a href="/">{lang:Home}</a></li>
<li><a href="/archive/">{lang:Archive}</a></li>
<li><a href="{RSS}">{lang:RSS}</a></li>
<li><a href="/mobile">{lang:Mobile}</a></li>
{block:IfBlogLink}<li><a href="{text:Blog Link}">Blog</a></li>{/block:IfBlogLink}
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
</ul>
</div>
<div class="search">
<form action="/search" method="get">
<input type="text" name="q" value="" placeholder="{lang:Search}">
<button type="submit" style="display: none"></button>
</form>
</div>
{block:IfTwitter}
{block:Twitter}
<div id="twitter-box">
<div id="twitter" style="display:none;">
<a id="twitter-username" href="http://twitter.com/{TwitterUsername}">@{TwitterUsername}</a>
<ul id="tweets"></ul>
</div>
</div>
{/block:Twitter}
{/block:IfTwitter}
{block:IfFacebookLikeBoxUrl}
<div id="facebook-likebox-box">
<div id="fb-root"></div>
<script>
//<![CDATA[
(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/{text:Facebook LikeBox Language}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div class="fb-like" data-href="{text:Facebook LikeBox Url}" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
</div>
{/block:IfFacebookLikeBoxUrl}
{block:IfTwitter}
{block:IfTweetLinkLanguage}
<div id="twitter-share-box">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TwitterUsername}" data-lang="{text:Tweet Link Language}" data-hashtags="{text:Tweet Link Hashtags}">Tweetle</a>
</div>
<script>
//<![CDATA[
!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:IfTweetLinkLanguage}
{/block:IfTwitter}
</div>
</div>
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_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}
{block:IfTwitter}
{block:Twitter}
<script>
//<![CDATA[
function parse_url(input){
var ureg = new RegExp("http\\:\\/\\/([a-z0-9\\.\\/\?]+)", "gim");
return input.replace(ureg, '<a target="_blank" href="http://$1">$1</a>');
}
function parse_twitter_name(input){
var treg = new RegExp("[@]+([A-Za-z0-9-_]+)", "gim");
return input.replace(treg, '<a target="_blank" href="http://twitter.com/$1">@$1</a>');
}
function parse_hash_tags(input){
var hreg = new RegExp("[#]+([a-zA-Z0-9_\x81-\xFF\u0100-\u0fff]+)", "gim");
return input.replace(hreg, '<a target="_blank" href="http://search.twitter.com/search?q=$1">#$1</a>');
}
function parse_twitter_text(input){
input = parse_url(input);
input = parse_twitter_name(input);
input = parse_hash_tags(input);
return input;
}
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<li>' + parse_twitter_text(data[i].text) + '</li>';
}
document.getElementById("twitter").style.display = 'block';
}
//]]>
</script>
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
{/block:IfTwitter}
{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}
{block:IfEnableSyntaxHighlighting}
<script>
//<![CDATA[
SyntaxHighlighter.autoloader(
'applescript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAppleScript.js'
, 'js jscript javascript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'
, 'text plain http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'
, 'py python http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'
, 'ruby rails ror rb http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js'
, 'xml xhtml xslt html http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'
, 'css http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'
, 'bash shell http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js'
);
SyntaxHighlighter.config.stripBrs = {text:Syntax Config Strip BR};
SyntaxHighlighter.defaults['gutter'] = {text:Syntax Config Gutter};
SyntaxHighlighter.defaults['auto-links'] = {text:Syntax Config AutoLinks};
SyntaxHighlighter.defaults['toolbar'] = {text:Syntax Config Toolbar};
SyntaxHighlighter.defaults['html-script'] = false;
SyntaxHighlighter.defaults['tab-size'] = {text:Syntax Config TabSize};
SyntaxHighlighter.all();
//]]>
</script>
{/block:IfEnableSyntaxHighlighting}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.