API tools faq
paste
Guest User

Heyyyyyy

a guest
Nov 27th, 2015
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.00 KB | None | 0 0
raw download clone embed print report
  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:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}">
  11. {/block:Description}
  12.  
  13. {block:Hidden}
  14. <meta name="if:Sliding header" content="1">
  15. <meta name="if:Show navigation" content="1">
  16. <meta name="if:Endless scrolling" content="1">
  17. <meta name="select:Layout" content="regular" title="Regular">
  18. <meta name="select:Layout" content="narrow" title="Narrow">
  19. <meta name="select:Layout" content="grid" title="Grid">
  20. <meta name="if:Related Posts" content="1">
  21. <meta name="text:Disqus shortname" content="">
  22. <meta name="text:Google analytics ID" content="">
  23. {/block:Hidden}
  24.  
  25. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  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.  
  30. <link rel="stylesheet" href="http://static.tumblr.com/05o0pke/yeTnx9gi9/main-min.css">
  31.  
  32. <!-- HTML5 Shiv -->
  33. <!--[if lt IE 9]>
  34. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  35. <![endif]-->
  36.  
  37. <style>
  38. /* Colors */
  39. body {
  40. background: {BackgroundColor};
  41. }
  42.  
  43. .blog-title {
  44. font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  45. font-weight: {TitleFontWeight};
  46. }
  47.  
  48. .blog-title a,
  49. .description,
  50. .search-no-results {
  51. color: {TitleColor};
  52. }
  53.  
  54. a {
  55. color: {AccentColor};
  56. }
  57.  
  58. #pagination a,
  59. .nav-wrapper .nav-item .label {
  60. color: {AccentColor};
  61. }
  62.  
  63. #pagination a.next:after {
  64. border-left-color: {AccentColor};
  65. }
  66.  
  67. #pagination a.previous:after {
  68. border-right-color: {AccentColor};
  69. }
  70.  
  71. .loader .loader-bar {
  72. background-color: {TitleColor};
  73. }
  74.  
  75. .header-image.cover {
  76. background-image: url({HeaderImage});
  77. }
  78.  
  79. .user-avatar {
  80. background-color: {BackgroundColor};
  81. border-color: {BackgroundColor};
  82. }
  83.  
  84. .avatar-style-square .user-avatar {
  85. -webkit-box-shadow: 0 0 0 4px {BackgroundColor};
  86. box-shadow: 0 0 0 4px {BackgroundColor};
  87. }
  88.  
  89. .no-header-image .logo-wrapper,
  90. .contain-header-image .logo-wrapper {
  91. color: {AccentColor};
  92. }
  93.  
  94. /* Adjust logo for light accents on light backgrounds */
  95. .light-on-light.no-header-image .logo-wrapper,
  96. .light-on-light.contain-header-image .logo-wrapper {
  97. color: #444;
  98. }
  99.  
  100. /* Adjust logo for dark accents on dark backgrounds */
  101. .dark-on-dark.no-header-image .logo-wrapper,
  102. .dark-on-dark.contain-header-image .logo-wrapper {
  103. color: #fff;
  104. }
  105.  
  106. .related-posts-wrapper > h2 {
  107. color: {TitleColor};
  108. }
  109.  
  110. @media screen and (max-device-width: 568px) {
  111. .header-image.cover {
  112. background-image: url({HeaderImage-640});
  113. -webkit-background-size: cover;
  114. background-size: cover;
  115. }
  116.  
  117. .avatar-style-square .user-avatar {
  118. -webkit-box-shadow: 0 0 0 3px {BackgroundColor};
  119. -moz-box-shadow: 0 0 0 3px {BackgroundColor};
  120. box-shadow: 0 0 0 3px {BackgroundColor};
  121. }
  122.  
  123. }
  124.  
  125. /* Custom CSS */
  126. {CustomCSS}
  127. </style>
  128. </head>
  129. <body data-urlencoded-name="{URLEncodedName}" class="{select:Layout}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{/block:SearchPage}{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}{block:NoStretchHeaderImage} contain-header-image{/block:NoStretchHeaderImage}{block:IfRelatedPosts} display-related-posts{/block:IfRelatedPosts}">
  130.  
  131. <div class="app-nag">
  132. <div class="app-nag-header clearfix">
  133. <div class="app-nag-icon">
  134. <div class="app-nag-icon-ios">
  135. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  136. viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
  137. <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"/>
  138. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
  139. <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"/>
  140. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
  141. <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"/>
  142. <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"/>
  143. </svg>
  144. </div>
  145. <div class="app-nag-icon-android">
  146. <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">
  147. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"></path>
  148. <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>
  149. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"></path>
  150. <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>
  151. <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>
  152. </svg>
  153. </div>
  154. </div>
  155. <div class="app-nag-ratings">
  156. <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">
  157. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  158. <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>
  159. <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>
  160. <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>
  161. <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>
  162. <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>
  163. <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>
  164. </g>
  165. </svg>
  166. <div class="app-nag-ratings-text app-nag-ratings-text-android">
  167. {lang:Android rating numbers}
  168. </div>
  169. <div class="app-nag-ratings-text app-nag-ratings-text-ios">
  170. {lang:iOS rating numbers}
  171. </div>
  172. </div>
  173. <div class="app-nag-close-button">
  174. <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">
  175. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  176. <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>
  177. </g>
  178. </svg>
  179. </div>
  180. </div>
  181. <div class="app-nag-body">
  182. <h1 class="app-nag-callout">{lang:Engagement popover title}</h1>
  183. <a class="app-nag-large-button app-nag-app-store-link button blue">{lang:Engagement popover button}</a>
  184. <a class="app-nag-large-button app-nag-app-store-deny">{lang:Dismiss engagement popover}</a>
  185. </div>
  186. </div>
  187.  
  188. <section id="page">
  189. <div class="logo-wrapper">
  190. <a class="t-logo" href="https://www.tumblr.com/?referring_blog={URLEncodedName}&amp;referer=optica" target="_blank">
  191. <svg class="svg-logo" width="29px" height="39px" viewBox="0 0 29 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  192. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  193. <path class="large-shadow" d="M21.9956664,26.3 L21.9956664,19.0055544 L27.9954227,19.0055542 L27.9954227,13.0048828 L27.9954227,11.0108643 L23.522766,11.0108643 L23.5540067,11.6669807 L23.7388305,15.5486452 L17.6832886,15.4792482 L17.4,24 C17.5,26.3 18.8,26.5 19.8,26.5 C20.2,26.5 21.4956664,26.4 21.9956664,26.3 Z M18.7154541,4.00225829 L17.4,2.9 L17.4,8 L22.000122,7.34490957 L22.000122,4.00225829 L18.7154541,4.00225829 Z M24.3,29.6 L24.9,31.5 C23.8,32.9 21,34 18.4,34 L18.1,34 C16.3,34 14.8,33.7 13.6,33.2 C15,35.4 17.5999998,38.0021971 21.7999998,38.0021971 C21.7999996,38.6099361 22.0022113,38.0021971 22.0999998,38.0021971 C24.6999998,38.0021971 27.4,36.1 28.6,34.7 L26.7,28.8 C26,29.2 25.1,29.5 24.3,29.6 Z" id="Shape" fill="#000000"></path>
  194. <path class="inner" d="M18.5,33.6 L18.3,33.6 C11.1,33.6 9,28.2005493 9,25.0005493 L9,15 C8.58245849,15 4.99298096,15 5,15 L4.99298096,10.0285034 C4.99298096,9.92850342 5.1,9.9 5.2,9.9 C8.9,8.5 11.3,6.7 11.9,2.3 C11.8,2 12,2 12,2 L16.8,2 L17,2 L17,9.00006104 L23.012207,9.00006104 L23.012207,15 L17,15 L17,24.0839844 C17,26.1839844 17.8,27.3 19.8,27.3 C20.6,27.3 21.5,27.1 22.4,26.8 C22.5,26.8 22.6,26.8 22.6,26.9 L24.1,31.3 L24.1,31.7 C23,32.8 20.7,33.6 18.5,33.6 Z"></path>
  195. <path class="outer" d="M26.1,32.2 L26.3,31.9 L23.9,25.1 C23.9,25 23.8,25 23.8,25 L19.2,25 C19.1,25 19,25.1 19,25 C18.9,24.8 19,24.4 19,24.1 L19,17 L25,17 L25,7 C25,7 19,7 19,7 L19,0 L8,0 C7.3,0 6.4,0.8 6.3,1.8 C5.8,5.9 4.1,7.5 0.5,8.7 L0.1,8.8 C0,8.9 0,8.9 0,9 L0,17.0000006 C0,17.1000006 0.1,17 0.1,17 L4,17 L4,24.8 C4,31.8 8.46560059,36.0067139 17.3656006,36.0067139 C22.0656006,36.0067139 25,33.7 26.1,32.2 Z M18.5,33.6 L18.3,33.6 C11.1,33.6 9,28.2005493 9,25.0005493 L9,15 C8.58245849,15 4.99298096,15 5,15 L4.99298096,10.0285034 C4.99298096,9.92850342 5.1,9.9 5.2,9.9 C8.9,8.5 11.3,6.7 11.9,2.3 C11.8,2 12,2 12,2 L16.8,2 L17,2 L17,9.00006104 L23.012207,9.00006104 L23.012207,15 L17,15 L17,24.0839844 C17,26.1839844 17.8,27.3 19.8,27.3 C20.6,27.3 21.5,27.1 22.4,26.8 C22.5,26.8 22.6,26.8 22.6,26.9 L24.1,31.3 L24.1,31.7 C23,32.8 20.7,33.6 18.5,33.6 Z"></path>
  196. <path class="small-shadow" d="M4,19 L7,19 L7,17.0833333 C7,17 6.9,17 6.9,17 L4,17 L4,19 L4,19 Z" opacity="0.5" fill="#37465D"></path>
  197. </g>
  198. </svg>
  199. </a>
  200. <div class="search-wrapper">
  201. <form action="/search" method="get" id="search">
  202. <label class="search-field-label">
  203. <input type="text" class="search-field" name="q" id="q" placeholder="{lang:Search Blog}" value="{SearchQuery}" autocomplete="off">
  204. </label>
  205. </form>
  206. </div>
  207. </div>
  208. <div class="header-wrapper
  209. {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}
  210. {block:HideHeaderImage}no-image {/block:HideHeaderImage}
  211. {block:HideAvatar}avatar-hidden{/block:HideAvatar}
  212. {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
  213.  
  214. <header id="header">
  215. {block:ShowHeaderImage}
  216. <div class="header-image-wrapper {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}">
  217. <a href="/" class="header-image {block:IfSlidingHeader}parallax{/block:IfSlidingHeader} {block:StretchHeaderImage}cover{/block:StretchHeaderImage} {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
  218. {block:NoStretchHeaderImage}
  219. <img src="{HeaderImage}" alt="">
  220. {/block:NoStretchHeaderImage}
  221. </a>
  222. <div class="loader-bg"></div>
  223. </div>
  224. {/block:ShowHeaderImage}
  225.  
  226. <div class="blog-title-wrapper content">
  227. <figure class="avatar-wrapper{block:IndexPage} animate{/block:IndexPage}">
  228. <a href="/" style="background-image: url({PortraitURL-128})" class="user-avatar"><img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
  229. </figure>
  230.  
  231. <div class="title-group{block:IndexPage} animate{/block:IndexPage}">
  232. {block:ShowTitle}
  233. <h1 class="blog-title"><a href="/">{Title}</a></h1>
  234. {/block:ShowTitle}
  235. {block:ShowDescription}
  236. <span class="description">
  237. {Description}
  238. </span>
  239. {/block:ShowDescription}
  240.  
  241. {block:IfShowNavigation}
  242. <div class="{block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}nav-wrapper content">
  243. <nav class="nav-menu">
  244. <ul class="inline-nav">
  245. {block:HasPages}
  246. {block:Pages}
  247. <li class="nav-item nav-item--page">
  248. <a href="{URL}" class="label">{Label}</a>
  249. </li>
  250. {/block:Pages}
  251. {/block:HasPages}
  252. {block:AskEnabled}
  253. <li class="nav-item nav-item--ask">
  254. <a href="/ask" class="label">{AskLabel}</a>
  255. </li>
  256. {/block:AskEnabled}
  257. {block:SubmissionsEnabled}
  258. <li class="nav-item nav-item--submit">
  259. <a href="/submit" class="label">{SubmitLabel}</a>
  260. </li>
  261. {/block:SubmissionsEnabled}
  262. <li class="nav-item nav-item--archive">
  263. <a href="/archive" class="label">{lang:Archive}</a>
  264. </li>
  265. </ul>
  266. </nav>
  267. </div>
  268. {/block:IfShowNavigation}
  269. </div>
  270. </div>
  271. </header>
  272. </div>
  273. {block:SearchPage}
  274. {block:NoSearchResults}
  275. <div class="search-no-results content">
  276. {lang:Sorry no search results found}.
  277. </div>
  278. {/block:NoSearchResults}
  279. {/block:SearchPage}
  280. <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}">
  281.  
  282. <div data-page-id="{CurrentPage}">
  283. {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  284. <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}>
  285. <div class="post-wrapper clearfix">
  286. {block:RebloggedFrom}
  287. <header class="reblog-header">
  288. <a class="reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  289. </header>
  290. {/block:RebloggedFrom}
  291. <section class="post">
  292. {block:Text}
  293. <div class="post-content">
  294. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  295. {block:Body}
  296. <div class="body-text">
  297. {Body}
  298. </div>
  299. {/block:Body}
  300. </div>
  301. {/block:Text}
  302.  
  303. {block:Photo}
  304. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  305. <div class="photo-wrapper">
  306. <div class="photo-wrapper-inner">
  307. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">{LinkCloseTag}
  308. </div>
  309. </div>
  310. {block:Caption}
  311. <figcaption class="caption">
  312. {Caption}
  313. </figcaption>
  314. {/block:Caption}
  315. </figure>
  316. {/block:Photo}
  317.  
  318. {block:Photoset}
  319. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  320. {Photoset}
  321. {block:Caption}
  322. <figcaption class="caption">
  323. {Caption}
  324. </figcaption>
  325. {/block:Caption}
  326. </figure>
  327. {/block:Photoset}
  328.  
  329. {block:Quote}
  330. <div class="post-content">
  331. <blockquote class="{Length}">
  332. {Quote}
  333. </blockquote>
  334. {block:Source}
  335. <div class="source">{Source}</div>
  336. {/block:Source}
  337. </div>
  338. {/block:Quote}
  339.  
  340.  
  341. {block:Link}
  342. <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  343. <div class="link-wrapper">
  344. <a {Target} href="{URL}" class="link">
  345. {block:Thumbnail}
  346. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  347. {/block:Thumbnail}
  348. <div class="link-text-wrapper clearfix">
  349. <div class="link-text">
  350. {block:Host}
  351. <div class="link-host">{Host}</div>
  352. {/block:Host}
  353. <h2 class="link-title">{Name}</h2>
  354. {block:Excerpt}
  355. <div class="link-excerpt">{Excerpt}</div>
  356. {/block:Excerpt}
  357. {block:Author}
  358. <div class="link-author">{Author}</div>
  359. {/block:Author}
  360. </div>
  361. </div>
  362. </a>
  363. </div>
  364. {block:Description}
  365. <div class="caption">
  366. {Description}
  367. </div>
  368. {/block:Description}
  369. </div>
  370. {/block:Link}
  371.  
  372.  
  373. {block:Chat}
  374. <div class="post-content">
  375. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  376. <ul class="conversation">
  377. {block:Lines}
  378. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  379. {/block:Lines}
  380. </ul>
  381. </div>
  382. {/block:Chat}
  383.  
  384.  
  385. {block:Audio}
  386. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  387. <div class="audio_container">
  388. {block:AudioEmbed}
  389. {AudioEmbed color="white"}
  390. {/block:AudioEmbed}
  391. </div>
  392. {block:Caption}
  393. <div class="caption">
  394. {Caption}
  395. </div>
  396. {/block:Caption}
  397. </div>
  398. {/block:Audio}
  399.  
  400.  
  401. {block:Video}
  402. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  403. <div class="video-wrapper">
  404. {Video-700}
  405. </div>
  406. {block:Caption}
  407. <figcaption class="caption">
  408. {Caption}
  409. </figcaption>
  410. {/block:Caption}
  411. </figure>
  412. {/block:Video}
  413.  
  414. {block:Answer}
  415. <div class="post-content">
  416. <div class="note-item note-item-asker">
  417. <div class="text">
  418. <p class="asker"><strong>{Asker}</strong> asked:</p>
  419. <div class="asker-question">
  420. {Question}
  421. </div>
  422. </div>
  423. <div class="avatar">
  424. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  425. </div>
  426. </div>
  427.  
  428. {block:Answerer}
  429. <div class="note-item note-item-answerer">
  430. <div class="text">
  431. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  432. <div class="answerer-answer">
  433. {Answer}
  434. </div>
  435. </div>
  436. <div class="avatar">
  437. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  438. </div>
  439. </div>
  440. {/block:Answerer}
  441.  
  442. <div class="replies">
  443. {Replies}
  444. </div>
  445. </div>
  446. {/block:Answer}
  447.  
  448. <section class="inline-meta post-extra
  449.  
  450. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  451. {/block:Tags}
  452. {/block:HasTags}
  453. </section>
  454.  
  455. </section>
  456.  
  457. {block:Date}
  458. <section class="panel">
  459. <footer class="post-footer">
  460. <section class="inline-meta date-notes">
  461. <div class="date-note-wrapper">
  462.  
  463. {block:PermalinkPage}
  464. {block:PostNotes}
  465. <section id="notes" class="notes-wrapper clearfix">
  466. <div class="notes-wrapper-header">
  467. <span class="notes-wrapper-header-close">
  468. <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">
  469. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  470. <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>
  471. </g>
  472. </svg>
  473. </span>
  474. {NoteCountWithLabel}
  475. </div>
  476. {PostNotes-64}
  477. </section>
  478. {/block:PostNotes}
  479. {/block:PermalinkPage}
  480. </span>
  481. {/block:NoteCount}
  482. <a href="{Permalink}" title="{TimeAgo}" class="meta-item post-date">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  483. </div>
  484. </section>
  485.  
  486. <section class="post-controls">
  487. <div class="controls-wrapper">
  488. <div class="control share-control">
  489. <nav class="pop">
  490. <a href="#" class="share selector icon-export"></a>
  491. <div class="pop-menu share-menu south" id="share_{PostID}">
  492. <ul>
  493. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  494. <li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  495. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  496. {block:Photo}
  497. <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>
  498. {/block:Photo}
  499. {block:Video}{block:VideoThumbnail}
  500. <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>
  501. {/block:VideoThumbnail}{/block:Video}
  502. <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  503. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  504. <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  505. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="icon-arrow_carrot_right"></i></a></li>
  506. </ul>
  507. </div>
  508. </nav>
  509. </div>
  510.  
  511. </div>
  512. </section>
  513. </footer>
  514. </section>
  515. {/block:Date}
  516. {block:PermalinkPage}
  517.  
  518. {block:Date}
  519.  
  520. {block:IfDisqusShortname}
  521. <section class="comments">
  522. <div id="disqus_thread"></div>
  523. <script type="text/javascript">
  524. (function() {
  525. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  526. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  527. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  528. })();
  529. </script>
  530. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  531. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  532. </section>
  533. {/block:IfDisqusShortname}
  534.  
  535. {/block:Date}
  536.  
  537. {/block:PermalinkPage}
  538. </div>
  539. </article>
  540. {/block:Posts}
  541. </div>
  542. </section>
  543. {block:IfRelatedPosts}
  544. {block:RelatedPosts}
  545. <section class="related-posts-wrapper">
  546. <h2>{lang:More you might like}</h2>
  547. <div class="related-posts grid">
  548. {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  549. <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}>
  550. <div class="post-wrapper clearfix">
  551. {block:RebloggedFrom}
  552. <header class="reblog-header">
  553. <a class="reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  554. </header>
  555. {/block:RebloggedFrom}
  556. <section class="post">
  557. {block:Text}
  558. <div class="post-content">
  559. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  560. {block:Body}
  561. <div class="body-text">
  562. {Body}
  563. </div>
  564. {/block:Body}
  565. </div>
  566. {/block:Text}
  567.  
  568. {block:Photo}
  569. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  570. <div class="photo-wrapper">
  571. <div class="photo-wrapper-inner">
  572. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"></a>
  573. </div>
  574. </div>
  575. {block:Caption}
  576. <figcaption class="caption">
  577. {Caption}
  578. </figcaption>
  579. {/block:Caption}
  580. </figure>
  581. {/block:Photo}
  582.  
  583. {block:Photoset}
  584. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  585. {Photoset}
  586. {block:Caption}
  587. <figcaption class="caption">
  588. {Caption}
  589. </figcaption>
  590. {/block:Caption}
  591. </figure>
  592. {/block:Photoset}
  593.  
  594. {block:Quote}
  595. <div class="post-content">
  596. <blockquote class="{Length}">
  597. {Quote}
  598. </blockquote>
  599. {block:Source}
  600. <div class="source">{Source}</div>
  601. {/block:Source}
  602. </div>
  603. {/block:Quote}
  604.  
  605.  
  606. {block:Link}
  607. <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  608. <div class="link-wrapper">
  609. <a {Target} href="{URL}" class="link">
  610. {block:Thumbnail}
  611. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  612. {/block:Thumbnail}
  613. <div class="link-text-wrapper clearfix">
  614. <div class="link-text">
  615. {block:Host}
  616. <div class="link-host">{Host}</div>
  617. {/block:Host}
  618. <h2 class="link-title">{Name}</h2>
  619. {block:Excerpt}
  620. <div class="link-excerpt">{Excerpt}</div>
  621. {/block:Excerpt}
  622. {block:Author}
  623. <div class="link-author">{Author}</div>
  624. {/block:Author}
  625. </div>
  626. </div>
  627. </a>
  628. </div>
  629. {block:Description}
  630. <div class="caption">
  631. {Description}
  632. </div>
  633. {/block:Description}
  634. </div>
  635. {/block:Link}
  636.  
  637. {block:Chat}
  638. <div class="post-content">
  639. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  640. <ul class="conversation">
  641. {block:Lines}
  642. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  643. {/block:Lines}
  644. </ul>
  645. </div>
  646. {/block:Chat}
  647.  
  648. {block:Audio}
  649. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  650. <div class="audio_container">
  651. {block:AudioEmbed}
  652. {AudioEmbed color="white"}
  653. {/block:AudioEmbed}
  654. </div>
  655. {block:Caption}
  656. <div class="caption">
  657. {Caption}
  658. </div>
  659. {/block:Caption}
  660. </div>
  661. {/block:Audio}
  662.  
  663. {block:Video}
  664. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  665. <div class="video-wrapper">
  666. {Video-700}
  667. </div>
  668. {block:Caption}
  669. <figcaption class="caption">
  670. {Caption}
  671. </figcaption>
  672. {/block:Caption}
  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. <div class="replies">
  705. {Replies}
  706. </div>
  707. </div>
  708. {/block:Answer}
  709.  
  710. <section class="inline-meta post-extra
  711. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  712. {/block:Tags}
  713. {/block:HasTags}
  714. </section>
  715.  
  716. </section>
  717.  
  718. {block:Date}
  719. <section class="panel">
  720. <footer class="post-footer">
  721. <section class="inline-meta date-notes">
  722. <div class="date-note-wrapper">
  723. {block:NoteCount}
  724. <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  725. {/block:NoteCount}
  726. </div>
  727. </section>
  728.  
  729. <section class="post-controls">
  730. <div class="controls-wrapper">
  731. <div class="control share-control">
  732. <nav class="pop">
  733. <a href="#" class="share selector icon-export"></a>
  734. <div class="pop-menu share-menu south" id="share_{PostID}">
  735. <ul>
  736. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  737. <li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  738. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  739. {block:Photo}
  740. <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>
  741. {/block:Photo}
  742. {block:Video}{block:VideoThumbnail}
  743. <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>
  744. {/block:VideoThumbnail}{/block:Video}
  745. <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  746. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  747. <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  748. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="icon-arrow_carrot_right"></i></a></li>
  749. </ul>
  750. </div>
  751. </nav>
  752. </div>
  753.  
  754. </div>
  755. </section>
  756. </footer>
  757. </section>
  758. {/block:Date}
  759. </div>
  760. </article>
  761. {/block:Posts}
  762. </div>
  763. <div class="related-posts-cta content">
  764. <!-- @todo: translate these strings -->
  765. <a class="related-post-cta button bordered open-in-app">{lang:See this in the app}</a>
  766. <a class="related-post-cta see-more button bordered" href="/">{lang:Show more}</a>
  767. </div>
  768. </section>
  769. {/block:RelatedPosts}
  770. {/block:IfRelatedPosts}
  771. <footer id="footer" class="content clearfix">
  772. {block:IndexPage}
  773. {block:Pagination}
  774. <div id="pagination">
  775. {block:PreviousPage}
  776. <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  777. {/block:PreviousPage}
  778. {block:NextPage}
  779. <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  780. {/block:NextPage}
  781. <div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
  782. </div>
  783. {/block:Pagination}
  784. {/block:IndexPage}
  785. </footer>
  786. </section>
  787. <script>
  788. var Optica = {};
  789. Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  790. Optica.LAYOUT = "{select:Layout}";
  791. Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  792. Optica.TITLE_COLOR = "{TitleColor}";
  793. Optica.ACCENT_COLOR = "{AccentColor}";
  794. Optica.BACKGROUND_COLOR = "{BackgroundColor}";
  795. Optica.RELATED_POSTS_CTA_VARIANTS = [
  796. {
  797. variant: "C",
  798. text: "{lang:Open In App CTA C}"
  799. },
  800. {
  801. variant: "D",
  802. text: "{lang:Open In App CTA D}"
  803. },
  804. {
  805. variant: "E",
  806. text: "{lang:Open In App CTA E}"
  807. }
  808. ];
  809. </script>
  810. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  811. <script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/vr9xgox/sBgmmjhyw/jquery-1.9.1.min.js"%3E%3C/script%3E'));</script>
  812. <script src="http://static.tumblr.com/t1owtkf/3Bqnx7iw5/main-min.js"></script>
  813.  
  814. {block:IfGoogleAnalyticsID}
  815. <script>
  816. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  817. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  818. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  819. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  820. ga('create', '{text:Google Analytics ID}', 'auto');
  821. ga('send', 'pageview');
  822. </script>
  823. {/block:IfGoogleAnalyticsID}
  824.  
  825. {block:IfRelatedPosts}
  826. {block:RelatedPosts}
  827. <script src="https://secure.static.tumblr.com/t1owtkf/bSAnvroul/jquery.waypoints.min.js" type="text/javascript"></script>
  828. <script type="text/javascript">
  829. $(function() {
  830. var trackingPixels = {TrackingPixels};
  831.  
  832. var analytics_frame = document.getElementById('ga_target');
  833. var analytics_iframe_loaded;
  834. var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  835. var eventer = window[eventMethod];
  836. var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  837. eventer(messageEvent,function(e) {
  838. var message = (e.data && e.data.split) ? e.data.split(';') : '';
  839. if (message[0] == 'analytics_iframe_loaded') {
  840. analytics_iframe_loaded = true;
  841. }
  842. });
  843.  
  844. $('.related-posts > article').waypoint(function() {
  845. if (!analytics_iframe_loaded) {
  846. return;
  847. }
  848.  
  849. var post_id = $(this.element).data('post-id');
  850. if (typeof trackingPixels[post_id] == 'undefined' || !trackingPixels[post_id]) {
  851. return;
  852. }
  853.  
  854. var trackingPixel = trackingPixels[post_id];
  855.  
  856. analytics_frame.contentWindow.postMessage(
  857. ['tick_related_post', trackingPixel].join(';'),
  858. analytics_frame.src.split('/analytics.html')[0]
  859. );
  860.  
  861. trackingPixels[post_id] = null;
  862. }, {
  863. offset: '100%'
  864. });
  865. });
  866. </script>
  867. {/block:RelatedPosts}
  868. {/block:IfRelatedPosts}
  869. </body>
  870. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!