fallingforthemes

Tumblr basic

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