|
<!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:TagPage} ({lang:Posts tagged Tag}){/block:TagPage}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title> |
|
<meta name="description" content="{MetaDescription}"> |
|
{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:Lazy image loading" content="0"> |
|
<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/ryx1vdv/Pzbqkttjt/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="https://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, |
|
.tagged-page-cta .tagged-page-cta-desc { |
|
color: {TitleColor}; |
|
} |
|
|
|
.tagged-page-cta .tagged-page-cta-tag { |
|
color: {TitleColor}; |
|
border-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; |
|
} |
|
|
|
/* Logged-out compact Tumblr iframe */ |
|
.tmblr-iframe-compact .tmblr-iframe--unified-controls { |
|
min-width: 100%; |
|
background-color: {BackgroundColor}; |
|
} |
|
|
|
/* 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}"> |
|
|
|
<!-- This is in case the search engine skips the title tag--> |
|
<h1 style="display: none;">{Title}{block:TagPage} ({lang:Posts tagged Tag}){/block:TagPage}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</h1> |
|
<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"> |
|
<h2 class="app-nag-callout">{lang:Engagement popover title}</h2> |
|
<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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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:Actions}show{/block:Actions}"> |
|
{block:LikesPage} |
|
<a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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} |
|
{block:Actions} |
|
<div class="post-cta-action"> |
|
<a href="{url}" rel="nofollow noreferrer noopener" target="_blank">{text}</a> |
|
</div> |
|
{/block:Actions} |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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:ContentSource} |
|
<a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a> |
|
{/block:ContentSource} |
|
</section> |
|
|
|
<section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:HasTags} has-tags{/block:HasTags}{block:PinnedPostLabel} has-rec-reason{/block:PinnedPostLabel}"> |
|
{block:PinnedPostLabel} |
|
<a class="meta-item recommendation-reason">{PinnedPostLabel}</a> |
|
{/block:PinnedPostLabel} |
|
{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}&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}&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}&media={VideoThumbnailURL}&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}&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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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:PermalinkPage} |
|
{block:Posts} |
|
{block:HasRelatedTags} |
|
<section class="tagged-page-cta"> |
|
<p class="tagged-page-cta-desc">See more posts like this on Tumblr</p> |
|
{block:RelatedTags} |
|
<a class="tagged-page-cta-tag" href="https://tumblr.com/tagged/{URLSafeTag}" target="_blank">#{Tag}</a> |
|
{/block:RelatedTags} |
|
</section> |
|
{/block:HasRelatedTags} |
|
{/block:Posts} |
|
{/block:PermalinkPage} |
|
|
|
{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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}&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}&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}&media={VideoThumbnailURL}&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}&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">{lang: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">{lang: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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading} 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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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}"{block:IfLazyImageLoading} loading="lazy"{/block:IfLazyImageLoading}> |
|
</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"> |
|
"file-the |