Anda di halaman 1dari 54

<!

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/6gxc5mm/9yZp06xrd/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:TagPages}
<li class="nav-item nav-item--page">
<a href="{URL}" class="label {CurrentState}
{ExternalState}">{Label}</a>
</li>
{/block:TagPages}
{/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>