Skip to content

Instantly share code, notes, and snippets.

@mithicher

mithicher/flatr.html

Last active December 22, 2015 05:08
Show Gist options
  • Save mithicher/6421589 to your computer and use it in GitHub Desktop.
Save mithicher/6421589 to your computer and use it in GitHub Desktop.
Download ZIP
A simple Tumblr theme-Flatr
Raw
flatr.html
<!DOCTYPE html>
<html>
<head>
<!--
Theme: Flatr
Created by : Mithicher B.
Version: 1.0
-->
<meta name="color:Background" content="#bdc3c7">
<meta name="color:Body links" content="#615151">
<meta name="color:Body Title" content="#34495e">
<meta name="color:Body Title Hover" content="#1abc9c">
<meta name="color:Body Text" content="#1d1818">
<meta name="color:Masthead links" content="#b9b8b8">
<meta name="color:Masthead Title" content="#16a085">
<meta name="font:Title" content='Verdana'>
<meta name="font:Body" content='Helvetica, Arial, serif'>
<meta name="if:Infinite scroll" content="1"/>
<meta name="if:Show Search Bar" content="1">
<meta name="if:Show People I Follow" content="1">
<meta name="text:Google Analytics ID" content=''/>
<meta name="text:Disqus Shortname" content="1">
<meta name="text:Twitter Username" content="1">
<meta name="text:Facebook Username" content="">
<meta name="text:Linkedin Username" content="">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style type="text/css">
/*******************************
RESET
********************************/
* {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1.5;
background: {color:Background};
font-family: {font:Body};
color: {color:Body Text};
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
blockquote, q {
quotes: none;
font-size: 1.3125em; /* 21 / 16 */
line-height: 1.142857142857143em; /* 24 / 21 */
margin-bottom: 1.142857142857143em; /* 24 / 21 */
color: hsla(0, 0%, 50%, 1);
font-style: italic;
border-left: 3px solid #1abc9c;
padding-left: 4%;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
color: #1abc9c;
border-bottom: 1px solid #ddd;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
a:hover { border-bottom-color: #1dd2af; }
h2>a:hover { color: {color:Body Title Hover}; }
a.unstyled , h2>a, img, .photo>a , .blogroll li>a , #notes li > a { text-decoration: none; border: none; }
a.unstyled:hover { color: #eee; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin-bottom: 1em;
padding: 0;
}
input, select {
vertical-align: middle;
}
ul {
padding-left: 28px;
font-family: {font:Body};
margin: 1em 0 1em 0;
color: {color:Body Text};
}
li {
list-style-type: circle;
color: {color:Body Text};
list-style-image: url('http://static.tumblr.com/0k22btb/HtAmslibq/done.png');
}
iframe, img, embed, object, video {
text-align: center;
max-width: 100%;
}
img, video{
height: auto;
width: auto;
}
/*****************************
grid layout
******************************/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid {
overflow: hidden;
padding-left: 1em;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid .col {
float: left;
padding-right: 1em;
}
.grid .col-3-3 { width: 99.99%; }
.grid .col-2-3 { width: 66.66%; }
.grid .col-1-3 { width: 33.33%; }
.grid .col-1-4 { width: 25%; }
.pad { padding: 0 3% 0 3%; }
/*****************************
Media queries
******************************/
@media only screen and (max-width: 480px) {
.grid .col-3-3,
.grid .col-2-3,
.grid .col-1-3,
.grid .col-1-4 {
width: 100%;
}
.grid .col {
margin: 1% 0 1% 0%;
}
header { padding-top: 1em;}
header, nav , footer{
text-align: center;
}
nav, menu { margin-top: 0; display: block;}
.menu li, .menu li a { display: inline-block;}
/*************************************************
Responsive navigation
************************************************
.js .menu { display: none; }
.js .selectnav { display: block; width: 200px; margin: auto; }*/
}
/*******************************
Typography
********************************/
h1,h2,h3,h4,h5, h2>a {
font-family: {font:Title};
font-weight: bold;
color: {color:Body Title};
}
h1 {
font-size: 3em; /* 48 / 16 */
line-height: 1em; /* 48 / 48 */
margin-bottom: .5em; /* 24 / 48 */
}
h2 {
font-size: 2.25em; /* 36 / 16 */
line-height: 1.333333333333333em; /* 48 / 36 */
margin-bottom: .6666666666666667em; /* 24 / 36 */
}
h3 {
font-size: 1.5em; /* 24 / 16 */
line-height: 1em; /* 24 / 24 */
margin-bottom: 1em; /* 24 / 24 */
}
h4 {
font-size: 1.3125em; /* 21 / 16 */
line-height: 1.142857142857143em; /* 24 / 21 */
margin-bottom: 1.142857142857143em; /* 24 / 21 */
}
h5 {
font-size: 1.125em; /* 18 / 16 */
line-height: 1.333333333333333em; /* 24 / 18 */
margin-bottom: 1.333333333333333em; /* 24 / 18 */
}
h6 {
font-size: 1em; /* 16 / 16 */
line-height: 1.5em; /* 24 / 16 */
margin-bottom: 1.5em; /* 24 / 16 */
}
p {
font-size: 1em; /* 16 / 16 */
line-height: 1.5em; /* 24 / 16 */
margin-bottom: 1.5em; /* 24 / 16 */
color: #444;
}
.small {
font-size: 14px;
}
/*******************************
wrapper
********************************/
#wrapper {
width: 100%;
position: relative;
font-family: {font:Body};
}
/*******************************
container
********************************/
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0 2% 0 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*******************************
header
********************************/
#masthead {
background-color: #34495e;
}
#masthead h1 {
color: {color:Masthead Title};
text-transform: lowercase;
margin-bottom:0;
height: 100px;
line-height: 100px;
}
/*******************************
Description
********************************/
.desc {
background-color: #1abc9c;
padding-top: 30px;
}
.description {
color: #eee;
text-shadow: 0 1px 1px #16a085;
font-size: 18px;
}
/*******************************
Main
********************************/
article {
margin: 2em 0 2em 0;
background-color: rgba(255,255,255,0.8);
box-shadow: 0 1px 2px #bdc3c7;
}
.padding {
padding: 3% 6% 3% 6%;
}
.sidebar .padding { padding: 8%; }
.metadata {
background-color: #ecf0f1;
display: block;
color: #2c3e50;
font-family: Georgia, Cambria;
font-weight: 700;
font-size: 20px;
}
/*******************************
Main
********************************/
/*Tags and notes*/
#chat { padding: 0; margin: 0; }
#chat li {
list-style-type: none;
list-style-image: none;
vertical-align: baseline;
border-bottom: 1px solid #ddd;
margin-bottom: 1em; padding: 2px 0 2px 0;
}
#chat .label {
font-weight: bold;
}
#tags a {
margin-top: 0;
display: inline-block;
margin-right: 1%;
}
#tags a:before {
content: '#';
vertical-align: middle;
color: #bdc3c7;
}
#notes {
margin-top: 1em;
clear: both;
display: block;
}
#notes li {
list-style-type: none;
list-style-image: none;
padding: 4px 0 4px 0;
border-bottom: 1px solid #ddd;
}
.blogroll {
list-style-type: none;
padding-left:0;
}
.blogroll li {
display: inline-block;
margin-right: 2%;
}
/*************************************************
Footer
*************************************************/
.footer {
display: block;
margin-top: 2em;
background-color: #34495e;
padding: 3%;
color: #16a085;
text-align: center;
}
.footer p { color: #ecf0f1; margin-top: 1em; }
/*************************************************
Search form
*************************************************/
.search {
padding-bottom: 1em;
}
.search input[type="text"] {
display: inline-block;
padding: 2px;
height: 36px;
border: 1px solid #ddd;
width: 100%;
vertical-align: middle;
margin-bottom: 8px;
}
.search input[type="text"]:focus {
box-shadow: 0 0 0 6px #eee;
}
/*************************************************
Navigation menu
*************************************************/
nav {
text-align: center;
margin-top: 2em;
}
.menu, .menu li {
margin: 0; padding: 0;
}
.menu li {
list-style-type: none;
display: inline;
}
.menu li a {
display: inline-block;
text-decoration: none;
padding: 0.6em 0.6em;
font-family: Verdana, sans-serif;
font-weight: 300;
color: #ccc;
border: none;
text-shadow: 0 1px 1px #222;
-webkit-transition: color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
}
.menu li a.active,
.menu li a:hover,
.menu li a:focus {
background-color: #2c3e50;
color: #fff;
border-radius: 4px;
}
/*************************************************
social
*************************************************/
.social { list-style-type: none; text-align: center; padding-left:0; }
.social li { display: inline-block; }
.social li a { border: none; opacity: 0.85; vertical-align: middle;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.social li a:hover { opacity: 1; }
/*************************************************
Pagination
*************************************************/
#pagination {
display: block;
text-align: center;
margin: 2em 0 2em 0;
box-shadow: 0 1px 2px #7f8c8d;
background-color: #34495e;
padding: 10px;
}
/*************************************************
buttons
*************************************************/
.btn {
padding: 6px 30px;
display: inline-block;
margin: 10px 0 10px 0;
color: #efefef;
text-decoration: none;
border: none;
cursor: pointer;
font-family: {font:Body};
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
position: relative;
outline: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.btn-black { background: #95a5a6; box-shadow: 0 6px #7f8c8d; }
.btn-black:hover { box-shadow: 0 4px #7f8c8d; top: 2px; color: #fff;}
.btn-green { background: #1abc9c; box-shadow: 0 6px #16a085;}
.btn-green:hover { box-shadow: 0 4px #16a085; top: 2px; color: #fff;}
/*Custom CSS*/
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<!--Masthead-->
<header id="masthead">
<div class="container">
<!--Details: portrait (optional), title and description-->
<div class="grid">
<div class="col col-1-3">
<div id="header">
<h1><a class="unstyled" href="/" title="{Title}">{Title}</a></h1>
</div>
</div>
<div class="col col-2-3">
<!--Navigation-->
<nav>
<ul class="menu">
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}
<li> <a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}
<li> <a href="/submit">{SubmitLabel}</a></li>
{/block:SubmissionsEnabled}
{block:AskEnabled}
<li> <a href="/ask">{AskLabel}</a></li>
{/block:AskEnabled}
<li><a href="/archive">Archives</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="desc">
<div class="container">
<div class="grid">
<div class="col col-2-3">
<!-- Description -->
{block:Description}
<p class="description">{Description}</p>
{/block:Description}
</div>
<div class="col col-1-3">
<ul class="social">
{block:IfTwitterUsername}
<li>
<a href="http://www.twitter.com/{text:Twitter Username}" title="Follow me at twitter"><img src="http://static.tumblr.com/0k22btb/lUZmsa7mf/twitter.png" alt="twitter" ></a>
</li>
{/block:IfTwitterUsername}
{block:IfFacebookUsername}
<li>
<a href="http://www.facebook.com/{text:Facebook Username}" title="Facebook"><img src="http://static.tumblr.com/0k22btb/bH5msjddz/facebook.png" alt="facebook"></a>
</li>
{/block:IfFacebookUsername}
<!-- {block:IfLinkedinUsername}
<li>
<a href="http://www.linkedin.com/{text:Linkedin Username}" title="linkedin"><img src="http://static.tumblr.com/0k22btb/k6dmsjd7z/linkedin.png" alt="linkedin"></a>
</li>
{/block:IfLinkedinUsername}-->
<li><a href="{RSS}" title="rss"><img src="http://static.tumblr.com/0k22btb/Njwmsm0ff/rss.png" alt="rss"></a></li>
</ul>
</div>
</div>
</div>
</div><!-- Close of Description -->
<!--Content holder-->
<div id="contents">
<div class="container">
<div class="grid">
<div class="col col-2-3">
<section class="main">
{block:SearchPage}
<article class="padding">
<h2 id="searchItemsFound">
Search results for: &#8220;{SearchQuery}&#8221;
<p class="small">{SearchResultCount} items found.</p>
</h2>
{block:NoSearchResults}
<div id="searchResults">
<section class="search">
<form action="/search" method="get">
<h5>Search for something else... </h5>
<input type="text" name="q" value="{SearchQuery}" />
<input class="btn btn-black" type="submit" value="Search" />
</form>
</section>
</div>
{/block:NoSearchResults}
</article>
{/block:SearchPage}
{block:Posts}
<article>
<!--Metadata: date, note count, content source-->
<header class="padding metadata">
{block:Date}
<time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{ShortMonth} {DayOfMonthWithZero}, {Year}</time>
{/block:Date}
{block:NoteCount}
&bull;
<a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a> {/block:NoteCount}
<div class="share">
<span st_url='{Permalink}' st_title='{Title}' class='st_facebook_hcount' displayText='Facebook'></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_hcount' displayText='Tweet'></span><span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_hcount' displayText='ShareThis'></span>
<!--<span st_url='{Permalink}' st_title='{Title}' class='st_linkedin_hcount' displayText='LinkedIn'></span><span st_url='{Permalink}' st_title='{Title}' class='st_pinterest_hcount' displayText='Pinterest'></span>-->
<span st_url='{Permalink}' st_title='{Title}' class='st_email_hcount' displayText='Email'></span>
</div>
<!-- {block:IndexPage}
{block:IfDisqusShortname}
&bull;
<a class="comment" href="{Permalink}#disqus_thread"></a>&nbsp;
{lang:View comments}
{/block:IfDisqusShortname}
{/block:IndexPage} -->
</header>
<!--Unique code for each post type-->
{block:Text}
<div class="padding text">
{block:Title}
<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
{block:More}
<div class="more">
<p><a href="{Permalink}">Read More...</a></p>
</div>
{/block:More}
</div>
{/block:Text}
{block:Photo}
<div class="padding photo">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Photo}
{block:Photoset}
<div class="padding photoset">
{block:IndexPage}{Photoset-700}{/block:IndexPage}
{block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Photoset}
{block:Quote}
<div class="padding quote">
<blockquote>{Quote}</blockquote>
{block:Source}<cite> {Source} </cite>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="padding link">
<h2 class="title"><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{block:More}
<div class="more">
<p><a href="{Permalink}">Read More...</a></p>
</div>
{/block:More}
</div>
{/block:Link}
{block:Chat}
<div class="padding chat">
<ul id="chat">
{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="padding audio">
{block:TrackName}<h2 class="title"><a href="{Permalink}">{TrackName}</a></h2>{/block:TrackName}
<div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
<div class="player">{AudioPlayerBlack}</div>
{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="padding video">
<div class="video-player">{Video-700}</div>
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Video}
{block:Answer}
<div class="padding answer">
<h2 class="title">{Question}</h2>
<div class="user">
<img src="{AskerPortraitURL-96}"/>
<p>{Asker}</p>
</div>
{Answer}
</div>
{/block:Answer}
<!--Post footer (tags and notes) on displayed on permalink pages-->
{block:Permalink}
<div class="details padding">
{block:HasTags}
<div id="tags">
{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Permalink}
</article>
{/block:Posts}
<!--Close of article-->
<!-- Disqus -->
{block:PermalinkPagination}
{block:IfDisqusShortname}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
{block:Permalink}
<div id="disqus_thread"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
{/block:Permalink}
<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}
{/block:PermalinkPagination}
<!--Pagination: previous/next page links-->
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a class="btn btn-green" href="{PreviousPage}">Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a class="btn btn-green" href="{NextPage}">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}
<!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
{block:IfInfiniteScroll}
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
{/block:IfInfiniteScroll}
</section>
</div>
<aside class="sidebar">
<div class="col col-1-3">
<article class="padding">
<h3>Search for</h3>
<!--Search form (optional)-->
<div class="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input class="btn btn-black" type="submit" value="{lang:Search}"/>
</form>
</div>
</article>
<article class="padding">
{block:IfShowPeopleIFollow}
{block:Following}
<h3>{lang:Following}</h3>
<ul class="blogroll">
{block:Followed}
<li><a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-64}"></a></li>
{/block:Followed}
</ul>
{/block:Following}
{/block:IfShowPeopleIFollow}
</article>
<article class="padding">
<h3>Tag Cloud</h3>
<div id="tagCloud"></div><script type="text/javascript" src="http://post-theory.com/public/tagcloud/mithicher?sort=time&math=modlog&pad=4" async="async"></script>
</article>
<article class="padding">
{block:Twitter}
<div id="twitter" style="display:none;">
<h3>Latest Tweets</h3>
<div id="tweets"></div>
</div>
<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/{text:Twitter Username}/status/' +
(data[i].id_str ? data[i].id_str : data[i].id) +
'"><div class="content">' + data[i].text +
'</div><br></a>';
}
document.getElementById("twitter").style.display = 'block';
}
</script>
{/block:Twitter}
</article>
</div>
</aside>
</div>
</div><!-- Close of Container -->
</div><!-- Close of main -->
<footer class="footer">
<div class="container">
<div class="grid">
<div class="col col-1-3">
<ul class="social">
{block:IfTwitterUsername}
<li>
<a href="http://www.twitter.com/{text:Twitter Username}" title="Follow me at twitter"><img src="http://static.tumblr.com/0k22btb/lUZmsa7mf/twitter.png" alt="twitter" ></a>
</li>
{/block:IfTwitterUsername}
{block:IfFacebookUsername}
<li>
<a href="http://www.facebook.com/{text:Facebook Username}" title="Facebook"><img src="http://static.tumblr.com/0k22btb/bH5msjddz/facebook.png" alt="facebook"></a>
</li>
{/block:IfFacebookUsername}
<!--{block:IfLinkedinUsername}
<li>
<a href="http://www.linkedin.com/{text:Linkedin Username}"><img src="http://static.tumblr.com/0k22btb/k6dmsjd7z/linkedin.png" alt="linkedin"></a>
</li>
{/block:IfLinkedinUsername} -->
<li><a href="{RSS}" title="rss"><img src="http://static.tumblr.com/0k22btb/Njwmsm0ff/rss.png" alt="rss"></a></li>
</ul>
</div>
<div class="col col-2-3">
<p>
{block:IfShowCopyright}
&copy; {Title} {CopyrightYears}
{/block:IfShowCopyright}
Powered by <a href="http://tumblr.com">Tumblr</a>.
Theme created by <a href="http://twitter.com/mithicher">mithicher</a>.
Email <a href="mailto:mithnehu@gmail.com">me</a>. <br>
Social icons downloaded from <a href="http://designmodo.com">designmodo.com</a>.
</p>
</div>
</div>
</div>
</footer>
</div><!-- Close of wrapper -->
<!--For users adding Google Analytics ID-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43753694-1', 'tumblr.com');
ga('send', 'pageview');
</script>
<!-- Share Button-->
<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'900cc05b-184d-44d9-b22b-ad54747c1337'});</script>
<!--Twitter-->
{block:Twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
<!-- For Syntax Highlighting -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://google-code-prettify.googlecode.com/svn/trunk/styles/sunburst.css"></link>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script>
function styleCode() {
if (typeof disableStyleCode != 'undefined') { return; }
var a = false;
$('pre').each(function() {
if (!$(this).hasClass('prettyprint')) {
$(this).addClass('prettyprint');
a = true;
}
});
if (a) { prettyPrint(); }
}
$(function() {styleCode();});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment