Skip to content

Instantly share code, notes, and snippets.

@desbest
Created November 26, 2017 11:33
Show Gist options
  • Save desbest/e1abc5c491286cf1bfe2e510b15770d7 to your computer and use it in GitHub Desktop.
Save desbest/e1abc5c491286cf1bfe2e510b15770d7 to your computer and use it in GitHub Desktop.
Default Tumblr Theme
<!DOCTYPE html>
<!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
<head>
{MobileAppHeaders}
<meta charset="utf-8">
<title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
{block:Hidden}
<meta name="if:Sliding header" content="1">
<meta name="if:Show navigation" content="1">
<meta name="if:Endless scrolling" content="1">
<meta name="if:Syntax highlighting" content="0">
<meta name="select:Layout" content="regular" title="Regular">
<meta name="select:Layout" content="narrow" title="Minimal">
<meta name="select:Layout" content="wide" title="Wide">
<meta name="select:Layout" content="grid" title="Grid">
<meta name="if:Related Posts" content="1">
<meta name="text:Disqus shortname" content="">
<meta name="text:Google analytics ID" content="">
{/block:Hidden}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#35465D">
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="https://static.tumblr.com/27gzhx7/z94ot8t44/main-min.css">
{block:IfSyntaxHighlighting}
<link rel="stylesheet" href="https://static.tumblr.com/ehm1tdz/2VWnye81h/tumblr-highlightjs.css">
{/block:IfSyntaxHighlighting}
{PostTypographyStyles}
<!-- HTML5 Shiv -->
<!--[if lt IE 9]>
<script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
<![endif]-->
<style>
/* Colors */
body {
background: {BackgroundColor};
}
.blog-title {
font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
font-weight: {TitleFontWeight};
}
.blog-title a,
.description,
.search-no-results,
.likes-no-likes,
.related-posts-wrapper > h2,
.loader .loader-bar,
.widget-title {
color: {TitleColor};
}
a {
color: {AccentColor};
}
#pagination a,
.nav-wrapper .nav-item .label {
color: {AccentColor};
}
#pagination a.next:after {
border-left-color: {AccentColor};
}
#pagination a.previous:after {
border-right-color: {AccentColor};
}
.header-image.cover {
background-image: url({HeaderImage});
}
.user-avatar {
background-color: {BackgroundColor};
border-color: {BackgroundColor};
}
.avatar-style-square .user-avatar {
-webkit-box-shadow: 0 0 0 4px {BackgroundColor};
box-shadow: 0 0 0 4px {BackgroundColor};
}
.no-header-image .logo-wrapper,
.contain-header-image .logo-wrapper {
color: {AccentColor};
}
/* Adjust logo for light accents on light backgrounds */
.light-on-light.no-header-image .logo-wrapper,
.light-on-light.contain-header-image .logo-wrapper {
color: #444;
}
/* Adjust logo for dark accents on dark backgrounds */
.dark-on-dark.no-header-image .logo-wrapper,
.dark-on-dark.contain-header-image .logo-wrapper {
color: #fff;
}
/* Sticky nav colors */
.nav-fixed {
background-color: {BackgroundColor};
}
.nav-responsive .inline-nav::after {
background-image: linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
background-image: -webkit-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
background-image: -moz-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
background-image: -ms-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
background-image: -o-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
}
@media screen and (max-device-width: 568px) {
.header-image.cover {
background-image: url({HeaderImage-640});
-webkit-background-size: cover;
background-size: cover;
}
.avatar-style-square .user-avatar {
-webkit-box-shadow: 0 0 0 3px {BackgroundColor};
-moz-box-shadow: 0 0 0 3px {BackgroundColor};
box-shadow: 0 0 0 3px {BackgroundColor};
}
}
/* Custom CSS */
{CustomCSS}
</style>
</head>
<body data-urlencoded-name="{URLEncodedName}" class="{select:Layout}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:LikesPage} likes-page{/block:LikesPage}{block:FollowingPage} following-page{/block:FollowingPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{block:NoLikes} no-likes{/block:NoLikes}{block:NoPosts} no-posts{/block:NoPosts}{block:NoFollowing} no-following{/block:NoFollowing}{/block:SearchPage}{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}{block:NoStretchHeaderImage} contain-header-image{/block:NoStretchHeaderImage}{block:IfRelatedPosts} display-related-posts{/block:IfRelatedPosts}{block:ShowAdsOnThisPage} show-ads{/block:ShowAdsOnThisPage}">
<div class="app-nag">
<div class="app-nag-header clearfix">
<div class="app-nag-icon">
<div class="app-nag-icon-ios">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
<path fill="#36465D" d="M1024,771c0,139.2-113.8,253-253,253H253C113.8,1024,0,910.2,0,771V253C0,113.8,113.8,0,253,0h518 c139.2,0,253,113.8,253,253V771z"/>
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
<path opacity="0.6" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"/>
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
<path fill="#FFFFFF" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"/>
<path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"/>
</svg>
</div>
<div class="app-nag-icon-android">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"></path>
<path opacity="0.5" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"></path>
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"></path>
<path fill="#36465D" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"></path>
<path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"></path>
</svg>
</div>
</div>
<div class="app-nag-ratings">
<svg width="181px" height="30px" viewBox="0 0 181 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M15.8,25.2 L6.1,29.8 L7.5,19.2 L0.1,11.4 L10.6,9.5 L15.8,0 L20.9,9.5 L31.4,11.4 L24,19.2 L25.4,29.8 L15.8,25.2 Z" fill="#FFC00E"></path>
<path d="M52.8,25.2 L43.1,29.8 L44.5,19.2 L37.1,11.4 L47.6,9.5 L52.8,0 L57.9,9.5 L68.4,11.4 L61,19.2 L62.4,29.8 L52.8,25.2 Z" fill="#FFC00E"></path>
<path d="M89.8,25.2 L80.1,29.8 L81.5,19.2 L74.1,11.4 L84.6,9.5 L89.8,0 L94.9,9.5 L105.4,11.4 L98,19.2 L99.4,29.8 L89.8,25.2 Z" fill="#FFC00E"></path>
<path d="M126.8,25.2 L117.1,29.8 L118.5,19.2 L111.1,11.4 L121.6,9.5 L126.8,0 L131.9,9.5 L142.4,11.4 L135,19.2 L136.4,29.8 L126.8,25.2 Z" fill="#FFC00E"></path>
<path d="M163.8,25.2 L154.1,29.8 L155.5,19.2 L148.1,11.4 L158.6,9.5 L163.8,0 L168.9,9.5 L179.4,11.4 L172,19.2 L173.4,29.8 L163.8,25.2 Z" fill="#E7E7E7"></path>
<path d="M163.3,25.1 L154.1,29.8 L155.5,19.2 L148.1,11.4 L158.6,9.5 L163.3,0.9 L163.3,25.1 Z" fill="#FFC00E"></path>
</g>
</svg>
<div class="app-nag-ratings-text app-nag-ratings-text-android">
{lang:Android rating numbers}
</div>
<div class="app-nag-ratings-text app-nag-ratings-text-ios">
{lang:iOS rating numbers}
</div>
</div>
<div class="app-nag-close-button">
<svg width="15px" height="15px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M12.510351,14.6860639 L0,27.1964147 L2.175713,29.3721278 L14.686064,16.8617771 L27.196415,29.3721278 L29.372128,27.1964147 L16.861777,14.6860639 L29.372128,2.1757132 L27.196415,0 L14.686064,12.5103507 L2.175713,0 L0,2.1757132 L12.510351,14.6860639 L12.510351,14.6860639 Z" fill="#D3D3D3"></path>
</g>
</svg>
</div>
</div>
<div class="app-nag-body">
<h1 class="app-nag-callout">{lang:Engagement popover title}</h1>
<a class="app-nag-large-button app-nag-app-store-link button blue">{lang:Engagement popover button}</a>
<a class="app-nag-large-button app-nag-app-store-deny">{lang:Dismiss engagement popover}</a>
</div>
</div>
<section id="page">
<div class="header-wrapper
{block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}
{block:HideHeaderImage}no-image {/block:HideHeaderImage}
{block:HideAvatar}avatar-hidden{/block:HideAvatar}
{block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
<header id="header" class="top-blog-header">
{block:ShowHeaderImage}
<div class="header-image-wrapper {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}">
<a href="/" class="header-image {block:IfSlidingHeader}parallax{/block:IfSlidingHeader} {block:StretchHeaderImage}cover{/block:StretchHeaderImage} {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
{block:NoStretchHeaderImage}
<img src="{HeaderImage}" alt="">
{/block:NoStretchHeaderImage}
</a>
<div class="loader-bg"></div>
</div>
{/block:ShowHeaderImage}
<div class="blog-title-wrapper content">
<figure class="avatar-wrapper{block:IndexPage} animate{/block:IndexPage}">
<a href="/" style="background-image: url({PortraitURL-128})" class="user-avatar"><img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
</figure>
<div class="title-group{block:IndexPage} animate{/block:IndexPage}">
{block:ShowTitle}
<h1 class="blog-title"><a href="/">{Title}</a></h1>
{/block:ShowTitle}
{block:ShowDescription}
<span class="description">
{Description}
</span>
{/block:ShowDescription}
</div>
</div>
</header>
</div>
{block:IfShowNavigation}
<div class="{block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}nav-wrapper nav-responsive">
<nav class="nav-menu">
<ul class="inline-nav">
<li class="nav-item nav-item--posts">
<a href="/" class="label {block:HomePage}current-page{/block:HomePage}">{lang:Posts}</a>
</li>
{block:Likes}
<li class="nav-item nav-item--likes">
<a href="/likes" class="label {block:LikesPage}current-page{/block:LikesPage}">{lang:Likes}</a>
</li>
{/block:Likes}
{block:ShareFollowing}
<li class="nav-item nav-item--following">
<a href="/following" class="label {block:FollowingPage}current-page{/block:FollowingPage}">{lang:Following}</a>
</li>
{/block:ShareFollowing}
{block:AskEnabled}
<li class="nav-item nav-item--ask">
<a href="/ask" class="label {block:AskPage}current-page{/block:AskPage}">{AskLabel}</a>
</li>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<li class="nav-item nav-item--submit">
<a href="/submit" class="label {block:SubmitPage}current-page{/block:SubmitPage}">{SubmitLabel}</a>
</li>
{/block:SubmissionsEnabled}
{block:HasPages}
{block:Pages}
<li class="nav-item nav-item--page">
<a href="{URL}" class="label {CurrentState} {ExternalState}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
<li class="nav-item nav-item--archive">
<a href="/archive" class="label external-page">{lang:Archive}</a>
</li>
</ul>
</nav>
</div>
{/block:IfShowNavigation}
{block:SearchPage}
{block:NoSearchResults}
<div class="search-no-results content">
{lang:Sorry no search results found}.
</div>
{/block:NoSearchResults}
{/block:SearchPage}
{block:LikesPage}
{block:NoLikes}
<div class="likes-no-likes content"></div>
{/block:NoLikes}
{/block:LikesPage}
{block:FollowingPage}
{block:NoFollowing}
<div class="following-no-following content"></div>
{/block:NoFollowing}
{/block:FollowingPage}
{block:IndexPage}
{block:NoPosts}
<div class="posts-no-posts content"></div>
{/block:NoPosts}
{/block:IndexPage}
<section id="posts" class="content clearfix {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}{block:HideHeaderImage}no-image {/block:HideHeaderImage} {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar} {block:HideAvatar}avatar-hidden{/block:HideAvatar} {block:IfShowNavigation}show-nav{/block:IfShowNavigation}">
{block:ShowAdsOnThisPage}
<input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
{/block:ShowAdsOnThisPage}
<div class="container">
<div class="main">
{block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
<article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date} {block:SupplyLogging}data-supply-logging='{positions}'{/block:SupplyLogging}>
<div class="post-wrapper clearfix">
<header class="post-header">
{block:LikesPage}
<a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
{/block:LikesPage}
{block:RebloggedFrom}
<a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
{/block:RebloggedFrom}
</header>
<section class="post">
{block:Text}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:NotReblog}
<div class="body-text">{Body}</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:IsActive}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:IsDeactivated}
</div>
</div>
{block:IsActive}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive post-tumblelog-name">{Username}</span>
{/block:IsDeactivated}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Photo}
<figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
<div class="photo-wrapper">
<div class="photo-wrapper-inner">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
</div>
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:IsActive}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:IsDeactivated}
</div>
</div>
{block:IsActive}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive post-tumblelog-name">{Username}</span>
{/block:IsDeactivated}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photo}
{block:Photoset}
<figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
{Photoset}
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:IsActive}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:IsDeactivated}
</div>
</div>
{block:IsActive}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive post-tumblelog-name">{Username}</span>
{/block:IsDeactivated}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photoset}
{block:Quote}
<div class="post-content">
<blockquote class="{Length}">
{Quote}
</blockquote>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
<div class="link-wrapper">
<a {Target} href="{URL}" class="link">
{block:Thumbnail}
<div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
{/block:Thumbnail}
<div class="link-text-wrapper clearfix">
<div class="link-text">
{block:Host}
<div class="link-host">{Host}</div>
{/block:Host}
<h2 class="link-title">{Name}</h2>
{block:Excerpt}
<div class="link-excerpt">{Excerpt}</div>
{/block:Excerpt}
{block:Author}
<div class="link-author">{Author}</div>
{/block:Author}
</div>
</div>
</a>
</div>
{block:NotReblog}
<div class="caption">
{Description}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:IsActive}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:IsDeactivated}
</div>
</div>
{block:IsActive}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive post-tumblelog-name">{Username}</span>
{/block:IsDeactivated}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Link}
{block:Chat}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul class="conversation">
{block:Lines}
<li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="audio_container">
{block:AudioEmbed}
{AudioEmbed color="white"}
{/block:AudioEmbed}
</div>
{block:NotReblog}
<div class="caption">
{Caption}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:IsActive}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:IsDeactivated}
</div>
</div>
{block:IsActive}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:IsActive}
{block:IsDeactivated}
<span class="inactive post-tumblelog-name">{Username}</span>
{/block:IsDeactivated}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Audio}
{block:Video}
<figure class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="video-wrapper">
{Video-700}
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Video}
{block:Answer}
<div class="post-content">
<div class="note-item note-item-asker">
<div class="text">
<p class="asker"><strong>{Asker}</strong> asked:</p>
<div class="asker-question">
{Question}
</div>
</div>
<div class="avatar">
<img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
</div>
</div>
{block:Answerer}
<div class="note-item note-item-answerer">
<div class="text">
<p class="answerer"><strong>{Answerer}</strong> answered:</p>
<div class="answerer-answer">
{Answer}
</div>
</div>
<div class="avatar">
<img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
</div>
</div>
{/block:Answerer}
{block:NotReblog}
<div class="replies">
{Replies}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Answer}
<section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
{block:ContentSource}
<a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
{/block:ContentSource}
{block:HasTags}
{block:Tags}
<a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</section>
</section>
{block:Date}
<section class="panel">
<footer class="post-footer">
<section class="panel">
<section class="inline-meta date-notes">
<div class="date-note-wrapper">
{block:NoteCount}
<span>
<a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
{block:PermalinkPage}
{block:PostNotes}
<section id="notes-count" class="clearfix">
<div class="notes-wrapper-header">
<span class="notes-wrapper-header-close">
<svg width="15px" height="15px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M12.510351,14.6860639 L0,27.1964147 L2.175713,29.3721278 L14.686064,16.8617771 L27.196415,29.3721278 L29.372128,27.1964147 L16.861777,14.6860639 L29.372128,2.1757132 L27.196415,0 L14.686064,12.5103507 L2.175713,0 L0,2.1757132 L12.510351,14.6860639 L12.510351,14.6860639 Z" fill="#D3D3D3"></path>
</g>
</svg>
</span>
{NoteCountWithLabel}
</div>
</section>
{/block:PostNotes}
{/block:PermalinkPage}
</span>
{/block:NoteCount}
<a href="{Permalink}" title="{TimeAgo}" class="meta-item post-date">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
</div>
</section>
<section class="post-controls">
<div class="controls-wrapper">
<div class="control share-control">
<nav class="pop">
<a href="#" class="share selector"></a>
<div class="pop-menu share-menu south" id="share_{PostID}">
<ul>
<li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
<li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
<li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
{block:Photo}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:Photo}
{block:Video}{block:VideoThumbnail}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:VideoThumbnail}{/block:Video}
<li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
<li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
<li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
<li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
</ul>
</div>
</nav>
</div>
<div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
<div class="control like-control">{LikeButton size="24" color="black"}</div>
</div>
</section>
</section>
<section class="inline-meta date-notes">
{block:NoteCount}
<span class="notes-pop-container">
{block:PermalinkPage}
{block:PostNotes}
<section class="notes-wrapper clearfix">
<div id="notes" class="notes-anchor"></div>
{PostNotes-64}
</section>
{/block:PostNotes}
{/block:PermalinkPage}
</span>
{/block:NoteCount}
</section>
</footer>
</section>
{/block:Date}
{block:PermalinkPage}
{block:Date}
{block:IfDisqusShortname}
<section class="comments">
<div id="disqus_thread"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'https://{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="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</section>
{/block:IfDisqusShortname}
{/block:Date}
{/block:PermalinkPage}
</div>
</article>
{/block:Posts}
{block:FollowingPage}
{block:Blogs}
<div class="blog-card" style="background-color: {BackgroundColor};">
<div class="indash-tumblelog-compact">
<div class="indash-header-wrapper{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}" style="color: {TitleColor}">
<div class="navigation">
<div class="navigation-inner">
<h3>
<a href="{BlogURL}" target="_blank" class="blog-name" {block:HideHeaderImage}style="color: {AccentColor};"{/block:HideHeaderImage}>
<span class="name">{Username}</span>
</a>
</h3>
</div>
</div>
{block:ShowHeaderImage}
<div class="header-image-wrapper">
<div class="header-image{block:StretchHeaderImage} cover{/block:StretchHeaderImage}{block:NoStretchHeaderImage} contain{/block:NoStretchHeaderImage}" style="background-image:url('{HeaderImage}')">
<a href="{BlogURL}" target="_blank">
<img src="{HeaderImage}" alt="{Title}">
</a>
</div>
</div>
{/block:ShowHeaderImage}
{Block:ShowAvatar}
<div class="avatar {AvatarShape}" style="background-color: {BackgroundColor}; background-image:url('{PortraitURL-128}'); color: {BackgroundColor}">
<a href="{BlogURL}" target="_blank"><img src="{PortraitURL-128}" alt="{Title}"></a>
</div>
{/Block:ShowAvatar}
<div class="info-wrapper">
<div class="info">
{block:ShowTitle}
<h1 class="title" style="font-family:'{TitleFont}', sans-serif; font-weight: {TitleFontWeight}">{Title}</h1>
{/block:ShowTitle}
{block:ShowDescription}
<div class="description" style="color: {TitleColor}">
<div class="description-inner">{Description}</div>
</div>
{/block:ShowDescription}
</div>
</div>
</div>
<div class="description-gradient" style="background: linear-gradient(rgba({RGBBackgroundColor}, 0), {BackgroundColor});"></div>
</div>
<div class="highlighted-posts">
{Block:HighlightedPosts}
<div class="post post-micro post-type-{PostType}" data-type="{PostType}">
<div class="post-content">
<div class="post-content-inner">
<div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
</div>
</div>
<div class="post-glass post-micro-glass">
<a target="_blank" class="permalink" href="{Permalink}"></a>
</div>
</div>
{/Block:HighlightedPosts}
</div>
</div>
{/block:Blogs}
{/block:FollowingPage}
{block:IfRelatedPosts}
{block:RelatedPosts}
<section class="related-posts-wrapper">
<h2>{lang:More you might like}</h2>
<div class="related-posts">
{block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
<article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date}>
<div class="post-wrapper clearfix">
{block:RebloggedFrom}
<header class="post-header">
<a class="reblog-link" href="{ReblogParentURL}"><i class="reblog-icon"></i>{ReblogParentName}</a>
</header>
{/block:RebloggedFrom}
<section class="post">
{block:Text}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:NotReblog}
<div class="body-text">{Body}</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Photo}
<figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
<div class="photo-wrapper">
<div class="photo-wrapper-inner">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
</div>
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photo}
{block:Photoset}
<figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
{Photoset}
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photoset}
{block:Quote}
<div class="post-content">
<blockquote class="{Length}">
{Quote}
</blockquote>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
<div class="link-wrapper">
<a {Target} href="{URL}" class="link">
{block:Thumbnail}
<div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
{/block:Thumbnail}
<div class="link-text-wrapper clearfix">
<div class="link-text">
{block:Host}
<div class="link-host">{Host}</div>
{/block:Host}
<h2 class="link-title">{Name}</h2>
{block:Excerpt}
<div class="link-excerpt">{Excerpt}</div>
{/block:Excerpt}
{block:Author}
<div class="link-author">{Author}</div>
{/block:Author}
</div>
</div>
</a>
</div>
{block:NotReblog}
<div class="caption">
{Description}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Link}
{block:Chat}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul class="conversation">
{block:Lines}
<li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="audio_container">
{block:AudioEmbed}
{AudioEmbed color="white"}
{/block:AudioEmbed}
</div>
{block:NotReblog}
<div class="caption">
{Caption}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Audio}
{block:Video}
<figure class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="video-wrapper">
{Video-700}
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Video}
{block:Answer}
<div class="post-content">
<div class="note-item note-item-asker">
<div class="text">
<p class="asker"><strong>{Asker}</strong> asked:</p>
<div class="asker-question">
{Question}
</div>
</div>
<div class="avatar">
<img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
</div>
</div>
{block:Answerer}
<div class="note-item note-item-answerer">
<div class="text">
<p class="answerer"><strong>{Answerer}</strong> answered:</p>
<div class="answerer-answer">
{Answer}
</div>
</div>
<div class="avatar">
<img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
</div>
</div>
{/block:Answerer}
{block:NotReblog}
<div class="replies">
{Replies}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Answer}
<section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
{block:ContentSource}
<a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
{/block:ContentSource}
{block:HasTags}
{block:Tags}
<a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</section>
</section>
{block:Date}
<section class="panel">
<footer class="post-footer">
<section class="panel">
<section class="inline-meta date-notes">
<div class="date-note-wrapper">
{block:NoteCount}
<a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
</div>
</section>
<section class="post-controls">
<div class="controls-wrapper">
<div class="control share-control">
<nav class="pop">
<a href="#" class="share selector"></a>
<div class="pop-menu share-menu south" id="share_{PostID}">
<ul>
<li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
<li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
<li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
{block:Photo}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:Photo}
{block:Video}{block:VideoThumbnail}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:VideoThumbnail}{/block:Video}
<li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
<li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
<li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
<li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
</ul>
</div>
</nav>
</div>
<div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
<div class="control like-control">{LikeButton size="24" color="black"}</div>
</div>
</section>
</section>
</footer>
</section>
{/block:Date}
</div>
</article>
{/block:Posts}
</div>
<div class="related-posts-cta content">
<!-- @todo: translate these strings -->
<a class="related-post-cta button bordered open-in-app">{lang:See this in the app}</a>
<a class="related-post-cta see-more button bordered" href="/">{lang:Show more}</a>
</div>
</section>
{block:ShowAdsOnThisPage}
<input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
{/block:ShowAdsOnThisPage}
{/block:RelatedPosts}
{/block:IfRelatedPosts}
</div> <!-- .main -->
<div class="sidebar">
{Block:HasHighlightedPosts}
<div class="widget highlighted-posts">
<div class="widget-title">Top Photos</div>
<div class="posts">
{Block:HighlightedPosts}
<div class="post post-micro post-type-{PostType}" data-type="{PostType}">
<div class="post-content">
<div class="post-content-inner">
<div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
</div>
</div>
<div class="post-glass post-micro-glass">
<a target="_blank" class="permalink" href="{Permalink}"></a>
</div>
</div>
{/Block:HighlightedPosts}
</div>
</div>
{/Block:HasHighlightedPosts}
{block:HasLikedPosts}
<div class="widget likes-widget">
<div class="widget-title">Recently Liked</div>
{block:LikedPosts limit="1"}
<article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date}>
<div class="post-wrapper clearfix">
<header class="post-header">
<a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
{block:RebloggedFrom}
<a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
{/block:RebloggedFrom}
</header>
<section class="post">
{block:Text}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:NotReblog}
<div class="body-text">{Body}</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Photo}
<figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
<div class="photo-wrapper">
<div class="photo-wrapper-inner">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
</div>
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photo}
{block:Photoset}
<figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
{Photoset}
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Photoset}
{block:Quote}
<div class="post-content">
<blockquote class="{Length}">
{Quote}
</blockquote>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
<div class="link-wrapper">
<a {Target} href="{URL}" class="link">
{block:Thumbnail}
<div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
{/block:Thumbnail}
<div class="link-text-wrapper clearfix">
<div class="link-text">
{block:Host}
<div class="link-host">{Host}</div>
{/block:Host}
<h2 class="link-title">{Name}</h2>
{block:Excerpt}
<div class="link-excerpt">{Excerpt}</div>
{/block:Excerpt}
{block:Author}
<div class="link-author">{Author}</div>
{/block:Author}
</div>
</div>
</a>
</div>
{block:NotReblog}
<div class="caption">
{Description}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Link}
{block:Chat}
<div class="post-content">
{block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul class="conversation">
{block:Lines}
<li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="audio_container">
{block:AudioEmbed}
{AudioEmbed color="white"}
{/block:AudioEmbed}
</div>
{block:NotReblog}
<div class="caption">
{Caption}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Audio}
{block:Video}
<figure class="post-content {block:Caption}with-caption{/block:Caption}">
<div class="video-wrapper">
{Video-700}
</div>
{block:NotReblog}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</figure>
{/block:Video}
{block:Answer}
<div class="post-content">
<div class="note-item note-item-asker">
<div class="text">
<p class="asker"><strong>{Asker}</strong> asked:</p>
<div class="asker-question">
{Question}
</div>
</div>
<div class="avatar">
<img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
</div>
</div>
{block:Answerer}
<div class="note-item note-item-answerer">
<div class="text">
<p class="answerer"><strong>{Answerer}</strong> answered:</p>
<div class="answerer-answer">
{Answer}
</div>
</div>
<div class="avatar">
<img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
</div>
</div>
{/block:Answerer}
{block:NotReblog}
<div class="replies">
{Replies}
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblog-list">
{block:Reblogs}
<div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
<div class="post-reblog-header">
{block:HasAvatar}
<div class="post-avatar">
<div class="post-avatar-wrapper">
{block:HasPermalink}
<a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
<img class="post-avatar-image" src="{PortraitURL-64}">
</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
<img class="post-avatar-image" src="{PortraitURL-64}">
</span>
{/block:HasNoPermalink}
</div>
</div>
{/block:HasAvatar}
{block:HasPermalink}
<a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
{/block:HasPermalink}
{block:HasNoPermalink}
<span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
{/block:HasNoPermalink}
</div>
<div class="post-reblog-content">
<div class="post-body">
{Body}
</div>
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Answer}
<section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
{block:ContentSource}
<a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
{/block:ContentSource}
{block:HasTags}
{block:Tags}
<a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</section>
</section>
{block:Date}
<section class="panel">
<footer class="post-footer">
<section class="panel">
<section class="inline-meta date-notes">
<div class="date-note-wrapper">
{block:NoteCount}
<a href="{Permalink}#notes" class="meta-item post-notes" target="_blank">{NoteCountWithLabel}</a>
{/block:NoteCount}
</div>
</section>
<section class="post-controls">
<div class="controls-wrapper">
<div class="control share-control">
<nav class="pop">
<a href="#" class="share selector"></a>
<div class="pop-menu share-menu south" id="share_{PostID}">
<ul>
<li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
<li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
<li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
{block:Photo}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:Photo}
{block:Video}{block:VideoThumbnail}
<li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
{/block:VideoThumbnail}{/block:Video}
<li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
<li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
<li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
<li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
</ul>
</div>
</nav>
</div>
<div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
<div class="control like-control">{LikeButton size="24" color="black"}</div>
</div>
</section>
</section>
</footer>
</section>
{/block:Date}
</div>
</article>
{/block:LikedPosts}
</div> <!-- .likes-widget -->
{/block:HasLikedPosts}
</div> <!-- .sidebar -->
</div> <!-- .container -->
</section>
{block:NewCta}
{block:PermalinkPage}
<div class="install-banner">
<div class="install-banner-inner">
<div class="copy">
<div>{lang:You scrolled this far}</div>
<div>{lang:Check out the Tumblr app}</div>
</div>
<div class="logo-wrapper">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
<path fill="#36465D" d="M1024,771c0,139.2-113.8,253-253,253H253C113.8,1024,0,910.2,0,771V253C0,113.8,113.8,0,253,0h518 c139.2,0,253,113.8,253,253V771z"/>
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
<path opacity="0.6" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"/>
<path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
<path fill="#FFFFFF" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"/>
<path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"/>
</svg>
</div>
<a href="https://go.onelink.me/893408789" class="install-button" target="_blank">{lang:Get the app}</a>
</div>
</div>
{/block:PermalinkPage}
{/block:NewCta}
<footer id="footer" class="content clearfix">
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
{/block:NextPage}
<div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
</div>
{/block:Pagination}
{/block:IndexPage}
</footer>
</section>
<script>
var Optica = {};
Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
Optica.SHOW_NAV = {block:IfShowNavigation}true{/block:IfShowNavigation}{block:IfNotShowNavigation}false{/block:IfNotShowNavigation};
Optica.LAYOUT = "{select:Layout}";
Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
Optica.TITLE_COLOR = "{TitleColor}";
Optica.ACCENT_COLOR = "{AccentColor}";
Optica.BACKGROUND_COLOR = "{BackgroundColor}";
{block:NuOpticaBlogCardsEnabled}
Optica.NU_OPTICA_BLOG_CARDS = true;
{/block:NuOpticaBlogCardsEnabled}
{block:NuOpticaBlogCardsDisabled}
Optica.NU_OPTICA_BLOG_CARDS = false;
{/block:NuOpticaBlogCardsDisabled}
Optica.RELATED_POSTS_CTA_VARIANTS = [
{
variant: "C",
text: "{lang:Open In App CTA C}"
},
{
variant: "D",
text: "{lang:Open In App CTA D}"
},
{
variant: "E",
text: "{lang:Open In App CTA E}"
}
];
Optica.NO_LIKES_VARIANTS = [
"{lang:This Tumblr hasnt liked any posts yet}",
"{lang:This Tumblr doesnt like anything yet}",
"{lang:No likes Sheesh}",
"{lang:Amazing This Tumblr doesnt like anything}",
"{lang:Incredible This Tumblr doesnt like anything}",
"{lang:Neat This Tumblr doesnt like anything}",
"{lang:Apparently this Tumblr is hard to please}",
"{lang:Wow This Tumblr hasnt liked anything ever}",
"{lang:This Tumblr hasnt liked anything yet How very intriguing}",
"{lang:This Tumblr has never met a post it didnt not like}"
];
Optica.NO_POSTS_VARIANTS = [
"{lang:This Tumblr hasnt made any posts}",
"{lang:This silly Tumblr hasnt posted anything yet}",
"{lang:This Tumblr is cool but empty}",
"{lang:This Tumblr is content-free}",
"{lang:This minimalist Tumblr has no posts}",
"{lang:Meditate for a while on this empty Tumblr}",
"{lang:Posts Nah}",
"{lang:This Tumblr has hardly any posts None at all in fact}",
"{lang:This Tumblr hasnt posted anything}"
];
Optica.NO_FOLLOWING_VARIANTS = [
"{lang:This Tumblr hasnt followed any other Tumblrs}",
"{lang:Aw This Tumblr isnt following anyone}",
"{lang:Nope this Tumblr doesnt follow anyone}",
"{lang:This cool Tumblr doesnt follow anyone}",
"{lang:This far-out Tumblr doesnt follow anyone}",
"{lang:This fiercely independent Tumblr doesnt follow anyone}",
"{lang:This Tumblr doesnt follow anything except for its own rules}",
"{lang:This Tumblr doesnt really follow anything}"
];
</script>
<script src="https://static.tumblr.com/27gzhx7/Z5qorjizb/main-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}
{block:IfRelatedPosts}
{block:RelatedPosts}
<script src="https://secure.static.tumblr.com/t1owtkf/bSAnvroul/jquery.waypoints.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var trackingPixels = {TrackingPixels};
var analytics_frame = document.getElementById('ga_target');
var analytics_iframe_loaded;
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
eventer(messageEvent,function(e) {
var message = (e.data && e.data.split) ? e.data.split(';') : '';
if (message[0] == 'analytics_iframe_loaded') {
analytics_iframe_loaded = true;
}
});
$('.related-posts > article').waypoint(function() {
if (!analytics_iframe_loaded) {
return;
}
var post_id = $(this.element).data('post-id');
if (typeof trackingPixels[post_id] == 'undefined' || !trackingPixels[post_id]) {
return;
}
var trackingPixel = trackingPixels[post_id];
analytics_frame.contentWindow.postMessage(
['tick_related_post', trackingPixel].join(';'),
analytics_frame.src.split('/analytics.html')[0]
);
trackingPixels[post_id] = null;
}, {
offset: '100%'
});
});
</script>
{/block:RelatedPosts}
{/block:IfRelatedPosts}
{block:IfSyntaxHighlighting}
<script type="text/javascript" src="https://static.tumblr.com/ehm1tdz/Mhunye5t3/highlight.pack.js"/></script>
<script type="text/javascript">
(function($) {
$(document).ready(function() {
$('.post-content pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
})(window.jQuery);
</script>
{/block:IfSyntaxHighlighting}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment