bubblemelon

Original Tumblr Theme

Apr 24th, 2020
316
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 177.70 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5.     <head>
  6.         {MobileAppHeaders}
  7.         <meta charset="utf-8">
  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>
  9.         <meta name="description" content="{MetaDescription}">
  10.         {block:Hidden}
  11.         <meta name="if:Sliding header" content="1">
  12.         <meta name="if:Show navigation" content="1">
  13.         <meta name="if:Endless scrolling" content="1">
  14.         <meta name="if:Syntax highlighting" content="0">
  15.         <meta name="select:Layout" content="regular" title="Regular">
  16.         <meta name="select:Layout" content="narrow" title="Minimal">
  17.         <meta name="select:Layout" content="wide" title="Wide">
  18.         <meta name="select:Layout" content="grid" title="Grid">
  19.         <meta name="if:Related Posts" content="1">
  20.         <meta name="text:Disqus shortname" content="">
  21.         <meta name="text:Google analytics ID" content="">
  22.         {/block:Hidden}
  23.  
  24.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  25.         <meta name="theme-color" content="#35465D">
  26.         <link rel="shortcut icon" href="{Favicon}">
  27.         <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  28.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.         <link rel="stylesheet" href="https://static.tumblr.com/bbehtdf/2Boq735k9/main-min.css">
  30.         {block:IfSyntaxHighlighting}
  31.         <link rel="stylesheet" href="https://static.tumblr.com/ehm1tdz/2VWnye81h/tumblr-highlightjs.css">
  32.         {/block:IfSyntaxHighlighting}
  33.         {PostTypographyStyles}
  34.  
  35.         <!-- HTML5 Shiv -->
  36.         <!--[if lt IE 9]>
  37.            <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  38.        <![endif]-->
  39.  
  40.         <style>
  41.             /* Colors */
  42.             body {
  43.                 background: {BackgroundColor};
  44.             }
  45.  
  46.             .blog-title {
  47.                 font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  48.                 font-weight: {TitleFontWeight};
  49.             }
  50.  
  51.             .blog-title a,
  52.             .description,
  53.             .search-no-results,
  54.             .likes-no-likes,
  55.             .related-posts-wrapper > h2,
  56.             .loader .loader-bar,
  57.             .widget-title {
  58.                 color: {TitleColor};
  59.             }
  60.  
  61.             a {
  62.                 color: {AccentColor};
  63.             }
  64.  
  65.             #pagination a,
  66.             .nav-wrapper .nav-item .label {
  67.                 color: {AccentColor};
  68.             }
  69.  
  70.             #pagination a.next:after {
  71.                 border-left-color: {AccentColor};
  72.             }
  73.  
  74.             #pagination a.previous:after {
  75.                 border-right-color: {AccentColor};
  76.             }
  77.  
  78.             .header-image.cover {
  79.                 background-image: url({HeaderImage});
  80.             }
  81.  
  82.             .user-avatar {
  83.                 background-color: {BackgroundColor};
  84.                 border-color: {BackgroundColor};
  85.             }
  86.  
  87.             .avatar-style-square .user-avatar {
  88.                 -webkit-box-shadow: 0 0 0 4px {BackgroundColor};
  89.                 box-shadow: 0 0 0 4px {BackgroundColor};
  90.             }
  91.  
  92.             .no-header-image .logo-wrapper,
  93.             .contain-header-image .logo-wrapper {
  94.                 color: {AccentColor};
  95.             }
  96.  
  97.             /* Adjust logo for light accents on light backgrounds */
  98.             .light-on-light.no-header-image .logo-wrapper,
  99.             .light-on-light.contain-header-image .logo-wrapper {
  100.                 color: #444;
  101.             }
  102.  
  103.             /* Adjust logo for dark accents on dark backgrounds */
  104.             .dark-on-dark.no-header-image .logo-wrapper,
  105.             .dark-on-dark.contain-header-image .logo-wrapper {
  106.                 color: #fff;
  107.             }
  108.  
  109.             /* Logged-out compact Tumblr iframe */
  110.             .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  111.                 min-width: 100%;
  112.                 background-color: {BackgroundColor};
  113.             }
  114.  
  115.             /* Sticky nav colors */
  116.             .nav-fixed {
  117.                 background-color: {BackgroundColor};
  118.             }
  119.  
  120.             .nav-responsive .inline-nav::after {
  121.                 background-image: linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
  122.                 background-image: -webkit-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
  123.                 background-image: -moz-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
  124.                 background-image: -ms-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
  125.                 background-image: -o-linear-gradient(left, rgba({RGBBackgroundColor}, 0) 0%, rgba({RGBBackgroundColor},1) 100%);
  126.             }
  127.  
  128.             @media screen and (max-device-width: 568px) {
  129.                 .header-image.cover {
  130.                     background-image: url({HeaderImage-640});
  131.                     -webkit-background-size: cover;
  132.                     background-size: cover;
  133.                 }
  134.  
  135.                 .avatar-style-square .user-avatar {
  136.                     -webkit-box-shadow: 0 0 0 3px {BackgroundColor};
  137.                     -moz-box-shadow: 0 0 0 3px {BackgroundColor};
  138.                     box-shadow: 0 0 0 3px {BackgroundColor};
  139.                 }
  140.  
  141.             }
  142.  
  143.             /* Custom CSS */
  144.             {CustomCSS}
  145.         </style>
  146.     </head>
  147.     <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}">
  148.  
  149.         <!-- This is in case the search engine skips the title tag-->
  150.         <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>
  151.         <div class="app-nag">
  152.             <div class="app-nag-header clearfix">
  153.                 <div class="app-nag-icon">
  154.                     <div class="app-nag-icon-ios">
  155.                         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  156.                             viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
  157.                             <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"/>
  158.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
  159.                             <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"/>
  160.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
  161.                             <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"/>
  162.                             <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"/>
  163.                         </svg>
  164.                     </div>
  165.                     <div class="app-nag-icon-android">
  166.                         <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">
  167.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"></path>
  168.                             <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>
  169.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"></path>
  170.                             <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>
  171.                             <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>
  172.                         </svg>
  173.                     </div>
  174.                 </div>
  175.                 <div class="app-nag-ratings">
  176.                     <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">
  177.                         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  178.                             <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>
  179.                             <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>
  180.                             <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>
  181.                             <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>
  182.                             <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>
  183.                             <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>
  184.                         </g>
  185.                     </svg>
  186.                     <div class="app-nag-ratings-text app-nag-ratings-text-android">
  187.                         {lang:Android rating numbers}
  188.                     </div>
  189.                     <div class="app-nag-ratings-text app-nag-ratings-text-ios">
  190.                         {lang:iOS rating numbers}
  191.                     </div>
  192.                 </div>
  193.                 <div class="app-nag-close-button">
  194.                     <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">
  195.                         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  196.                             <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>
  197.                         </g>
  198.                     </svg>
  199.                 </div>
  200.             </div>
  201.             <div class="app-nag-body">
  202.                 <h2 class="app-nag-callout">{lang:Engagement popover title}</h2>
  203.                 <a class="app-nag-large-button app-nag-app-store-link button blue">{lang:Engagement popover button}</a>
  204.                 <a class="app-nag-large-button app-nag-app-store-deny">{lang:Dismiss engagement popover}</a>
  205.             </div>
  206.         </div>
  207.  
  208.         <section id="page">
  209.             <div class="header-wrapper
  210.                {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}
  211.                {block:HideHeaderImage}no-image {/block:HideHeaderImage}
  212.                {block:HideAvatar}avatar-hidden{/block:HideAvatar}
  213.                {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
  214.  
  215.                 <header id="header" class="top-blog-header">
  216.                     {block:ShowHeaderImage}
  217.                     <div class="header-image-wrapper {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}">
  218.                         <a href="/" class="header-image {block:IfSlidingHeader}parallax{/block:IfSlidingHeader} {block:StretchHeaderImage}cover{/block:StretchHeaderImage} {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
  219.                             {block:NoStretchHeaderImage}
  220.                             <img src="{HeaderImage}" alt="">
  221.                             {/block:NoStretchHeaderImage}
  222.                         </a>
  223.                         <div class="loader-bg"></div>
  224.                     </div>
  225.                     {/block:ShowHeaderImage}
  226.  
  227.                     <div class="blog-title-wrapper content">
  228.                         <figure class="avatar-wrapper{block:IndexPage} animate{/block:IndexPage}">
  229.                             <a href="/" style="background-image: url({PortraitURL-128})" class="user-avatar"><img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
  230.                         </figure>
  231.  
  232.                         <div class="title-group{block:IndexPage} animate{/block:IndexPage}">
  233.                             {block:ShowTitle}
  234.                             <h1 class="blog-title"><a href="/">{Title}</a></h1>
  235.                             {/block:ShowTitle}
  236.                             {block:ShowDescription}
  237.                             <span class="description">
  238.                                 {Description}
  239.                             </span>
  240.                             {/block:ShowDescription}
  241.                         </div>
  242.                     </div>
  243.                 </header>
  244.             </div>
  245.             {block:IfShowNavigation}
  246.                 <div class="{block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}nav-wrapper nav-responsive">
  247.                     <nav class="nav-menu">
  248.                         <ul class="inline-nav">
  249.                             <li class="nav-item nav-item--posts">
  250.                                 <a href="/" class="label {block:HomePage}current-page{/block:HomePage}">{lang:Posts}</a>
  251.                             </li>
  252.                             {block:Likes}
  253.                                 <li class="nav-item nav-item--likes">
  254.                                     <a href="/likes" class="label {block:LikesPage}current-page{/block:LikesPage}">{lang:Likes}</a>
  255.                                 </li>
  256.                             {/block:Likes}
  257.                             {block:ShareFollowing}
  258.                                 <li class="nav-item nav-item--following">
  259.                                     <a href="/following" class="label {block:FollowingPage}current-page{/block:FollowingPage}">{lang:Following}</a>
  260.                                 </li>
  261.                             {/block:ShareFollowing}
  262.                             {block:AskEnabled}
  263.                                 <li class="nav-item nav-item--ask">
  264.                                     <a href="/ask" class="label {block:AskPage}current-page{/block:AskPage}">{AskLabel}</a>
  265.                                 </li>
  266.                             {/block:AskEnabled}
  267.                             {block:SubmissionsEnabled}
  268.                                 <li class="nav-item nav-item--submit">
  269.                                     <a href="/submit" class="label {block:SubmitPage}current-page{/block:SubmitPage}">{SubmitLabel}</a>
  270.                                 </li>
  271.                             {/block:SubmissionsEnabled}
  272.                             {block:HasPages}
  273.                                 {block:Pages}
  274.                                 <li class="nav-item nav-item--page">
  275.                                     <a href="{URL}" class="label {CurrentState} {ExternalState}">{Label}</a>
  276.                                 </li>
  277.                                 {/block:Pages}
  278.                             {/block:HasPages}
  279.                             <li class="nav-item nav-item--archive">
  280.                                 <a href="/archive" class="label external-page">{lang:Archive}</a>
  281.                             </li>
  282.                         </ul>
  283.                     </nav>
  284.                 </div>
  285.             {/block:IfShowNavigation}
  286.             {block:SearchPage}
  287.                 {block:NoSearchResults}
  288.                 <div class="search-no-results content">
  289.                     {lang:Sorry no search results found}.
  290.                 </div>
  291.                 {/block:NoSearchResults}
  292.             {/block:SearchPage}
  293.             {block:LikesPage}
  294.                 {block:NoLikes}
  295.                 <div class="likes-no-likes content"></div>
  296.                 {/block:NoLikes}
  297.             {/block:LikesPage}
  298.             {block:FollowingPage}
  299.                 {block:NoFollowing}
  300.                 <div class="following-no-following content"></div>
  301.                 {/block:NoFollowing}
  302.             {/block:FollowingPage}
  303.             {block:IndexPage}
  304.                 {block:NoPosts}
  305.                 <div class="posts-no-posts content"></div>
  306.                 {/block:NoPosts}
  307.             {/block:IndexPage}
  308.  
  309.             <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}">
  310.  
  311.                 {block:ShowAdsOnThisPage}
  312.                     <input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
  313.                 {/block:ShowAdsOnThisPage}
  314.  
  315.                 <div class="container">
  316.                     <div class="main">
  317.                         {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  318.                                 <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}>
  319.                                     <div class="post-wrapper clearfix">
  320.  
  321.                                         <header class="post-header">
  322.                                             {block:LikesPage}
  323.                                                 <a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
  324.                                             {/block:LikesPage}
  325.                                             {block:RebloggedFrom}
  326.                                                 <a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
  327.                                             {/block:RebloggedFrom}
  328.                                         </header>
  329.  
  330.                                         <section class="post">
  331.                                             {block:Text}
  332.                                             <div class="post-content">
  333.                                                 {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  334.                                                 {block:NotReblog}
  335.                                                     <div class="body-text">{Body}</div>
  336.                                                 {/block:NotReblog}
  337.                                                 {block:RebloggedFrom}
  338.                                                     <div class="reblog-list">
  339.                                                         {block:Reblogs}
  340.                                                             <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  341.                                                                 <div class="post-reblog-header">
  342.                                                                     <div class="post-avatar">
  343.                                                                         <div class="post-avatar-wrapper">
  344.                                                                             {block:IsActive}
  345.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  346.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  347.                                                                             </a>
  348.                                                                             {/block:IsActive}
  349.                                                                             {block:IsDeactivated}
  350.                                                                             <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  351.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  352.                                                                             </span>
  353.                                                                             {/block:IsDeactivated}
  354.                                                                         </div>
  355.                                                                     </div>
  356.                                                                     {block:IsActive}
  357.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  358.                                                                     {/block:IsActive}
  359.                                                                     {block:IsDeactivated}
  360.                                                                         <span class="inactive post-tumblelog-name">{Username}</span>
  361.                                                                     {/block:IsDeactivated}
  362.                                                                 </div>
  363.                                                                 <div class="post-reblog-content">
  364.                                                                     <div class="post-body">
  365.                                                                         {Body}
  366.                                                                     </div>
  367.                                                                 </div>
  368.                                                             </div>
  369.                                                         {/block:Reblogs}
  370.                                                     </div>
  371.                                                 {/block:RebloggedFrom}
  372.                                             </div>
  373.                                             {/block:Text}
  374.  
  375.                                             {block:Photo}
  376.                                             <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  377.                                                 <div class="photo-wrapper">
  378.                                                     <div class="photo-wrapper-inner">
  379.                                                         {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}
  380.                                                     </div>
  381.                                                 </div>
  382.                                                 {block:NotReblog}
  383.                                                     <figcaption class="caption">
  384.                                                         {Caption}
  385.                                                     </figcaption>
  386.                                                 {/block:NotReblog}
  387.                                                 {block:RebloggedFrom}
  388.                                                 <div class="reblog-list">
  389.                                                     {block:Reblogs}
  390.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  391.                                                             <div class="post-reblog-header">
  392.                                                                 <div class="post-avatar">
  393.                                                                     <div class="post-avatar-wrapper">
  394.                                                                         {block:IsActive}
  395.                                                                         <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  396.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  397.                                                                         </a>
  398.                                                                         {/block:IsActive}
  399.                                                                         {block:IsDeactivated}
  400.                                                                         <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  401.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  402.                                                                         </span>
  403.                                                                         {/block:IsDeactivated}
  404.                                                                     </div>
  405.                                                                 </div>
  406.                                                                 {block:IsActive}
  407.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  408.                                                                 {/block:IsActive}
  409.                                                                 {block:IsDeactivated}
  410.                                                                     <span class="inactive post-tumblelog-name">{Username}</span>
  411.                                                                 {/block:IsDeactivated}
  412.                                                             </div>
  413.                                                             <div class="post-reblog-content">
  414.                                                                 <div class="post-body">
  415.                                                                     {Body}
  416.                                                                 </div>
  417.                                                             </div>
  418.                                                         </div>
  419.                                                     {/block:Reblogs}
  420.                                                 </div>
  421.                                                 {/block:RebloggedFrom}
  422.                                             </figure>
  423.                                             {/block:Photo}
  424.  
  425.                                             {block:Photoset}
  426.                                             <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  427.                                                 {Photoset}
  428.                                                 {block:NotReblog}
  429.                                                     <figcaption class="caption">
  430.                                                         {Caption}
  431.                                                     </figcaption>
  432.                                                 {/block:NotReblog}
  433.                                                 {block:RebloggedFrom}
  434.                                                 <div class="reblog-list">
  435.                                                     {block:Reblogs}
  436.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  437.                                                             <div class="post-reblog-header">
  438.                                                                 <div class="post-avatar">
  439.                                                                     <div class="post-avatar-wrapper">
  440.                                                                         {block:IsActive}
  441.                                                                         <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  442.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  443.                                                                         </a>
  444.                                                                         {/block:IsActive}
  445.                                                                         {block:IsDeactivated}
  446.                                                                         <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  447.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  448.                                                                         </span>
  449.                                                                         {/block:IsDeactivated}
  450.                                                                     </div>
  451.                                                                 </div>
  452.                                                                 {block:IsActive}
  453.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  454.                                                                 {/block:IsActive}
  455.                                                                 {block:IsDeactivated}
  456.                                                                     <span class="inactive post-tumblelog-name">{Username}</span>
  457.                                                                 {/block:IsDeactivated}
  458.                                                             </div>
  459.                                                             <div class="post-reblog-content">
  460.                                                                 <div class="post-body">
  461.                                                                     {Body}
  462.                                                                 </div>
  463.                                                             </div>
  464.                                                         </div>
  465.                                                     {/block:Reblogs}
  466.                                                 </div>
  467.                                                 {/block:RebloggedFrom}
  468.                                             </figure>
  469.                                             {/block:Photoset}
  470.  
  471.                                             {block:Quote}
  472.                                             <div class="post-content">
  473.                                                 <blockquote class="{Length}">
  474.                                                     {Quote}
  475.                                                 </blockquote>
  476.                                                 {block:Source}
  477.                                                 <div class="source">{Source}</div>
  478.                                                 {/block:Source}
  479.                                             </div>
  480.                                             {/block:Quote}
  481.  
  482.  
  483.                                             {block:Link}
  484.                                             <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  485.                                                 <div class="link-wrapper">
  486.                                                     <a {Target} href="{URL}" class="link">
  487.                                                         {block:Thumbnail}
  488.                                                         <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  489.                                                         {/block:Thumbnail}
  490.                                                         <div class="link-text-wrapper clearfix">
  491.                                                             <div class="link-text">
  492.                                                                 {block:Host}
  493.                                                                 <div class="link-host">{Host}</div>
  494.                                                                 {/block:Host}
  495.                                                                 <h2 class="link-title">{Name}</h2>
  496.                                                                 {block:Excerpt}
  497.                                                                 <div class="link-excerpt">{Excerpt}</div>
  498.                                                                 {/block:Excerpt}
  499.                                                                 {block:Author}
  500.                                                                 <div class="link-author">{Author}</div>
  501.                                                                 {/block:Author}
  502.                                                             </div>
  503.                                                         </div>
  504.                                                     </a>
  505.                                                 </div>
  506.                                                 {block:NotReblog}
  507.                                                     <div class="caption">
  508.                                                         {Description}
  509.                                                     </div>
  510.                                                 {/block:NotReblog}
  511.                                                 {block:RebloggedFrom}
  512.                                                     <div class="reblog-list">
  513.                                                         {block:Reblogs}
  514.                                                             <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  515.                                                                 <div class="post-reblog-header">
  516.                                                                     <div class="post-avatar">
  517.                                                                         <div class="post-avatar-wrapper">
  518.                                                                             {block:IsActive}
  519.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  520.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  521.                                                                             </a>
  522.                                                                             {/block:IsActive}
  523.                                                                             {block:IsDeactivated}
  524.                                                                             <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  525.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  526.                                                                             </span>
  527.                                                                             {/block:IsDeactivated}
  528.                                                                         </div>
  529.                                                                     </div>
  530.                                                                     {block:IsActive}
  531.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  532.                                                                     {/block:IsActive}
  533.                                                                     {block:IsDeactivated}
  534.                                                                         <span class="inactive post-tumblelog-name">{Username}</span>
  535.                                                                     {/block:IsDeactivated}
  536.                                                                 </div>
  537.                                                                 <div class="post-reblog-content">
  538.                                                                     <div class="post-body">
  539.                                                                         {Body}
  540.                                                                     </div>
  541.                                                                 </div>
  542.                                                             </div>
  543.                                                         {/block:Reblogs}
  544.                                                     </div>
  545.                                                 {/block:RebloggedFrom}
  546.                                             </div>
  547.                                             {/block:Link}
  548.  
  549.  
  550.                                             {block:Chat}
  551.                                             <div class="post-content">
  552.                                                 {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  553.                                                 <ul class="conversation">
  554.                                                 {block:Lines}
  555.                                                     <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  556.                                                 {/block:Lines}
  557.                                                 </ul>
  558.                                             </div>
  559.                                             {/block:Chat}
  560.  
  561.  
  562.                                             {block:Audio}
  563.                                             <div class="post-content {block:Caption}with-caption{/block:Caption}">
  564.                                                 <div class="audio_container">
  565.                                                     {block:AudioEmbed}
  566.                                                         {AudioEmbed color="white"}
  567.                                                     {/block:AudioEmbed}
  568.                                                 </div>
  569.                                                 {block:NotReblog}
  570.                                                     <div class="caption">
  571.                                                         {Caption}
  572.                                                     </div>
  573.                                                 {/block:NotReblog}
  574.                                                 {block:RebloggedFrom}
  575.                                                     <div class="reblog-list">
  576.                                                         {block:Reblogs}
  577.                                                             <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  578.                                                                 <div class="post-reblog-header">
  579.                                                                     <div class="post-avatar">
  580.                                                                         <div class="post-avatar-wrapper">
  581.                                                                             {block:IsActive}
  582.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  583.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  584.                                                                             </a>
  585.                                                                             {/block:IsActive}
  586.                                                                             {block:IsDeactivated}
  587.                                                                             <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  588.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  589.                                                                             </span>
  590.                                                                             {/block:IsDeactivated}
  591.                                                                         </div>
  592.                                                                     </div>
  593.                                                                     {block:IsActive}
  594.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  595.                                                                     {/block:IsActive}
  596.                                                                     {block:IsDeactivated}
  597.                                                                         <span class="inactive post-tumblelog-name">{Username}</span>
  598.                                                                     {/block:IsDeactivated}
  599.                                                                 </div>
  600.                                                                 <div class="post-reblog-content">
  601.                                                                     <div class="post-body">
  602.                                                                         {Body}
  603.                                                                     </div>
  604.                                                                 </div>
  605.                                                             </div>
  606.                                                         {/block:Reblogs}
  607.                                                     </div>
  608.                                                 {/block:RebloggedFrom}
  609.                                             </div>
  610.                                             {/block:Audio}
  611.  
  612.  
  613.                                             {block:Video}
  614.                                             <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  615.                                                 <div class="video-wrapper">
  616.                                                     {Video-700}
  617.                                                 </div>
  618.  
  619.                                                 {block:NotReblog}
  620.                                                     <figcaption class="caption">
  621.                                                         {Caption}
  622.                                                     </figcaption>
  623.                                                 {/block:NotReblog}
  624.                                                 {block:RebloggedFrom}
  625.                                                     <div class="reblog-list">
  626.                                                         {block:Reblogs}
  627.                                                             <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  628.                                                                 <div class="post-reblog-header">
  629.                                                                     {block:HasAvatar}
  630.                                                                         <div class="post-avatar">
  631.                                                                             <div class="post-avatar-wrapper">
  632.                                                                                 {block:HasPermalink}
  633.                                                                                 <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  634.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  635.                                                                                 </a>
  636.                                                                                 {/block:HasPermalink}
  637.                                                                                 {block:HasNoPermalink}
  638.                                                                                 <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  639.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  640.                                                                                 </span>
  641.                                                                                 {/block:HasNoPermalink}
  642.                                                                             </div>
  643.                                                                         </div>
  644.                                                                     {/block:HasAvatar}
  645.  
  646.                                                                     {block:HasPermalink}
  647.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  648.                                                                     {/block:HasPermalink}
  649.                                                                     {block:HasNoPermalink}
  650.                                                                         <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  651.                                                                     {/block:HasNoPermalink}
  652.                                                                 </div>
  653.                                                                 <div class="post-reblog-content">
  654.                                                                     <div class="post-body">
  655.                                                                         {Body}
  656.                                                                     </div>
  657.                                                                 </div>
  658.                                                             </div>
  659.                                                         {/block:Reblogs}
  660.                                                     </div>
  661.                                                 {/block:RebloggedFrom}
  662.                                             </figure>
  663.                                             {/block:Video}
  664.  
  665.                                             {block:Answer}
  666.                                             <div class="post-content">
  667.                                                 <div class="note-item note-item-asker">
  668.                                                     <div class="text">
  669.                                                         <p class="asker"><strong>{Asker}</strong> asked:</p>
  670.                                                         <div class="asker-question">
  671.                                                             {Question}
  672.                                                         </div>
  673.                                                     </div>
  674.                                                     <div class="avatar">
  675.                                                         <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  676.                                                     </div>
  677.                                                 </div>
  678.  
  679.                                                 {block:Answerer}
  680.                                                 <div class="note-item note-item-answerer">
  681.                                                     <div class="text">
  682.                                                         <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  683.                                                         <div class="answerer-answer">
  684.                                                             {Answer}
  685.                                                         </div>
  686.                                                     </div>
  687.                                                     <div class="avatar">
  688.                                                         <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  689.                                                     </div>
  690.                                                 </div>
  691.                                                 {/block:Answerer}
  692.  
  693.                                                 {block:NotReblog}
  694.                                                     <div class="replies">
  695.                                                         {Replies}
  696.                                                     </div>
  697.                                                 {/block:NotReblog}
  698.                                                 {block:RebloggedFrom}
  699.                                                     <div class="reblog-list">
  700.                                                         {block:Reblogs}
  701.                                                             <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  702.                                                                 <div class="post-reblog-header">
  703.                                                                     {block:HasAvatar}
  704.                                                                         <div class="post-avatar">
  705.                                                                             <div class="post-avatar-wrapper">
  706.                                                                                 {block:HasPermalink}
  707.                                                                                 <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  708.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  709.                                                                                 </a>
  710.                                                                                 {/block:HasPermalink}
  711.                                                                                 {block:HasNoPermalink}
  712.                                                                                 <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  713.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  714.                                                                                 </span>
  715.                                                                                 {/block:HasNoPermalink}
  716.                                                                             </div>
  717.                                                                         </div>
  718.                                                                     {/block:HasAvatar}
  719.  
  720.                                                                     {block:HasPermalink}
  721.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  722.                                                                     {/block:HasPermalink}
  723.                                                                     {block:HasNoPermalink}
  724.                                                                         <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  725.                                                                     {/block:HasNoPermalink}
  726.                                                                 </div>
  727.                                                                 <div class="post-reblog-content">
  728.                                                                     <div class="post-body">
  729.                                                                         {Body}
  730.                                                                     </div>
  731.                                                                 </div>
  732.                                                             </div>
  733.                                                         {/block:Reblogs}
  734.                                                     </div>
  735.                                                 {/block:RebloggedFrom}
  736.                                             </div>
  737.                                             {/block:Answer}
  738.  
  739.                                             <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  740.                                                 {block:ContentSource}
  741.                                                     <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  742.                                                 {/block:ContentSource}
  743.                                                 {block:HasTags}
  744.                                                     {block:Tags}
  745.                                                          <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  746.                                                     {/block:Tags}
  747.                                                 {/block:HasTags}
  748.                                             </section>
  749.  
  750.                                         </section>
  751.  
  752.                                         {block:Date}
  753.                                         <section class="panel">
  754.                                             <footer class="post-footer">
  755.  
  756.                                                 <section class="panel">
  757.                                                     <section class="inline-meta date-notes">
  758.                                                         <div class="date-note-wrapper">
  759.                                                             {block:NoteCount}
  760.                                                                 <span>
  761.                                                                     <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  762.                                                                     {block:PermalinkPage}
  763.                                                                         {block:PostNotes}
  764.                                                                             <section id="notes-count" class="clearfix">
  765.                                                                                 <div class="notes-wrapper-header">
  766.                                                                                     <span class="notes-wrapper-header-close">
  767.                                                                                         <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">
  768.                                                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  769.                                                                                                 <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>
  770.                                                                                             </g>
  771.                                                                                         </svg>
  772.                                                                                     </span>
  773.                                                                                     {NoteCountWithLabel}
  774.                                                                                 </div>
  775.                                                                             </section>
  776.                                                                         {/block:PostNotes}
  777.                                                                     {/block:PermalinkPage}
  778.                                                                 </span>
  779.                                                             {/block:NoteCount}
  780.                                                             <a href="{Permalink}" title="{TimeAgo}" class="meta-item post-date">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  781.                                                         </div>
  782.                                                     </section>
  783.  
  784.                                                     <section class="post-controls">
  785.                                                         <div class="controls-wrapper">
  786.                                                             <div class="control share-control">
  787.                                                                 <nav class="pop">
  788.                                                                     <a href="#" class="share selector"></a>
  789.                                                                     <div class="pop-menu share-menu south" id="share_{PostID}">
  790.                                                                         <ul>
  791.                                                                             <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  792.                                                                             <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  793.                                                                             <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  794.                                                                             {block:Photo}
  795.                                                                                 <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>
  796.                                                                             {/block:Photo}
  797.                                                                             {block:Video}{block:VideoThumbnail}
  798.                                                                                 <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>
  799.                                                                             {/block:VideoThumbnail}{/block:Video}
  800.                                                                             <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  801.                                                                             <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  802.                                                                             <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  803.                                                                             <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  804.                                                                         </ul>
  805.                                                                     </div>
  806.                                                                 </nav>
  807.                                                             </div>
  808.                                                             <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  809.                                                             <div class="control like-control">{LikeButton size="24" color="black"}</div>
  810.                                                         </div>
  811.                                                     </section>
  812.  
  813.                                                 </section>
  814.                                                 <section class="inline-meta date-notes">
  815.                                                         {block:NoteCount}
  816.                                                             <span class="notes-pop-container">
  817.                                                                 {block:PermalinkPage}
  818.                                                                     {block:PostNotes}
  819.                                                                         <section class="notes-wrapper clearfix">
  820.                                                                             <div id="notes" class="notes-anchor"></div>
  821.                                                                             {PostNotes-64}
  822.                                                                         </section>
  823.                                                                     {/block:PostNotes}
  824.                                                                 {/block:PermalinkPage}
  825.                                                             </span>
  826.                                                         {/block:NoteCount}
  827.                                                 </section>
  828.                                             </footer>
  829.                                         </section>
  830.                                         {/block:Date}
  831.                                         {block:PermalinkPage}
  832.  
  833.                                             {block:Date}
  834.  
  835.                                                 {block:IfDisqusShortname}
  836.                                                 <section class="comments">
  837.                                                     <div id="disqus_thread"></div>
  838.                                                     <script type="text/javascript">
  839.                                                       (function() {
  840.                                                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  841.                                                        dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  842.                                                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  843.                                                       })();
  844.                                                     </script>
  845.                                                     <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  846.                                                     <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  847.                                                 </section>
  848.                                                 {/block:IfDisqusShortname}
  849.  
  850.                                             {/block:Date}
  851.  
  852.                                         {/block:PermalinkPage}
  853.                                     </div>
  854.                                 </article>
  855.                         {/block:Posts}
  856.                         {block:FollowingPage}
  857.                             {block:Blogs}
  858.                                 <div class="blog-card" style="background-color: {BackgroundColor};">
  859.                                     <div class="indash-tumblelog-compact">
  860.                                         <div class="indash-header-wrapper{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}" style="color: {TitleColor}">
  861.                                             <div class="navigation">
  862.                                                 <div class="navigation-inner">
  863.                                                     <h3>
  864.                                                         <a href="{BlogURL}" target="_blank" class="blog-name" {block:HideHeaderImage}style="color: {AccentColor};"{/block:HideHeaderImage}>
  865.                                                             <span class="name">{Username}</span>
  866.                                                         </a>
  867.                                                     </h3>
  868.                                                 </div>
  869.                                             </div>
  870.                                             {block:ShowHeaderImage}
  871.                                             <div class="header-image-wrapper">
  872.                                                 <div class="header-image{block:StretchHeaderImage} cover{/block:StretchHeaderImage}{block:NoStretchHeaderImage} contain{/block:NoStretchHeaderImage}" style="background-image:url('{HeaderImage}')">
  873.                                                     <a href="{BlogURL}" target="_blank">
  874.                                                         <img src="{HeaderImage}" alt="{Title}">
  875.                                                     </a>
  876.                                                 </div>
  877.                                             </div>
  878.                                             {/block:ShowHeaderImage}
  879.                                             {Block:ShowAvatar}
  880.                                             <div class="avatar {AvatarShape}" style="background-color: {BackgroundColor}; background-image:url('{PortraitURL-128}'); color: {BackgroundColor}">
  881.                                                 <a href="{BlogURL}" target="_blank"><img src="{PortraitURL-128}" alt="{Title}"></a>
  882.                                             </div>
  883.                                             {/Block:ShowAvatar}
  884.                                             <div class="info-wrapper">
  885.                                                 <div class="info">
  886.                                                     {block:ShowTitle}
  887.                                                     <h1 class="title" style="font-family:'{TitleFont}', sans-serif; font-weight: {TitleFontWeight}">{Title}</h1>
  888.                                                     {/block:ShowTitle}
  889.                                                     {block:ShowDescription}
  890.                                                     <div class="description" style="color: {TitleColor}">
  891.                                                         <div class="description-inner">{Description}</div>
  892.                                                     </div>
  893.                                                     {/block:ShowDescription}
  894.                                                 </div>
  895.                                             </div>
  896.                                         </div>
  897.                                         <div class="description-gradient" style="background: linear-gradient(rgba({RGBBackgroundColor}, 0), {BackgroundColor});"></div>
  898.                                     </div>
  899.                                     <div class="highlighted-posts">
  900.                                         {Block:HighlightedPosts}
  901.                                         <div class="post post-micro post-type-{PostType}" data-type="{PostType}">
  902.                                             <div class="post-content">
  903.                                                 <div class="post-content-inner">
  904.                                                     <div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
  905.                                                 </div>
  906.                                             </div>
  907.                                             <div class="post-glass post-micro-glass">
  908.                                                 <a target="_blank" class="permalink" href="{Permalink}"></a>
  909.                                             </div>
  910.                                         </div>
  911.                                         {/Block:HighlightedPosts}
  912.                                     </div>
  913.                                 </div>
  914.                             {/block:Blogs}
  915.                         {/block:FollowingPage}
  916.                         {block:IfRelatedPosts}
  917.                             {block:RelatedPosts}
  918.                                 <section class="related-posts-wrapper">
  919.                                     <h2>{lang:More you might like}</h2>
  920.                                     <div class="related-posts">
  921.                                     {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  922.                                             <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}>
  923.                                                 <div class="post-wrapper clearfix">
  924.                                                     {block:RebloggedFrom}
  925.                                                     <header class="post-header">
  926.                                                         <a class="reblog-link" href="{ReblogParentURL}"><i class="reblog-icon"></i>{ReblogParentName}</a>
  927.                                                     </header>
  928.                                                     {/block:RebloggedFrom}
  929.                                                     <section class="post">
  930.                                                         {block:Text}
  931.                                                         <div class="post-content">
  932.                                                             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  933.                                                             {block:NotReblog}
  934.                                                                 <div class="body-text">{Body}</div>
  935.                                                             {/block:NotReblog}
  936.                                                             {block:RebloggedFrom}
  937.                                                                 <div class="reblog-list">
  938.                                                                     {block:Reblogs}
  939.                                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  940.                                                                             <div class="post-reblog-header">
  941.                                                                                                                                                         {block:HasAvatar}
  942.                                                                         <div class="post-avatar">
  943.                                                                             <div class="post-avatar-wrapper">
  944.                                                                                 {block:HasPermalink}
  945.                                                                                 <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  946.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  947.                                                                                 </a>
  948.                                                                                 {/block:HasPermalink}
  949.                                                                                 {block:HasNoPermalink}
  950.                                                                                 <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  951.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  952.                                                                                 </span>
  953.                                                                                 {/block:HasNoPermalink}
  954.                                                                             </div>
  955.                                                                         </div>
  956.                                                                     {/block:HasAvatar}
  957.  
  958.                                                                     {block:HasPermalink}
  959.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  960.                                                                     {/block:HasPermalink}
  961.                                                                     {block:HasNoPermalink}
  962.                                                                         <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  963.                                                                     {/block:HasNoPermalink}
  964.  
  965.                                                                                 {block:HasNoPermalink}
  966.                                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  967.                                                                                 {/block:HasNoPermalink}
  968.                                                                             </div>
  969.                                                                             <div class="post-reblog-content">
  970.                                                                                 <div class="post-body">
  971.                                                                                     {Body}
  972.                                                                                 </div>
  973.                                                                             </div>
  974.                                                                         </div>
  975.                                                                     {/block:Reblogs}
  976.                                                                 </div>
  977.                                                             {/block:RebloggedFrom}
  978.                                                         </div>
  979.                                                         {/block:Text}
  980.  
  981.                                                         {block:Photo}
  982.                                                         <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  983.                                                             <div class="photo-wrapper">
  984.                                                                 <div class="photo-wrapper-inner">
  985.                                                                     {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}
  986.                                                                 </div>
  987.                                                             </div>
  988.                                                             {block:NotReblog}
  989.                                                                 <figcaption class="caption">
  990.                                                                     {Caption}
  991.                                                                 </figcaption>
  992.                                                             {/block:NotReblog}
  993.                                                             {block:RebloggedFrom}
  994.                                                             <div class="reblog-list">
  995.                                                                 {block:Reblogs}
  996.                                                                     <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  997.                                                                         <div class="post-reblog-header">
  998.                                                                                                                                                     {block:HasAvatar}
  999.                                                                         <div class="post-avatar">
  1000.                                                                             <div class="post-avatar-wrapper">
  1001.                                                                                 {block:HasPermalink}
  1002.                                                                                 <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1003.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  1004.                                                                                 </a>
  1005.                                                                                 {/block:HasPermalink}
  1006.                                                                                 {block:HasNoPermalink}
  1007.                                                                                 <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1008.                                                                                     <img class="post-avatar-image" src="{PortraitURL-64}">
  1009.                                                                                 </span>
  1010.                                                                                 {/block:HasNoPermalink}
  1011.                                                                             </div>
  1012.                                                                         </div>
  1013.                                                                     {/block:HasAvatar}
  1014.  
  1015.                                                                     {block:HasPermalink}
  1016.                                                                         <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1017.                                                                     {/block:HasPermalink}
  1018.                                                                     {block:HasNoPermalink}
  1019.                                                                         <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1020.                                                                     {/block:HasNoPermalink}
  1021.  
  1022.                                                                         </div>
  1023.                                                                         <div class="post-reblog-content">
  1024.                                                                             <div class="post-body">
  1025.                                                                                 {Body}
  1026.                                                                             </div>
  1027.                                                                         </div>
  1028.                                                                     </div>
  1029.                                                                 {/block:Reblogs}
  1030.                                                             </div>
  1031.                                                             {/block:RebloggedFrom}
  1032.                                                         </figure>
  1033.                                                         {/block:Photo}
  1034.  
  1035.                                                         {block:Photoset}
  1036.                                                         <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  1037.                                                             {Photoset}
  1038.                                                             {block:NotReblog}
  1039.                                                                 <figcaption class="caption">
  1040.                                                                     {Caption}
  1041.                                                                 </figcaption>
  1042.                                                             {/block:NotReblog}
  1043.                                                             {block:RebloggedFrom}
  1044.                                                             <div class="reblog-list">
  1045.                                                                 {block:Reblogs}
  1046.                                                                     <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1047.                                                                         <div class="post-reblog-header">
  1048.                                                                             {block:HasAvatar}
  1049.                                                                                 <div class="post-avatar">
  1050.                                                                                     <div class="post-avatar-wrapper">
  1051.                                                                                         {block:HasPermalink}
  1052.                                                                                         <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1053.                                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1054.                                                                                         </a>
  1055.                                                                                         {/block:HasPermalink}
  1056.                                                                                         {block:HasNoPermalink}
  1057.                                                                                         <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1058.                                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1059.                                                                                         </span>
  1060.                                                                                         {/block:HasNoPermalink}
  1061.                                                                                     </div>
  1062.                                                                                 </div>
  1063.                                                                             {/block:HasAvatar}
  1064.  
  1065.                                                                             {block:HasPermalink}
  1066.                                                                                 <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1067.                                                                             {/block:HasPermalink}
  1068.                                                                             {block:HasNoPermalink}
  1069.                                                                                 <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1070.                                                                             {/block:HasNoPermalink}
  1071.                                                                         </div>
  1072.                                                                         <div class="post-reblog-content">
  1073.                                                                             <div class="post-body">
  1074.                                                                                 {Body}
  1075.                                                                             </div>
  1076.                                                                         </div>
  1077.                                                                     </div>
  1078.                                                                 {/block:Reblogs}
  1079.                                                             </div>
  1080.                                                             {/block:RebloggedFrom}
  1081.                                                         </figure>
  1082.                                                         {/block:Photoset}
  1083.  
  1084.                                                         {block:Quote}
  1085.                                                         <div class="post-content">
  1086.                                                             <blockquote class="{Length}">
  1087.                                                                 {Quote}
  1088.                                                             </blockquote>
  1089.                                                             {block:Source}
  1090.                                                             <div class="source">{Source}</div>
  1091.                                                             {/block:Source}
  1092.                                                         </div>
  1093.                                                         {/block:Quote}
  1094.  
  1095.  
  1096.                                                         {block:Link}
  1097.                                                         <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  1098.                                                             <div class="link-wrapper">
  1099.                                                                 <a {Target} href="{URL}" class="link">
  1100.                                                                     {block:Thumbnail}
  1101.                                                                     <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  1102.                                                                     {/block:Thumbnail}
  1103.                                                                     <div class="link-text-wrapper clearfix">
  1104.                                                                         <div class="link-text">
  1105.                                                                             {block:Host}
  1106.                                                                             <div class="link-host">{Host}</div>
  1107.                                                                             {/block:Host}
  1108.                                                                             <h2 class="link-title">{Name}</h2>
  1109.                                                                             {block:Excerpt}
  1110.                                                                             <div class="link-excerpt">{Excerpt}</div>
  1111.                                                                             {/block:Excerpt}
  1112.                                                                             {block:Author}
  1113.                                                                             <div class="link-author">{Author}</div>
  1114.                                                                             {/block:Author}
  1115.                                                                         </div>
  1116.                                                                     </div>
  1117.                                                                 </a>
  1118.                                                             </div>
  1119.                                                             {block:NotReblog}
  1120.                                                                 <div class="caption">
  1121.                                                                     {Description}
  1122.                                                                 </div>
  1123.                                                             {/block:NotReblog}
  1124.                                                             {block:RebloggedFrom}
  1125.                                                                 <div class="reblog-list">
  1126.                                                                     {block:Reblogs}
  1127.                                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1128.                                                                             <div class="post-reblog-header">
  1129.                                                                                 {block:HasAvatar}
  1130.                                                                                     <div class="post-avatar">
  1131.                                                                                         <div class="post-avatar-wrapper">
  1132.                                                                                             {block:HasPermalink}
  1133.                                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1134.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1135.                                                                                             </a>
  1136.                                                                                             {/block:HasPermalink}
  1137.                                                                                             {block:HasNoPermalink}
  1138.                                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1139.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1140.                                                                                             </span>
  1141.                                                                                             {/block:HasNoPermalink}
  1142.                                                                                         </div>
  1143.                                                                                     </div>
  1144.                                                                                 {/block:HasAvatar}
  1145.  
  1146.                                                                                 {block:HasPermalink}
  1147.                                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1148.                                                                                 {/block:HasPermalink}
  1149.                                                                                 {block:HasNoPermalink}
  1150.                                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1151.                                                                                 {/block:HasNoPermalink}
  1152.                                                                             </div>
  1153.                                                                             <div class="post-reblog-content">
  1154.                                                                                 <div class="post-body">
  1155.                                                                                     {Body}
  1156.                                                                                 </div>
  1157.                                                                             </div>
  1158.                                                                         </div>
  1159.                                                                     {/block:Reblogs}
  1160.                                                                 </div>
  1161.                                                             {/block:RebloggedFrom}
  1162.                                                         </div>
  1163.                                                         {/block:Link}
  1164.  
  1165.  
  1166.                                                         {block:Chat}
  1167.                                                         <div class="post-content">
  1168.                                                             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1169.                                                             <ul class="conversation">
  1170.                                                             {block:Lines}
  1171.                                                                 <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1172.                                                             {/block:Lines}
  1173.                                                             </ul>
  1174.                                                         </div>
  1175.                                                         {/block:Chat}
  1176.  
  1177.  
  1178.                                                         {block:Audio}
  1179.                                                         <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1180.                                                             <div class="audio_container">
  1181.                                                                 {block:AudioEmbed}
  1182.                                                                     {AudioEmbed color="white"}
  1183.                                                                 {/block:AudioEmbed}
  1184.                                                             </div>
  1185.                                                             {block:NotReblog}
  1186.                                                                 <div class="caption">
  1187.                                                                     {Caption}
  1188.                                                                 </div>
  1189.                                                             {/block:NotReblog}
  1190.                                                             {block:RebloggedFrom}
  1191.                                                                 <div class="reblog-list">
  1192.                                                                     {block:Reblogs}
  1193.                                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1194.                                                                             <div class="post-reblog-header">
  1195.                                                                                 {block:HasAvatar}
  1196.                                                                                     <div class="post-avatar">
  1197.                                                                                         <div class="post-avatar-wrapper">
  1198.                                                                                             {block:HasPermalink}
  1199.                                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1200.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1201.                                                                                             </a>
  1202.                                                                                             {/block:HasPermalink}
  1203.                                                                                             {block:HasNoPermalink}
  1204.                                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1205.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1206.                                                                                             </span>
  1207.                                                                                             {/block:HasNoPermalink}
  1208.                                                                                         </div>
  1209.                                                                                     </div>
  1210.                                                                                 {/block:HasAvatar}
  1211.  
  1212.                                                                                 {block:HasPermalink}
  1213.                                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1214.                                                                                 {/block:HasPermalink}
  1215.                                                                                 {block:HasNoPermalink}
  1216.                                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1217.                                                                                 {/block:HasNoPermalink}
  1218.                                                                             </div>
  1219.                                                                             <div class="post-reblog-content">
  1220.                                                                                 <div class="post-body">
  1221.                                                                                     {Body}
  1222.                                                                                 </div>
  1223.                                                                             </div>
  1224.                                                                         </div>
  1225.                                                                     {/block:Reblogs}
  1226.                                                                 </div>
  1227.                                                             {/block:RebloggedFrom}
  1228.                                                         </div>
  1229.                                                         {/block:Audio}
  1230.  
  1231.  
  1232.                                                         {block:Video}
  1233.                                                         <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1234.                                                             <div class="video-wrapper">
  1235.                                                                 {Video-700}
  1236.                                                             </div>
  1237.  
  1238.                                                             {block:NotReblog}
  1239.                                                                 <figcaption class="caption">
  1240.                                                                     {Caption}
  1241.                                                                 </figcaption>
  1242.                                                             {/block:NotReblog}
  1243.                                                             {block:RebloggedFrom}
  1244.                                                                 <div class="reblog-list">
  1245.                                                                     {block:Reblogs}
  1246.                                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1247.                                                                             <div class="post-reblog-header">
  1248.                                                                                 {block:HasAvatar}
  1249.                                                                                     <div class="post-avatar">
  1250.                                                                                         <div class="post-avatar-wrapper">
  1251.                                                                                             {block:HasPermalink}
  1252.                                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1253.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1254.                                                                                             </a>
  1255.                                                                                             {/block:HasPermalink}
  1256.                                                                                             {block:HasNoPermalink}
  1257.                                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1258.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1259.                                                                                             </span>
  1260.                                                                                             {/block:HasNoPermalink}
  1261.                                                                                         </div>
  1262.                                                                                     </div>
  1263.                                                                                 {/block:HasAvatar}
  1264.  
  1265.                                                                                 {block:HasPermalink}
  1266.                                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1267.                                                                                 {/block:HasPermalink}
  1268.                                                                                 {block:HasNoPermalink}
  1269.                                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1270.                                                                                 {/block:HasNoPermalink}
  1271.                                                                             </div>
  1272.                                                                             <div class="post-reblog-content">
  1273.                                                                                 <div class="post-body">
  1274.                                                                                     {Body}
  1275.                                                                                 </div>
  1276.                                                                             </div>
  1277.                                                                         </div>
  1278.                                                                     {/block:Reblogs}
  1279.                                                                 </div>
  1280.                                                             {/block:RebloggedFrom}
  1281.                                                         </figure>
  1282.                                                         {/block:Video}
  1283.  
  1284.                                                         {block:Answer}
  1285.                                                         <div class="post-content">
  1286.                                                             <div class="note-item note-item-asker">
  1287.                                                                 <div class="text">
  1288.                                                                     <p class="asker"><strong>{Asker}</strong> asked:</p>
  1289.                                                                     <div class="asker-question">
  1290.                                                                         {Question}
  1291.                                                                     </div>
  1292.                                                                 </div>
  1293.                                                                 <div class="avatar">
  1294.                                                                     <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1295.                                                                 </div>
  1296.                                                             </div>
  1297.  
  1298.                                                             {block:Answerer}
  1299.                                                             <div class="note-item note-item-answerer">
  1300.                                                                 <div class="text">
  1301.                                                                     <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1302.                                                                     <div class="answerer-answer">
  1303.                                                                         {Answer}
  1304.                                                                     </div>
  1305.                                                                 </div>
  1306.                                                                 <div class="avatar">
  1307.                                                                     <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1308.                                                                 </div>
  1309.                                                             </div>
  1310.                                                             {/block:Answerer}
  1311.  
  1312.                                                             {block:NotReblog}
  1313.                                                                 <div class="replies">
  1314.                                                                     {Replies}
  1315.                                                                 </div>
  1316.                                                             {/block:NotReblog}
  1317.                                                             {block:RebloggedFrom}
  1318.                                                                 <div class="reblog-list">
  1319.                                                                     {block:Reblogs}
  1320.                                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1321.                                                                             <div class="post-reblog-header">
  1322.                                                                                 {block:HasAvatar}
  1323.                                                                                     <div class="post-avatar">
  1324.                                                                                         <div class="post-avatar-wrapper">
  1325.                                                                                             {block:HasPermalink}
  1326.                                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1327.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1328.                                                                                             </a>
  1329.                                                                                             {/block:HasPermalink}
  1330.                                                                                             {block:HasNoPermalink}
  1331.                                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1332.                                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1333.                                                                                             </span>
  1334.                                                                                             {/block:HasNoPermalink}
  1335.                                                                                         </div>
  1336.                                                                                     </div>
  1337.                                                                                 {/block:HasAvatar}
  1338.  
  1339.                                                                                 {block:HasPermalink}
  1340.                                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1341.                                                                                 {/block:HasPermalink}
  1342.                                                                                 {block:HasNoPermalink}
  1343.                                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1344.                                                                                 {/block:HasNoPermalink}
  1345.                                                                             </div>
  1346.                                                                             <div class="post-reblog-content">
  1347.                                                                                 <div class="post-body">
  1348.                                                                                     {Body}
  1349.                                                                                 </div>
  1350.                                                                             </div>
  1351.                                                                         </div>
  1352.                                                                     {/block:Reblogs}
  1353.                                                                 </div>
  1354.                                                             {/block:RebloggedFrom}
  1355.                                                         </div>
  1356.                                                         {/block:Answer}
  1357.  
  1358.                                                         <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1359.                                                             {block:ContentSource}
  1360.                                                                 <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  1361.                                                             {/block:ContentSource}
  1362.                                                             {block:HasTags}
  1363.                                                                 {block:Tags}
  1364.                                                                      <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1365.                                                                 {/block:Tags}
  1366.                                                             {/block:HasTags}
  1367.                                                         </section>
  1368.  
  1369.                                                     </section>
  1370.  
  1371.                                                     {block:Date}
  1372.                                                     <section class="panel">
  1373.                                                         <footer class="post-footer">
  1374.                                                             <section class="panel">
  1375.                                                                 <section class="inline-meta date-notes">
  1376.                                                                     <div class="date-note-wrapper">
  1377.                                                                         {block:NoteCount}
  1378.                                                                             <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  1379.                                                                         {/block:NoteCount}
  1380.                                                                     </div>
  1381.                                                                 </section>
  1382.  
  1383.                                                                 <section class="post-controls">
  1384.                                                                     <div class="controls-wrapper">
  1385.                                                                         <div class="control share-control">
  1386.                                                                             <nav class="pop">
  1387.                                                                                 <a href="#" class="share selector"></a>
  1388.                                                                                 <div class="pop-menu share-menu south" id="share_{PostID}">
  1389.                                                                                     <ul>
  1390.                                                                                         <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  1391.                                                                                         <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  1392.                                                                                         <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  1393.                                                                                         {block:Photo}
  1394.                                                                                             <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>
  1395.                                                                                         {/block:Photo}
  1396.                                                                                         {block:Video}{block:VideoThumbnail}
  1397.                                                                                             <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>
  1398.                                                                                         {/block:VideoThumbnail}{/block:Video}
  1399.                                                                                         <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  1400.                                                                                         <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  1401.                                                                                         <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  1402.                                                                                         <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  1403.                                                                                     </ul>
  1404.                                                                                 </div>
  1405.                                                                             </nav>
  1406.                                                                         </div>
  1407.                                                                         <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  1408.                                                                         <div class="control like-control">{LikeButton size="24" color="black"}</div>
  1409.                                                                     </div>
  1410.                                                                 </section>
  1411.                                                             </section>
  1412.                                                         </footer>
  1413.                                                     </section>
  1414.                                                     {/block:Date}
  1415.                                                 </div>
  1416.                                             </article>
  1417.                                     {/block:Posts}
  1418.                                     </div>
  1419.                                     <div class="related-posts-cta content">
  1420.                                         <!-- @todo: translate these strings -->
  1421.                                         <a class="related-post-cta button bordered open-in-app">{lang:See this in the app}</a>
  1422.                                         <a class="related-post-cta see-more button bordered" href="/">{lang:Show more}</a>
  1423.                                     </div>
  1424.                                 </section>
  1425.                                 {block:ShowAdsOnThisPage}
  1426.                                     <input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
  1427.                                 {/block:ShowAdsOnThisPage}
  1428.                             {/block:RelatedPosts}
  1429.                         {/block:IfRelatedPosts}
  1430.                     </div> <!-- .main -->
  1431.                     <div class="sidebar">
  1432.                         {Block:HasHighlightedPosts}
  1433.                         <div class="widget highlighted-posts">
  1434.                             <div class="widget-title">Top Photos</div>
  1435.                             <div class="posts">
  1436.                             {Block:HighlightedPosts}
  1437.                                 <div class="post post-micro post-type-{PostType}" data-type="{PostType}">
  1438.                                     <div class="post-content">
  1439.                                         <div class="post-content-inner">
  1440.                                             <div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
  1441.                                         </div>
  1442.                                     </div>
  1443.                                     <div class="post-glass post-micro-glass">
  1444.                                         <a target="_blank" class="permalink" href="{Permalink}"></a>
  1445.                                     </div>
  1446.                                 </div>
  1447.                                 {/Block:HighlightedPosts}
  1448.                             </div>
  1449.                         </div>
  1450.                         {/Block:HasHighlightedPosts}
  1451.  
  1452.                         {block:HasLikedPosts}
  1453.                         <div class="widget likes-widget">
  1454.                                 <div class="widget-title">Recently Liked</div>
  1455.                                 {block:LikedPosts limit="1"}
  1456.                                     <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}>
  1457.                                         <div class="post-wrapper clearfix">
  1458.                                             <header class="post-header">
  1459.                                                     <a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
  1460.                                                 {block:RebloggedFrom}
  1461.                                                     <a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
  1462.                                                 {/block:RebloggedFrom}
  1463.                                             </header>
  1464.  
  1465.                                     <section class="post">
  1466.                                         {block:Text}
  1467.                                         <div class="post-content">
  1468.                                             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1469.                                             {block:NotReblog}
  1470.                                                 <div class="body-text">{Body}</div>
  1471.                                             {/block:NotReblog}
  1472.                                             {block:RebloggedFrom}
  1473.                                                 <div class="reblog-list">
  1474.                                                     {block:Reblogs}
  1475.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1476.                                                             <div class="post-reblog-header">
  1477.                                                                 {block:HasAvatar}
  1478.                                                                     <div class="post-avatar">
  1479.                                                                         <div class="post-avatar-wrapper">
  1480.                                                                             {block:HasPermalink}
  1481.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1482.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1483.                                                                             </a>
  1484.                                                                             {/block:HasPermalink}
  1485.                                                                             {block:HasNoPermalink}
  1486.                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1487.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1488.                                                                             </span>
  1489.                                                                             {/block:HasNoPermalink}
  1490.                                                                         </div>
  1491.                                                                     </div>
  1492.                                                                 {/block:HasAvatar}
  1493.  
  1494.                                                                 {block:HasPermalink}
  1495.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1496.                                                                 {/block:HasPermalink}
  1497.                                                                 {block:HasNoPermalink}
  1498.                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1499.                                                                 {/block:HasNoPermalink}
  1500.                                                             </div>
  1501.                                                             <div class="post-reblog-content">
  1502.                                                                 <div class="post-body">
  1503.                                                                     {Body}
  1504.                                                                 </div>
  1505.                                                             </div>
  1506.                                                         </div>
  1507.                                                     {/block:Reblogs}
  1508.                                                 </div>
  1509.                                             {/block:RebloggedFrom}
  1510.                                         </div>
  1511.                                         {/block:Text}
  1512.  
  1513.                                         {block:Photo}
  1514.                                         <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  1515.                                             <div class="photo-wrapper">
  1516.                                                 <div class="photo-wrapper-inner">
  1517.                                                     {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}
  1518.                                                 </div>
  1519.                                             </div>
  1520.                                             {block:NotReblog}
  1521.                                                 <figcaption class="caption">
  1522.                                                     {Caption}
  1523.                                                 </figcaption>
  1524.                                             {/block:NotReblog}
  1525.                                             {block:RebloggedFrom}
  1526.                                             <div class="reblog-list">
  1527.                                                 {block:Reblogs}
  1528.                                                     <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1529.                                                         <div class="post-reblog-header">
  1530.                                                             {block:HasAvatar}
  1531.                                                                 <div class="post-avatar">
  1532.                                                                     <div class="post-avatar-wrapper">
  1533.                                                                         {block:HasPermalink}
  1534.                                                                         <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1535.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1536.                                                                         </a>
  1537.                                                                         {/block:HasPermalink}
  1538.                                                                         {block:HasNoPermalink}
  1539.                                                                         <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1540.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1541.                                                                         </span>
  1542.                                                                         {/block:HasNoPermalink}
  1543.                                                                     </div>
  1544.                                                                 </div>
  1545.                                                             {/block:HasAvatar}
  1546.  
  1547.                                                             {block:HasPermalink}
  1548.                                                                 <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1549.                                                             {/block:HasPermalink}
  1550.                                                             {block:HasNoPermalink}
  1551.                                                                 <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1552.                                                             {/block:HasNoPermalink}
  1553.                                                         </div>
  1554.                                                         <div class="post-reblog-content">
  1555.                                                             <div class="post-body">
  1556.                                                                 {Body}
  1557.                                                             </div>
  1558.                                                         </div>
  1559.                                                     </div>
  1560.                                                 {/block:Reblogs}
  1561.                                             </div>
  1562.                                             {/block:RebloggedFrom}
  1563.                                         </figure>
  1564.                                         {/block:Photo}
  1565.  
  1566.                                         {block:Photoset}
  1567.                                         <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  1568.                                             {Photoset}
  1569.                                             {block:NotReblog}
  1570.                                                 <figcaption class="caption">
  1571.                                                     {Caption}
  1572.                                                 </figcaption>
  1573.                                             {/block:NotReblog}
  1574.                                             {block:RebloggedFrom}
  1575.                                             <div class="reblog-list">
  1576.                                                 {block:Reblogs}
  1577.                                                     <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1578.                                                         <div class="post-reblog-header">
  1579.                                                             {block:HasAvatar}
  1580.                                                                 <div class="post-avatar">
  1581.                                                                     <div class="post-avatar-wrapper">
  1582.                                                                         {block:HasPermalink}
  1583.                                                                         <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1584.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1585.                                                                         </a>
  1586.                                                                         {/block:HasPermalink}
  1587.                                                                         {block:HasNoPermalink}
  1588.                                                                         <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1589.                                                                             <img class="post-avatar-image" src="{PortraitURL-64}">
  1590.                                                                         </span>
  1591.                                                                         {/block:HasNoPermalink}
  1592.                                                                     </div>
  1593.                                                                 </div>
  1594.                                                             {/block:HasAvatar}
  1595.  
  1596.                                                             {block:HasPermalink}
  1597.                                                                 <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1598.                                                             {/block:HasPermalink}
  1599.                                                             {block:HasNoPermalink}
  1600.                                                                 <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1601.                                                             {/block:HasNoPermalink}
  1602.                                                         </div>
  1603.                                                         <div class="post-reblog-content">
  1604.                                                             <div class="post-body">
  1605.                                                                 {Body}
  1606.                                                             </div>
  1607.                                                         </div>
  1608.                                                     </div>
  1609.                                                 {/block:Reblogs}
  1610.                                             </div>
  1611.                                             {/block:RebloggedFrom}
  1612.                                         </figure>
  1613.                                         {/block:Photoset}
  1614.  
  1615.                                         {block:Quote}
  1616.                                         <div class="post-content">
  1617.                                             <blockquote class="{Length}">
  1618.                                                 {Quote}
  1619.                                             </blockquote>
  1620.                                             {block:Source}
  1621.                                             <div class="source">{Source}</div>
  1622.                                             {/block:Source}
  1623.                                         </div>
  1624.                                         {/block:Quote}
  1625.  
  1626.  
  1627.                                         {block:Link}
  1628.                                         <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  1629.                                             <div class="link-wrapper">
  1630.                                                 <a {Target} href="{URL}" class="link">
  1631.                                                     {block:Thumbnail}
  1632.                                                     <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  1633.                                                     {/block:Thumbnail}
  1634.                                                     <div class="link-text-wrapper clearfix">
  1635.                                                         <div class="link-text">
  1636.                                                             {block:Host}
  1637.                                                             <div class="link-host">{Host}</div>
  1638.                                                             {/block:Host}
  1639.                                                             <h2 class="link-title">{Name}</h2>
  1640.                                                             {block:Excerpt}
  1641.                                                             <div class="link-excerpt">{Excerpt}</div>
  1642.                                                             {/block:Excerpt}
  1643.                                                             {block:Author}
  1644.                                                             <div class="link-author">{Author}</div>
  1645.                                                             {/block:Author}
  1646.                                                         </div>
  1647.                                                     </div>
  1648.                                                 </a>
  1649.                                             </div>
  1650.                                             {block:NotReblog}
  1651.                                                 <div class="caption">
  1652.                                                     {Description}
  1653.                                                 </div>
  1654.                                             {/block:NotReblog}
  1655.                                             {block:RebloggedFrom}
  1656.                                                 <div class="reblog-list">
  1657.                                                     {block:Reblogs}
  1658.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1659.                                                             <div class="post-reblog-header">
  1660.                                                                 {block:HasAvatar}
  1661.                                                                     <div class="post-avatar">
  1662.                                                                         <div class="post-avatar-wrapper">
  1663.                                                                             {block:HasPermalink}
  1664.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1665.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1666.                                                                             </a>
  1667.                                                                             {/block:HasPermalink}
  1668.                                                                             {block:HasNoPermalink}
  1669.                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1670.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1671.                                                                             </span>
  1672.                                                                             {/block:HasNoPermalink}
  1673.                                                                         </div>
  1674.                                                                     </div>
  1675.                                                                 {/block:HasAvatar}
  1676.  
  1677.                                                                 {block:HasPermalink}
  1678.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1679.                                                                 {/block:HasPermalink}
  1680.                                                                 {block:HasNoPermalink}
  1681.                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1682.                                                                 {/block:HasNoPermalink}
  1683.                                                             </div>
  1684.                                                             <div class="post-reblog-content">
  1685.                                                                 <div class="post-body">
  1686.                                                                     {Body}
  1687.                                                                 </div>
  1688.                                                             </div>
  1689.                                                         </div>
  1690.                                                     {/block:Reblogs}
  1691.                                                 </div>
  1692.                                             {/block:RebloggedFrom}
  1693.                                         </div>
  1694.                                         {/block:Link}
  1695.  
  1696.  
  1697.                                         {block:Chat}
  1698.                                         <div class="post-content">
  1699.                                             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1700.                                             <ul class="conversation">
  1701.                                             {block:Lines}
  1702.                                                 <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1703.                                             {/block:Lines}
  1704.                                             </ul>
  1705.                                         </div>
  1706.                                         {/block:Chat}
  1707.  
  1708.  
  1709.                                         {block:Audio}
  1710.                                         <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1711.                                             <div class="audio_container">
  1712.                                                 {block:AudioEmbed}
  1713.                                                     {AudioEmbed color="white"}
  1714.                                                 {/block:AudioEmbed}
  1715.                                             </div>
  1716.                                             {block:NotReblog}
  1717.                                                 <div class="caption">
  1718.                                                     {Caption}
  1719.                                                 </div>
  1720.                                             {/block:NotReblog}
  1721.                                             {block:RebloggedFrom}
  1722.                                                 <div class="reblog-list">
  1723.                                                     {block:Reblogs}
  1724.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1725.                                                             <div class="post-reblog-header">
  1726.                                                                 {block:HasAvatar}
  1727.                                                                     <div class="post-avatar">
  1728.                                                                         <div class="post-avatar-wrapper">
  1729.                                                                             {block:HasPermalink}
  1730.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1731.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1732.                                                                             </a>
  1733.                                                                             {/block:HasPermalink}
  1734.                                                                             {block:HasNoPermalink}
  1735.                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1736.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1737.                                                                             </span>
  1738.                                                                             {/block:HasNoPermalink}
  1739.                                                                         </div>
  1740.                                                                     </div>
  1741.                                                                 {/block:HasAvatar}
  1742.  
  1743.                                                                 {block:HasPermalink}
  1744.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1745.                                                                 {/block:HasPermalink}
  1746.                                                                 {block:HasNoPermalink}
  1747.                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1748.                                                                 {/block:HasNoPermalink}
  1749.                                                             <div class="post-reblog-content">
  1750.                                                                 <div class="post-body">
  1751.                                                                     {Body}
  1752.                                                                 </div>
  1753.                                                             </div>
  1754.                                                         </div>
  1755.                                                     {/block:Reblogs}
  1756.                                                 </div>
  1757.                                             {/block:RebloggedFrom}
  1758.                                         </div>
  1759.                                         {/block:Audio}
  1760.  
  1761.  
  1762.                                         {block:Video}
  1763.                                         <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1764.                                             <div class="video-wrapper">
  1765.                                                 {Video-700}
  1766.                                             </div>
  1767.                                             {block:NotReblog}
  1768.                                                 <figcaption class="caption">
  1769.                                                     {Caption}
  1770.                                                 </figcaption>
  1771.                                             {/block:NotReblog}
  1772.                                             {block:RebloggedFrom}
  1773.                                                 <div class="reblog-list">
  1774.                                                     {block:Reblogs}
  1775.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1776.                                                             <div class="post-reblog-header">
  1777.                                                                 {block:HasAvatar}
  1778.                                                                     <div class="post-avatar">
  1779.                                                                         <div class="post-avatar-wrapper">
  1780.                                                                             {block:HasPermalink}
  1781.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1782.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1783.                                                                             </a>
  1784.                                                                             {/block:HasPermalink}
  1785.                                                                             {block:HasNoPermalink}
  1786.                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1787.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1788.                                                                             </span>
  1789.                                                                             {/block:HasNoPermalink}
  1790.                                                                         </div>
  1791.                                                                     </div>
  1792.                                                                 {/block:HasAvatar}
  1793.  
  1794.                                                                 {block:HasPermalink}
  1795.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1796.                                                                 {/block:HasPermalink}
  1797.                                                                 {block:HasNoPermalink}
  1798.                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1799.                                                                 {/block:HasNoPermalink}
  1800.                                                             </div>
  1801.                                                             <div class="post-reblog-content">
  1802.                                                                 <div class="post-body">
  1803.                                                                     {Body}
  1804.                                                                 </div>
  1805.                                                             </div>
  1806.                                                         </div>
  1807.                                                     {/block:Reblogs}
  1808.                                                 </div>
  1809.                                             {/block:RebloggedFrom}
  1810.                                         </figure>
  1811.                                         {/block:Video}
  1812.  
  1813.                                         {block:Answer}
  1814.                                         <div class="post-content">
  1815.                                             <div class="note-item note-item-asker">
  1816.                                                 <div class="text">
  1817.                                                     <p class="asker"><strong>{Asker}</strong> asked:</p>
  1818.                                                     <div class="asker-question">
  1819.                                                         {Question}
  1820.                                                     </div>
  1821.                                                 </div>
  1822.                                                 <div class="avatar">
  1823.                                                     <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1824.                                                 </div>
  1825.                                             </div>
  1826.  
  1827.                                             {block:Answerer}
  1828.                                             <div class="note-item note-item-answerer">
  1829.                                                 <div class="text">
  1830.                                                     <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1831.                                                     <div class="answerer-answer">
  1832.                                                         {Answer}
  1833.                                                     </div>
  1834.                                                 </div>
  1835.                                                 <div class="avatar">
  1836.                                                     <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1837.                                                 </div>
  1838.                                             </div>
  1839.                                             {/block:Answerer}
  1840.  
  1841.                                             {block:NotReblog}
  1842.                                                 <div class="replies">
  1843.                                                     {Replies}
  1844.                                                 </div>
  1845.                                             {/block:NotReblog}
  1846.                                             {block:RebloggedFrom}
  1847.                                                 <div class="reblog-list">
  1848.                                                     {block:Reblogs}
  1849.                                                         <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1850.                                                             <div class="post-reblog-header">
  1851.                                                                 {block:HasAvatar}
  1852.                                                                     <div class="post-avatar">
  1853.                                                                         <div class="post-avatar-wrapper">
  1854.                                                                             {block:HasPermalink}
  1855.                                                                             <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1856.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1857.                                                                             </a>
  1858.                                                                             {/block:HasPermalink}
  1859.                                                                             {block:HasNoPermalink}
  1860.                                                                             <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1861.                                                                                 <img class="post-avatar-image" src="{PortraitURL-64}">
  1862.                                                                             </span>
  1863.                                                                             {/block:HasNoPermalink}
  1864.                                                                         </div>
  1865.                                                                     </div>
  1866.                                                                 {/block:HasAvatar}
  1867.  
  1868.                                                                 {block:HasPermalink}
  1869.                                                                     <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1870.                                                                 {/block:HasPermalink}
  1871.                                                                 {block:HasNoPermalink}
  1872.                                                                     <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1873.                                                                 {/block:HasNoPermalink}
  1874.                                                             </div>
  1875.                                                             <div class="post-reblog-content">
  1876.                                                                 <div class="post-body">
  1877.                                                                     {Body}
  1878.                                                                 </div>
  1879.                                                             </div>
  1880.                                                         </div>
  1881.                                                     {/block:Reblogs}
  1882.                                                 </div>
  1883.                                             {/block:RebloggedFrom}
  1884.                                         </div>
  1885.                                         {/block:Answer}
  1886.  
  1887.                                         <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1888.                                             {block:ContentSource}
  1889.                                                 <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  1890.                                             {/block:ContentSource}
  1891.                                             {block:HasTags}
  1892.                                                 {block:Tags}
  1893.                                                      <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1894.                                                 {/block:Tags}
  1895.                                             {/block:HasTags}
  1896.                                         </section>
  1897.  
  1898.                                     </section>
  1899.  
  1900.                                             {block:Date}
  1901.                                             <section class="panel">
  1902.                                                 <footer class="post-footer">
  1903.                                                     <section class="panel">
  1904.                                                         <section class="inline-meta date-notes">
  1905.                                                             <div class="date-note-wrapper">
  1906.                                                                 {block:NoteCount}
  1907.                                                                     <a href="{Permalink}#notes" class="meta-item post-notes" target="_blank">{NoteCountWithLabel}</a>
  1908.                                                                 {/block:NoteCount}
  1909.                                                             </div>
  1910.                                                         </section>
  1911.  
  1912.                                                         <section class="post-controls">
  1913.                                                             <div class="controls-wrapper">
  1914.                                                                 <div class="control share-control">
  1915.                                                                     <nav class="pop">
  1916.                                                                         <a href="#" class="share selector"></a>
  1917.                                                                         <div class="pop-menu share-menu south" id="share_{PostID}">
  1918.                                                                             <ul>
  1919.                                                                                 <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  1920.                                                                                 <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  1921.                                                                                 <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  1922.                                                                                 {block:Photo}
  1923.                                                                                     <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>
  1924.                                                                                 {/block:Photo}
  1925.                                                                                 {block:Video}{block:VideoThumbnail}
  1926.                                                                                     <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>
  1927.                                                                                 {/block:VideoThumbnail}{/block:Video}
  1928.                                                                                 <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  1929.                                                                                 <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  1930.                                                                                 <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  1931.                                                                                 <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  1932.                                                                             </ul>
  1933.                                                                         </div>
  1934.                                                                     </nav>
  1935.                                                                 </div>
  1936.                                                                 <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  1937.                                                                 <div class="control like-control">{LikeButton size="24" color="black"}</div>
  1938.                                                             </div>
  1939.                                                         </section>
  1940.                                                     </section>
  1941.                                                 </footer>
  1942.                                             </section>
  1943.                                             {/block:Date}
  1944.                                         </div>
  1945.                                     </article>
  1946.                                 {/block:LikedPosts}
  1947.                             </div> <!-- .likes-widget -->
  1948.                         {/block:HasLikedPosts}
  1949.                     </div> <!-- .sidebar -->
  1950.                 </div> <!-- .container -->
  1951.             </section>
  1952.             {block:NewCta}
  1953.             {block:PermalinkPage}
  1954.             <div class="install-banner">
  1955.                 <div class="install-banner-inner">
  1956.                     <div class="copy">
  1957.                         <div>{lang:You scrolled this far}</div>
  1958.                         <div>{lang:Check out the Tumblr app}</div>
  1959.                     </div>
  1960.  
  1961.                     <div class="logo-wrapper">
  1962.                         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1963.                             viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
  1964.                             <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"/>
  1965.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
  1966.                             <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"/>
  1967.                             <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
  1968.                             <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"/>
  1969.                             <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"/>
  1970.                         </svg>
  1971.                     </div>
  1972.  
  1973.                     <a href="https://go.onelink.me/893408789" class="install-button" target="_blank">{lang:Get the app}</a>
  1974.                 </div>
  1975.             </div>
  1976.             {/block:PermalinkPage}
  1977.             {/block:NewCta}
  1978.             <footer id="footer" class="content clearfix">
  1979.                 {block:IndexPage}
  1980.                     {block:Pagination}
  1981.                     <div id="pagination">
  1982.                         {block:PreviousPage}
  1983.                         <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  1984.                         {/block:PreviousPage}
  1985.                         {block:NextPage}
  1986.                         <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  1987.                         {/block:NextPage}
  1988.                         <div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
  1989.                     </div>
  1990.                     {/block:Pagination}
  1991.                 {/block:IndexPage}
  1992.             </footer>
  1993.         </section>
  1994.         <script>
  1995.             var Optica = {};
  1996.             Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  1997.             Optica.SHOW_NAV = {block:IfShowNavigation}true{/block:IfShowNavigation}{block:IfNotShowNavigation}false{/block:IfNotShowNavigation};
  1998.             Optica.LAYOUT = "{select:Layout}";
  1999.             Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  2000.             Optica.TITLE_COLOR = "{TitleColor}";
  2001.             Optica.ACCENT_COLOR = "{AccentColor}";
  2002.             Optica.BACKGROUND_COLOR = "{BackgroundColor}";
  2003.  
  2004.             {block:NuOpticaBlogCardsEnabled}
  2005.                 Optica.NU_OPTICA_BLOG_CARDS = true;
  2006.             {/block:NuOpticaBlogCardsEnabled}
  2007.             {block:NuOpticaBlogCardsDisabled}
  2008.                 Optica.NU_OPTICA_BLOG_CARDS = false;
  2009.             {/block:NuOpticaBlogCardsDisabled}
  2010.  
  2011.             Optica.RELATED_POSTS_CTA_VARIANTS = [
  2012.                {
  2013.                    variant: "C",
  2014.                    text: "{lang:Open In App CTA C}"
  2015.                },
  2016.                {
  2017.                    variant: "D",
  2018.                    text: "{lang:Open In App CTA D}"
  2019.                },
  2020.                {
  2021.                    variant: "E",
  2022.                    text: "{lang:Open In App CTA E}"
  2023.                }
  2024.             ];
  2025.             Optica.NO_LIKES_VARIANTS = [
  2026.                 "{lang:This Tumblr hasnt liked any posts yet}",
  2027.                 "{lang:This Tumblr doesnt like anything yet}",
  2028.                 "{lang:No likes Sheesh}",
  2029.                 "{lang:Amazing This Tumblr doesnt like anything}",
  2030.                 "{lang:Incredible This Tumblr doesnt like anything}",
  2031.                 "{lang:Neat This Tumblr doesnt like anything}",
  2032.                 "{lang:Apparently this Tumblr is hard to please}",
  2033.                 "{lang:Wow This Tumblr hasnt liked anything ever}",
  2034.                 "{lang:This Tumblr hasnt liked anything yet How very intriguing}",
  2035.                 "{lang:This Tumblr has never met a post it didnt not like}"
  2036.             ];
  2037.             Optica.NO_POSTS_VARIANTS = [
  2038.                 "{lang:This Tumblr hasnt made any posts}",
  2039.                 "{lang:This silly Tumblr hasnt posted anything yet}",
  2040.                 "{lang:This Tumblr is cool but empty}",
  2041.                 "{lang:This Tumblr is content-free}",
  2042.                 "{lang:This minimalist Tumblr has no posts}",
  2043.                 "{lang:Meditate for a while on this empty Tumblr}",
  2044.                 "{lang:Posts Nah}",
  2045.                 "{lang:This Tumblr has hardly any posts None at all in fact}",
  2046.                 "{lang:This Tumblr hasnt posted anything}"
  2047.             ];
  2048.             Optica.NO_FOLLOWING_VARIANTS = [
  2049.                 "{lang:This Tumblr hasnt followed any other Tumblrs}",
  2050.                 "{lang:Aw This Tumblr isnt following anyone}",
  2051.                 "{lang:Nope this Tumblr doesnt follow anyone}",
  2052.                 "{lang:This cool Tumblr doesnt follow anyone}",
  2053.                 "{lang:This far-out Tumblr doesnt follow anyone}",
  2054.                 "{lang:This fiercely independent Tumblr doesnt follow anyone}",
  2055.                 "{lang:This Tumblr doesnt follow anything except for its own rules}",
  2056.                 "{lang:This Tumblr doesnt really follow anything}"
  2057.             ];
  2058.         </script>
  2059.  
  2060.         <script src="https://static.tumblr.com/27gzhx7/Z5qorjizb/main-min.js"></script>
  2061.  
  2062.         {block:IfGoogleAnalyticsID}
  2063.             <script>
  2064.               (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  2065.               (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  2066.               m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  2067.               })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  2068.               ga('create', '{text:Google Analytics ID}', 'auto');
  2069.               ga('send', 'pageview');
  2070.             </script>
  2071.         {/block:IfGoogleAnalyticsID}
  2072.  
  2073.         {block:IfRelatedPosts}
  2074.             {block:RelatedPosts}
  2075.                 <script src="https://static.tumblr.com/t1owtkf/bSAnvroul/jquery.waypoints.min.js" type="text/javascript"></script>
  2076.                 <script type="text/javascript">
  2077.                     $(function() {
  2078.                         var trackingPixels = {TrackingPixels};
  2079.  
  2080.                         var analytics_frame = document.getElementById('ga_target');
  2081.                         var analytics_iframe_loaded;
  2082.                         var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  2083.                         var eventer = window[eventMethod];
  2084.                         var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  2085.                         eventer(messageEvent,function(e) {
  2086.                             var message = (e.data && e.data.split) ? e.data.split(';') : '';
  2087.                             if (message[0] == 'analytics_iframe_loaded') {
  2088.                                 analytics_iframe_loaded = true;
  2089.                             }
  2090.                         });
  2091.  
  2092.                         $('.related-posts > article').waypoint(function() {
  2093.                             if (!analytics_iframe_loaded) {
  2094.                                 return;
  2095.                             }
  2096.  
  2097.                             var post_id = $(this.element).data('post-id');
  2098.                             if (typeof trackingPixels[post_id] == 'undefined' || !trackingPixels[post_id]) {
  2099.                                 return;
  2100.                             }
  2101.  
  2102.                             var trackingPixel = trackingPixels[post_id];
  2103.  
  2104.                             analytics_frame.contentWindow.postMessage(
  2105.                                 ['tick_related_post', trackingPixel].join(';'),
  2106.                                 analytics_frame.src.split('/analytics.html')[0]
  2107.                             );
  2108.  
  2109.                             trackingPixels[post_id] = null;
  2110.                         }, {
  2111.                             offset: '100%'
  2112.                         });
  2113.                     });
  2114.                 </script>
  2115.             {/block:RelatedPosts}
  2116.         {/block:IfRelatedPosts}
  2117.         {block:IfSyntaxHighlighting}
  2118.         <script type="text/javascript" src="https://static.tumblr.com/ehm1tdz/Mhunye5t3/highlight.pack.js"/></script>
  2119.         <script type="text/javascript">
  2120.             (function($) {
  2121.                 $(document).ready(function() {
  2122.                     $('.post-content pre code').each(function(i, block) {
  2123.                         hljs.highlightBlock(block);
  2124.                     });
  2125.                 });
  2126.             })(window.jQuery);
  2127.         </script>
  2128.         {/block:IfSyntaxHighlighting}
  2129.     </body>
  2130. </html>
Add Comment
Please, Sign In to add comment