Skip to content

Instantly share code, notes, and snippets.

@puikinsh
Last active March 15, 2017 12:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save puikinsh/46ffbd1aeac929fe3c1a7a4f39c61991 to your computer and use it in GitHub Desktop.
Save puikinsh/46ffbd1aeac929fe3c1a7a4f39c61991 to your computer and use it in GitHub Desktop.
A simple tumblr theme
<!DOCTYPE html>
<html>
<head>
<!--
theme: Gravity
version: 1.0 (March 1, 2017)
from: colorlib.com
-->
<meta charset="UTF-8">
<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{block:Hidden}
<meta name="image:Background" content="">
<meta name="color:Background" content="#f6f6f6">
<meta name="color:Header" content="#0063b1">
<meta name="color:Header Text" content="#ffffff">
<meta name="color:Subheader" content="#0d70be">
<meta name="color:Subheader Text" content="#ffffff">
<meta name="color:Post Links" content="#0063b1">
<meta name="color:Photo Hover" content="#0063b1">
<meta name="text:Google Analytics ID" content="">
<meta name="if:Infinite Scrolling" content="1">
<meta name="if:Permalink New Window" content="1">
<meta name="if:Show Like and Reblog Buttons" content="1">
<meta name="if:Page Shadow" content="1">
<meta name="select:Background Image Style" content="tile" title="tile">
<meta name="select:Background Image Style" content="cover" title="cover">
<meta name="select:Background Image Style" content="center" title="center">
<meta name="select:Columns" content="3col" title="3 columns">
<meta name="select:Columns" content="4col" title="4 columns">
<meta name="select:Columns" content="2col" title="2 columns">
{/block:Hidden}
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
/* =Base styles=
-------------------------------------------------------------- */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
color: #333;
background-color: {color:Background};
{block:IfBackgroundImage}
background-image: url('{image:Background}');
background-position: center center;
background-attachment: fixed;
{/block:IfBackgroundImage}
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 0;
padding: 36px 0;
}
.background-cover {
background-position: center center;
background-size: cover;
}
.background-tile {
background-repeat: repeat;
}
.background-center {
background-position: center center;
background-repeat: no-repeat;
}
.wrapper {
background-color: white;
{block:IfPageShadow}
-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
{/block:IfPageShadow}
width: 960px;
margin: 0 auto;
border-radius: 4px;
overflow: hidden;
}
.permalink-page .wrapper {
width: 750px;
}
#gravity {
margin: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
main {
max-width: 960px;
}
a, a:hover {
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
font-weight: 600;
}
ul {
list-style-type: none;
padding-left: 0;
}
/* =Header styles=
-------------------------------------------------------------- */
header {
background-color: {color:Header};
padding: 0;
max-height: 48px;
margin: 0 auto;
position: relative;
}
.header-navbar {
text-align: right;
clear: both;
width: 100%;
margin: 0 auto;
}
ul.header-links {
margin: 0 auto;
}
ul.header-links li {
text-align: center;
display: inline-block;
padding: 15px 25px;
}
ul.header-links li:hover {
background-color: rgba({RGBcolor:Header Text},0.05);
}
.header-link {
font-size: 1em;
color: {color:Header Text};
}
.logo {
color: {color:Header Text};
font-weight: 400;
float: left;
text-transform: none;
font-size: 1.2em;
line-height: 1.1em;
padding: 15px 25px;
text-decoration: none;
}
.logo:hover {
background-color: rgba({RGBcolor:Header Text},0.05);
text-decoration: none;
}
nav {
clear: both;
}
.pages-links {
z-index: 1005;
background-color: white;
width: 250px;
position: absolute;
top: 48px;
right: 0;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
}
.pages-link {
z-index: 1005;
display: block;
color: black;
padding: 15px 20px;
}
.pages-link:hover {
background-color: rgba({RGBcolor:Header},0.1);
color: black;
}
.menu-hidden {
display: none;
}
.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
position: absolute;
top: -10px;
left: 206px;
}
.subheader {
background-color: {color:Subheader};
color: {color:Subheader Text};
padding: 15px 25px;
text-align: center;
}
.blog-description {
text-align: left;
border-bottom: 1px solid {color:Header};
}
.blog-description a, .blog-description a:hover {
color: {color:Subheader Text};
text-decoration: underline;
}
.blog-description a:hover {
background-color: rgba({RGBcolor:Subheader Text},0.1);
}
/* =Post styles=
-------------------------------------------------------------- */
.post {
width: 240px;
float: left;
}
.layout-3col .post {
width: 320px;
}
.layout-2col .post {
width: 480px;
}
.index-page .post {
}
.index-page .post.photo {
border: 0;
}
.post-content {
position: relative;
background-color: white;
padding: 20px 25px;
font-size: 1em;
line-height: 140%;
overflow: hidden;
}
.index-page .photo .post-content {
border: 0;
padding: 0;
}
.post a, .post a:hover {
color: {color:Post Links};
text-decoration: none;
}
.post-content a:hover {
text-decoration: underline;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
font-weight: 600;
font-size: 1.28em;
margin: 14px 0 14px;
}
.post p {
font-size: 1em;
line-height: 150%;
}
.post ul {
list-style-type: square;
font-size: 1em;
padding-left: 20px;
}
.post ol {
font-size: 1em;
padding-left: 20px;
}
.post blockquote {
font-size: 1em;
padding: 0 8px;
margin: 16px 0;
font-style: italic;
border-left: 2px solid #eee;
}
.post figure {
margin: 0;
}
.quote-text {
font-family: Georgia, serif;
font-weight: 400 !important;
font-style: italic;
}
.post-content img {
max-width: 100%;
height: auto;
}
.index-page .photo-post-photo {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.video-content {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.chat {
list-style-type: none;
padding-left: 0;
}
.chat li {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.chat li:last-child {
border-bottom: none;
}
.chat-label {
font-weight: bold;
}
.clear {
clear: both;
}
.post iframe, figure img {
display: block;
max-width: 100%;
}
figure img {
height: auto;
}
.post-content hr {
clear: both;
border: 0;
border-bottom: 1px solid #eee;
}
.asker-avatar {
width: 16px;
height: 16px;
vertical-align: middle;
border-radius: 2px;
margin-right: 5px;
}
/* =Post Meta and Notes
-------------------------------------------------------------- */
.photo .post-index-info {
display: none;
}
.post-index-info {
margin-top: 20px;
}
.post-index-info a {
color: #888;
}
.photo-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
font-size: 1em;
line-height: 30px;
font-weight: normal;
background: rgba({RGBcolor:Photo Hover}, 0);
border-top: 0;
z-index: 100;
opacity: 0;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.photo-hover:hover {
background: rgba({RGBcolor:Photo Hover}, 0.75);
opacity: 1;
}
.photo-hover a, .photo-hover a:hover {
color: white;
text-shadow: 1px 2px 5px rgba(0,0,0,0.5);
}
.photo-hover .inside {
text-align: center;
transition: all 0.15s ease-in-out;
position: relative;
width: 100%;
top: 50%;
margin-top: -24px;
}
.post-meta {
padding: 25px 0 0;
}
.post-meta-item {
margin-right: 8px;
}
.tag {
margin-right: 8px;
}
.tag:before {
content: "#";
}
.like_button, .reblog_button {
display: inline-block !important;
}
.reblog_button {
margin-right: 10px;
}
ol.notes {
list-style-type: none;
padding-left: 0;
}
.notes .avatar {
width: 16px;
height: 16px;
vertical-align: middle;
display: inline;
border-radius: 3px;
margin-right: 10px;
}
.note {
padding: 4px;
}
.note:last-child {
margin-bottom: 10px;
}
/* Note icons */
ol.notes .reblog {background: transparent url('//static.tumblr.com/anzluor/Gw5n6ay0z/reblog.png') right center no-repeat;}
ol.notes .like {background: transparent url('//static.tumblr.com/anzluor/0yrn6ay0n/like.png') right center no-repeat;}
ol.notes .reply {background: transparent url('//static.tumblr.com/anzluor/n70n6ay1a/reply.png') right center no-repeat;}
.note blockquote {
border: 0;
background: transparent;
border-left: 2px solid #eee;
}
/* =Pagination=
-------------------------------------------------------------- */
.pagination {
clear: both;
text-align: center;
}
.span33, .span50 {
float: left;
min-height: 1px;
padding: 60px 25px;
}
.span33 {
width: 33%;
}
.span50 {
width: 50%;
}
#previous, #next, .page-info {
font-size: 1em;
color: #333;
}
#previous:hover, #next:hover, .page-info:hover {
text-decoration: underline;
}
/* =Misc styles=
-------------------------------------------------------------- */
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.spinner {
background: white;
color: black;
-webkit-box-shadow: 0px 0px 55px rgba(0,0,0,0.15);
box-shadow: 0px 0px 55px rgba(0,0,0,0.15);
border-radius: 64px;
padding: 20px;
position: fixed;
top: 48%;
left: 48%;
z-index: 999;
display: none;
}
.loading {
display: block;
}
/* Only show first photoset photo */
.index-page .photoset-content a {
display: none;
}
.index-page .photoset-content a:first-child {
display: block;
}
/* Keep reading link arrow */
a.read_more:after {
content: " \2192";
}
/* Hide posts before they load */
.posts-hidden {
opacity: 0.01;
}
/* Permalink page styles */
.permalink-page .post {
width: 100%;
}
.permalink-page .post-content {
padding: 25px;
}
.permalink-page .post-content img {
border-radius: 2px;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
a img {
border: 0;
}
/* =Responsive styles=
-------------------------------------------------------------- */
@media screen and (max-width:960px) {
body {
padding: 0;
}
.wrapper, .permalink-page .wrapper {
width: 100%;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.index-page.layout-4col .post, .index-page.layout-3col .post, .index-page.layout-2col .post {
width: 50%;
}
#tumblr_controls {
display: none;
}
.photo-hover {
display: none;
}
}
@media screen and (max-width:640px) {
.index-page.layout-4col .post, .index-page.layout-3col .post, .index-page.layout-2col .post {
width: 100%;
}
}
{CustomCSS}
</style>
<script type="text/javascript">
var volume = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, prefill: false};
</script>
</head>
<body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} layout-{select:Columns} background-{select:Background Image Style}">
{block:IndexPage}
<div id="spinner" class="spinner loading"><i class="fa fa-lg fa-circle-o-notch fa-spin"></i></div>
{/block:IndexPage}
<div class="wrapper clearfix">
<header class="clearfix">
<nav class="header-navbar">
<a class="logo" href="/">{block:ShowTitle}{Title}{/block:ShowTitle}{block:HideTitle}<i class="fa fa-home"></i>{/block:HideTitle}</a>
<ul class="header-links">
{block:AskEnabled}<a class="header-link" href="/ask" title="{AskLabel}"><li><i class="fa fa-fw fa-comment-o"></i></li></a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a class="header-link" href="/submit" title="{SubmitLabel}"><li><i class="fa fa-fw fa-envelope-o"></i></li></a>{/block:SubmissionsEnabled}
<a id="open_menu" class="header-link" href="#" title="{lang:Pages}"><li><i class="fa fa-fw fa-bars"></i></li></a>
</ul>
</nav>
<ul class="pages-links menu-hidden">
<div class="arrow-up"></div>
<a class="pages-link" href="/archive"><li>{lang:Archive}</li></a>
{block:HasPages}
{block:Pages}<a class="pages-link" href="{URL}"><li>{Label}</li></a>{/block:Pages}
{/block:HasPages}
<a class="pages-link" href="http://colorlib.com/wp/"><li>Theme Author</li></a>
</ul>
</header>
<main role="main">
{block:ShowDescription}
<div class="subheader blog-description">
{Description}
</div>
{/block:ShowDescription}
{block:DayPage}
<div class="subheader">
<h2>{lang:Posted on Month DayOfMonth Year}</h2>
</div>
{/block:DayPage}
{block:SearchPage}
{block:SearchResults}
<div class="subheader">
<h2>{lang:SearchResultCount results for SearchQuery 2}</h2>
</div>
{/block:SearchResults}
{block:NoSearchResults}
<div class="subheader">
<h2>{lang:No search results for SearchQuery 2}</h2>
</div>
{/block:NoSearchResults}
{/block:SearchPage}
{block:TagPage}
<div class="subheader">
<h2>{lang:Posts tagged Tag}</h2>
</div>
{/block:TagPage}
<div id="gravity"{block:IndexPage} class="posts-hidden"{/block:IndexPage}>
{block:Posts}
<article id="{PostID}" class="post {PostType}{block:PermalinkPage} {block:Date}not-{/block:Date}page{/block:PermalinkPage}">
<div class="post-content">
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
{/block:Text}
{block:Answer}
<p><img class="asker-avatar" src="{AskerPortraitURL-16}" srcset="{AskerPortraitURL-30} 2x" /> <b>{Asker}:</b></p><p>{Question}</p>
<hr>
{block:Answerer}
<p><img class="asker-avatar" src="{AnswererPortraitURL-16}" srcset="{AnswererPortraitURL-30} 2x" /> <b>{Answerer}:</b></p>
{Answer}
<hr>
{/block:Answerer}
{Replies}
{/block:Answer}
{block:Photo}
<figure class="photo-content">
{block:PermalinkPage}
{LinkOpenTag}<img class="photo-post-photo" src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}
{/block:PermalinkPage}
{block:IndexPage}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:IndexPage}
</figure>
{block:PermalinkPage}
{block:Caption}
<figcaption>{Caption}</figcaption>
{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<figure class="photoset-content">
{block:Photos}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:Photos}
</figure>
{/block:IndexPage}
{block:PermalinkPage}
<figure class="photoset-content">{Photoset}</figure>
<figcaption>{Caption}</figcaption>
{/block:PermalinkPage}
{/block:Photoset}
{block:Quote}
<h2 class="quote-text">"{Quote}"</h2>
{block:Source}
<p style="text-align: right">&mdash; {Source}</p>
{/block:Source}
{/block:Quote}
{block:Link}
<h2><a href="{URL}" class="link-post-link" {Target}><i class="fa fa-fw fa-mail-forward"></i> {Name}</a></h2>
{block:Host}<p>({Host})</p>{/block:Host}
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="chat-label">{Label}</span>
{/block:Label}
<span class="chat-line">{Line}</span>
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}
<figure class="video-content">
{block:IndexPage}
{VideoEmbed-250}
{/block:IndexPage}
{block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
</figure>
{block:Caption}
<figcaption>{Caption}</figcaption>
{/block:Caption}
{/block:Video}
{block:Audio}
<figure class="audio-content">
{AudioEmbed}
</figure>
{block:Caption}
<figcaption>{Caption}</figcaption>
{/block:Caption}
{/block:Audio}
{block:PermalinkPage}
{block:Date}
{block:HasTags}
<div class="post-meta post-tags">
{block:Tags}
<a class="tag" href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
<div class="post-meta">
{block:IfShowLikeandReblogButtons}<span style="float: right">{ReblogButton color="gray" size="18"}{LikeButton color="gray" size="18"}</span>{/block:IfShowLikeandReblogButtons}
<span class="post-meta-item"><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span>
{block:RebloggedFrom}<span class="post-meta-item"><a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}"><i class="fa fa-fw fa-retweet"></i> {ReblogParentName}</a></span>{/block:RebloggedFrom}
{block:Submission}<span class="post-meta-item"><a href="{SubmitterURL}"><i class="fa fa-fw fa-envelope-o"></i> {Submitter}</a></span>{/block:Submission}
{block:ContentSource}<span class="post-meta-item"><a href="{SourceURL}" title="{SourceTitle}"><i class="fa fa-fw fa-globe"></i> {lang:Source}</a></span>{/block:ContentSource}
</div>
{/block:Date}
{/block:PermalinkPage}
{block:IndexPage}
{block:Photo}
<div class="photo-hover">
<div class="inside">
{block:IfShowLikeandReblogButtons}
{ReblogButton color="white" size="18"}{LikeButton color="white" size="18"}
<br>{/block:IfShowLikeandReblogButtons}<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a>
</div>
</div>
{/block:Photo}
{block:Photoset}
<div class="photo-hover">
<div class="inside">
{block:IfShowLikeandReblogButtons}
{ReblogButton color="white" size="18"}{LikeButton color="white" size="18"}
<br>{/block:IfShowLikeandReblogButtons}<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a>
</div>
</div>
{/block:Photoset}
<div class="post-index-info">
{block:IfShowLikeandReblogButtons}
<span style="float: right">{ReblogButton color="gray" size="18"}{LikeButton color="gray" size="18"}</span>{/block:IfShowLikeandReblogButtons}
<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a>
</div>
{/block:IndexPage}
</div>
</article>
{block:PermalinkPage}
{block:Date}
{block:NoteCount}
<div class="post">
<div class="post-content">
<h2>{NoteCountWithLabel}</h2>
{PostNotes-16}
</div>
</div>
{/block:NoteCount}
{/block:Date}
{/block:PermalinkPage}
{/block:Posts}
</div>
</main>
{block:DayPage}
{block:DayPagination}
<nav class="pagination">
<div class="span50 align-left">
{block:PreviousDayPage}<a href="{PreviousDayPage}" class="jump-page" id="previous"><i class="fa fa-fw fa-angle-left"></i> {ShortMonth} {DayOfMonth}</a>{/block:PreviousDayPage}
</div>
<div class="span50 align-right">
{block:NextDayPage}<a href="{NextDayPage}" class="jump-page" id="next">{ShortMonth} {DayOfMonth} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextDayPage}
</div>
</nav>
{/block:DayPagination}
{/block:DayPage}
{block:PermalinkPagination}
<nav class="pagination">
<div class="span50 align-left">
{block:PreviousPost}<a href="{PreviousPost}" id="previous"><i class="fa fa-fw fa-angle-left"></i> {lang:Previous Post}</a>{/block:PreviousPost}
</div>
<div class="span50 align-right">
{block:NextPost}<a href="{NextPost}" id="next">{lang:Next Post} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextPost}
</div>
</nav>
{/block:PermalinkPagination}
{block:Pagination}
<nav class="pagination">
<div class="span33 align-left">
{block:PreviousPage}<a href="{PreviousPage}" id="previous"><i class="fa fa-fw fa-angle-left"></i> {lang:Previous}</a>{/block:PreviousPage}
</div>
<div class="span33">
<a href="/archive" class="page-info">{CurrentPage} / {TotalPages}</a>
</div>
<div class="span33 align-right">
{block:NextPage}<a href="{NextPage}" id="next">{lang:Next} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextPage}
</div>
</nav>
{/block:Pagination}
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//static.tumblr.com/anzluor/Np0nv9fs0/masonry.pkgd.min.js"></script>
{block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
<script src="//static.tumblr.com/mkc38v5/nQuomuwx2/gravity.min.js"></script>
{block:IfGoogleAnalyticsID}
<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', '{text:Google Analytics ID}', 'auto');
ga('send', 'pageview');
</script>
{/block:IfGoogleAnalyticsID}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment