API tools faq
paste
Advertisement
rasperries

herebynows

rasperries
Nov 15th, 2014
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15. {block:Hidden}
  16. <meta name="if:Sliding header" content="1">
  17. <meta name="if:Collapse navigation" content="1">
  18. <meta name="if:Endless scrolling" content="1">
  19. <meta name="if:Title" content="1"/>
  20.  
  21. <meta name="if:Full Bkg Img" content="1" />
  22. <meta name="image:Background" content""/>
  23.  
  24. <meta name="select:Layout" content="regular" title="Regular">
  25. <meta name="select:Layout" content="narrow" title="Narrow">
  26. <meta name="select:Layout" content="grid" title="Grid">
  27.  
  28. <meta name="text:Disqus shortname" content="">
  29. <meta name="text:Google analytics ID" content="">
  30. {/block:Hidden}
  31.  
  32. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  33. <meta name="apple-mobile-web-app-capable" content="yes">
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/PuGmmhqcs/normalize.css">
  39. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/qE8n2yg06/optica-icons.css">
  40. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/LV9n8v9vd/main.css">
  41. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  42.  
  43. <!-- HTML5 Shiv -->
  44. <!--[if lt IE 9]>
  45. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  46. <![endif]-->
  47.  
  48. <style>
  49. /* Colors */
  50. body {
  51. background:{color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}
  52. }
  53.  
  54. h1 {
  55. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  56. font-weight: normal;
  57. }
  58.  
  59. h1 a,
  60. .description,
  61. .search-header {
  62. color: {TitleColor};
  63. }
  64.  
  65. .h-line {
  66. background: #aaa;
  67. }
  68.  
  69. a {
  70. color: {AccentColor};
  71. }
  72.  
  73. #pagination a,
  74. .exposed-nav-wrapper li a {
  75. color: {AccentColor};
  76. }
  77.  
  78. #pagination a.next:after {
  79. border-left-color: {AccentColor};
  80. }
  81.  
  82. #pagination a.previous:after {
  83. border-right-color: {AccentColor};
  84. }
  85.  
  86. .loader .loader-bar {
  87. background-color: {TitleColor};
  88. }
  89.  
  90. .link-wrapper h2 a {
  91. background-color: {AccentColor};
  92. }
  93.  
  94. .header-image.cover {
  95. background-image: url({HeaderImage});
  96. }
  97.  
  98. .user-avatar {
  99. background-color: {BackgroundColor};
  100. border-color: {BackgroundColor};
  101. }
  102.  
  103. .avatar-style-square .user-avatar {
  104. -wekbit-box-shadow: 0 0 0 4px {BackgroundColor};
  105. -moz-box-shadow: 0 0 0 4px {BackgroundColor};
  106. box-shadow: 0 0 0 4px {BackgroundColor};
  107. }
  108.  
  109. .no-header-image .selector .bar-icon,
  110. .contain-header-image .selector .bar-icon {
  111. background: {AccentColor};
  112. }
  113.  
  114. .no-header-image .search-only .selector .icon,
  115. .contain-header-image .search-only .selector .icon {
  116. color: {AccentColor};
  117. }
  118.  
  119. /* Adjust menus for light accents on light backgrounds */
  120. .light-on-light.no-header-image .selector .bar-icon,
  121. .light-on-light.contain-header-image .selector .bar-icon {
  122. background: #444;
  123. }
  124.  
  125. .light-on-light.no-header-image .search-only .selector .icon,
  126. .light-on-light.contain-header-image .search-only .selector .icon {
  127. color: #444;
  128. }
  129.  
  130. /* Adjust menus for dark accents on dark backgrounds */
  131. .dark-on-dark.no-header-image .selector .bar-icon,
  132. .dark-on-dark.contain-header-image .selector .bar-icon {
  133. background: #fff;
  134. }
  135.  
  136. .dark-on-dark.no-header-image .search-only .selector .icon,
  137. .dark-on-dark.contain-header-image .search-only .selector .icon {
  138. color: #fff;
  139. }
  140.  
  141. @media screen and (max-device-width: 568px) {
  142. .header-image.cover {
  143. background-image: url({HeaderImage-640});
  144. -webkit-background-size: cover;
  145. background-size: cover;
  146. }
  147.  
  148. .nav-menu-bg,
  149. .nav-menu-wrapper .nav-menu.active:before,
  150. .nav-menu .pop-menu ul {
  151. background: {BackgroundColor};
  152. }
  153.  
  154. .nav-menu.active .selector .bar-icon,
  155. .below-header .selector .bar-icon {
  156. background: {AccentColor};
  157. }
  158.  
  159. .nav-menu .pop-menu ul li a,
  160. .below-header .search-only .selector .icon {
  161. color: {AccentColor};
  162. }
  163.  
  164. /* Adjust menus for light accents on light backgrounds */
  165. .light-on-light.below-header .nav-menu .selector .bar-icon,
  166. .light-on-light.below-header .selector .bar-icon {
  167. background: #444;
  168. }
  169.  
  170. .light-on-light .nav-menu .pop-menu ul li a,
  171. .light-on-light.below-header .search-only .selector .icon {
  172. color: #444;
  173. }
  174.  
  175. /* Adjust menus for dark accents on dark backgrounds */
  176. .dark-on-dark .nav-menu .selector .bar-icon,
  177. .dark-on-dark .below-header .selector .bar-icon {
  178. background: #fff;
  179. }
  180.  
  181. .dark-on-dark .nav-menu .pop-menu ul li a,
  182. .dark-on-dark.below-header .search-only .selector .icon {
  183. color: #fff;
  184. }
  185.  
  186. .avatar-style-square .user-avatar {
  187. -wekbit-box-shadow: 0 0 0 3px {BackgroundColor};
  188. -moz-box-shadow: 0 0 0 3px {BackgroundColor};
  189. box-shadow: 0 0 0 3px {BackgroundColor};
  190. }
  191.  
  192. }
  193.  
  194. body,
  195. .attribution-tags li,
  196. .meta {
  197. color:#606060;
  198. font-size:10px;
  199. font-family:inconsolata, consolas, 'courier new', courier, monospace;
  200. }
  201. .regular .header-image.contain {
  202. max-width:400px; /* regular post width */
  203. }
  204. .regular .content {
  205. max-width:402px; /* regular post width + 2 */
  206. }
  207. .narrow .header-image.contain {
  208. max-width:400px; /* narrow post width */
  209. }
  210. .narrow .content {
  211. max-width:402px; /* narrow post width + 2 */
  212. }
  213. .header-wrapper {
  214. margin-bottom:50px;
  215. }
  216. .exposed-nav-wrapper {
  217. margin-top:10px;
  218. }
  219. h1 {
  220. font-size:22px;
  221. font-family:inconsolata, consolas, 'courier new', courier, monospace;
  222. }
  223. .nav-menu ul li {
  224. margin:4px 4px 0px;
  225. }
  226. .post-wrapper a {
  227. color:inherit;
  228. }
  229. .post h2 {
  230. font-size:16px;
  231. }
  232. .attribution-tags li a,
  233. .date-notes a {
  234. color:#bbb;
  235. line-height:14px;
  236. font-weight:normal;
  237. }
  238. .reblog-link .icon-reblog {
  239. font-size:inherit;
  240. }
  241. .post-controls {
  242. opacity:.5;
  243. }
  244. .post-controls > ul > li {
  245. height:auto;
  246. width:30px;
  247. padding-left:10px;
  248. }
  249. .post .caption {
  250. margin:20px;
  251. }
  252. .panel {
  253. margin-top:-20px;
  254. }
  255. .notes li {
  256. font-size:12px;
  257. line-height:20px;
  258. }
  259. .nav-menu-wrapper {
  260. position:fixed;
  261. }
  262. .user-avatar {
  263. height:64px;
  264. width:64px;
  265. background-size:100% 100%;
  266. }
  267. .avatar-style-square .avatar-wrapper {
  268. margin-left:-32px;
  269. }
  270. .avatar-wrapper {
  271. margin-left:-36px;
  272. top:-47px;
  273. }
  274. #search button {
  275. font-size:20px;
  276. right:4px;
  277. margin-top:-4px;
  278. }
  279. .pop-menu {
  280. padding-bottom:4px;
  281. }
  282.  
  283. /* Custom CSS */
  284. {CustomCSS}
  285. </style>
  286. </head>
  287. <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}">
  288. <section id="page">
  289. <div class="nav-menu-wrapper {block:IfNotCollapseNavigation}search-only{/block:IfNotCollapseNavigation}">
  290. <nav class="nav-menu pop">
  291. <a class="selector">
  292. {block:IfCollapseNavigation}
  293. <div class="bar-icon-wrapper">
  294. <span class="bar-icon"></span>
  295. <span class="bar-icon"></span>
  296. <span class="bar-icon"></span>
  297. </div>
  298. {/block:IfCollapseNavigation}
  299. {block:IfNotCollapseNavigation}
  300. <span class="icon icon-search_16"></span>
  301. <span class="icon icon-close"></span>
  302. {/block:IfNotCollapseNavigation}
  303. </a>
  304. <div class="pop-menu west">
  305. <ul>
  306. <li class="no-hover search">
  307. <form action="/search" method="get" id="search">
  308. <input type="text" name="q" id="q" placeholder="{lang:Search}" value="{SearchQuery}">
  309. <button type="submit" class="icon-search_16"></button>
  310. </form>
  311. </li>
  312. {block:IfCollapseNavigation}
  313. <li>
  314. <a href="/archive" class="archive">archive <i class="icon-arrow_carrot_right"></i></a>
  315. </li>
  316. {block:AskEnabled}
  317. <li>
  318. <a href="/ask" class="ask">message <i class="icon-arrow_carrot_right"></i></a>
  319. </li>
  320. {/block:AskEnabled}
  321. {block:HasPages}
  322. {block:Pages}
  323. <li>
  324. <a href="{URL}" class="page">{Label} <i class="icon-arrow_carrot_right"></i></a>
  325. </li>
  326. {/block:Pages}
  327. {/block:HasPages}
  328. {block:SubmissionsEnabled}
  329. <li>
  330. <a href="/submit" class="submit">{SubmitLabel} <i class="icon-arrow_carrot_right"></i></a>
  331. </li>
  332. {/block:SubmissionsEnabled}
  333. {block:IfCollapseNavigation}
  334. </ul>
  335. </div>
  336. </nav>
  337. <div class="glass"></div>
  338. </div>
  339. {block:IfCollapseNavigation}
  340. <div class="nav-menu-bg"></div>
  341. {/block:IfCollapseNavigation}
  342. <div class="header-wrapper
  343. {block:ifNotTitle}no-title-desc {/block:ifNotTitle}
  344. {block:HideHeaderImage}no-image {/block:HideHeaderImage}
  345. {block:HideAvatar}avatar-hidden{/block:HideAvatar}
  346. {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
  347.  
  348. <header id="header">
  349. {block:ShowHeaderImage}
  350. <div class="header-image-wrapper {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}">
  351. <a href="/" class="header-image {block:IfSlidingHeader}parallax{/block:IfSlidingHeader} {block:StretchHeaderImage}cover{/block:StretchHeaderImage} {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
  352. {block:NoStretchHeaderImage}
  353. <img src="{HeaderImage}" alt="">
  354. {/block:NoStretchHeaderImage}
  355. </a>
  356. <div class="loader-bg"></div>
  357. </div>
  358. {/block:ShowHeaderImage}
  359.  
  360. <div class="blog-title content">
  361. <figure class="avatar-wrapper{block:IndexPage} animate{/block:IndexPage}">
  362. <a href="/" style="background-image: url({PortraitURL-128})" class="user-avatar"><img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
  363. </figure>
  364.  
  365. <div class="title-group{block:IndexPage} animate{/block:IndexPage}">
  366. {block:iftitle}
  367. <h1><a href="/">{Title}</a></h1>
  368. {/block:iftitle}
  369. {block:ShowDescription}
  370. <span class="description">
  371. {Description}
  372. </span>
  373. {/block:ShowDescription}
  374. </div>
  375. </div>
  376.  
  377. {block:IfNotCollapseNavigation}
  378. <div class="{block:ifNotTitle}no-title-desc{/block:ifNotTitle} exposed-nav-wrapper content">
  379. <div class="h-line"></div>
  380. <nav class="nav-menu">
  381. <ul>
  382. <li>
  383. <a href="/archive">archive</a>
  384. </li>
  385. {block:AskEnabled}
  386. <li>
  387. <a href="/ask" class="ask">message</a>
  388. </li>
  389. {/block:AskEnabled}
  390. {block:HasPages}
  391. {block:Pages}
  392. <li>
  393. <a href="{URL}" class="page">{Label}</a>
  394. </li>
  395. {/block:Pages}
  396. {/block:HasPages}
  397. {block:SubmissionsEnabled}
  398. <li>
  399. <a href="/submit" class="submit">{SubmitLabel}</a>
  400. </li>
  401. {/block:SubmissionsEnabled}
  402. </ul>
  403. </nav>
  404. </div>
  405. {/block:IfNotCollapseNavigation}
  406. </header>
  407. </div>
  408. {block:SearchPage}
  409. <div class="search-header content">
  410. <h2>
  411. {lang:SearchResultCount results for SearchQuery}
  412. {block:NoSearchResults}{lang:Sorry no search results found}{/block:NoSearchResults}
  413. </h2>
  414. </div>
  415. {/block:SearchPage}
  416. <section id="posts" class="content clearfix {block:ifNotTitle}no-title-desc{/block:ifNotTitle} {/block:HideDescription}{/block:HideTitle}{block:HideHeaderImage}no-image {/block:HideHeaderImage} {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar} {block:HideAvatar}avatar-hidden{/block:HideAvatar} {block:IfNotCollapseNavigation}exposed-nav{/block:IfNotCollapseNavigation}">
  417.  
  418. <div data-page-id="{CurrentPage}">
  419. {block:Posts}
  420. <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} active exposed" {block:Date}data-post-id="post_{PostID}"{/block:Date}>
  421. <div class="post-wrapper clearfix">
  422. {block:RebloggedFrom}
  423. <header class="reblog-header">
  424. <a class="reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  425. </header>
  426. {/block:RebloggedFrom}
  427. <section class="post">
  428. {block:Text}
  429. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  430. {block:Body}
  431. <div class="body-text">
  432. {Body}
  433. </div>
  434. {/block:Body}
  435. {/block:Text}
  436.  
  437. {block:Photo}
  438. <figure class="{block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  439. <div class="photo-wrapper">
  440. <div class="photo-wrapper-inner">
  441. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">{LinkCloseTag}
  442. </div>
  443. </div>
  444. {block:Caption}
  445. <figcaption class="caption">
  446. {Caption}
  447. </figcaption>
  448. {/block:Caption}
  449. </figure>
  450. {/block:Photo}
  451.  
  452. {block:Photoset}
  453. <figure class="photoset {block:Caption}with-caption{/block:Caption}">
  454. {Photoset}
  455. {block:Caption}
  456. <figcaption class="caption">
  457. {Caption}
  458. </figcaption>
  459. {/block:Caption}
  460. </figure>
  461. {/block:Photoset}
  462.  
  463. {block:Quote}
  464. <blockquote class="{Length}">
  465. {Quote}
  466. </blockquote>
  467. {block:Source}
  468. <div class="source">{Source}</div>
  469. {/block:Source}
  470. {/block:Quote}
  471.  
  472.  
  473. {block:Link}
  474. <div class="link-wrapper">
  475. <h2>
  476. <a {Target} href="{URL}">
  477. <span class="link-title">{Name}</span>
  478. {block:Host}
  479. <span class="link-host">{Host}</span>
  480. {/block:Host}
  481. </a>
  482. </h2>
  483. </div>
  484. {block:Description}
  485. <div class="caption">
  486. {Description}
  487. </div>
  488. {/block:Description}
  489. {/block:Link}
  490.  
  491.  
  492. {block:Chat}
  493. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  494. <ul class="conversation">
  495. {block:Lines}
  496. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  497. {/block:Lines}
  498. </ul>
  499. {/block:Chat}
  500.  
  501.  
  502. {block:Audio}
  503. <div class="audio_container">
  504. {block:AudioEmbed}
  505. {AudioEmbed color="white"}
  506. {/block:AudioEmbed}
  507. </div>
  508. {block:Caption}
  509. <div class="caption">
  510. {Caption}
  511. </div>
  512. {/block:Caption}
  513. {/block:Audio}
  514.  
  515.  
  516. {block:Video}
  517. <figure {block:Caption}class="with-caption"{/block:Caption}>
  518. <div class="video-wrapper">
  519. {Video-700}
  520. </div>
  521. {block:Caption}
  522. <figcaption class="caption">
  523. {Caption}
  524. </figcaption>
  525. {/block:Caption}
  526. </figure>
  527. {/block:Video}
  528.  
  529. {block:Answer}
  530. <div class="note-item note-item-asker">
  531. <div class="text">
  532. <p class="asker"><strong>{Asker}</strong> asked:</p>
  533. <div class="asker-question">
  534. {Question}
  535. </div>
  536. </div>
  537. <div class="avatar">
  538. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  539. </div>
  540. </div>
  541.  
  542. {block:Answerer}
  543. <div class="note-item note-item-answerer">
  544. <div class="text">
  545. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  546. <div class="answerer-answer">
  547. {Answer}
  548. </div>
  549. </div>
  550. <div class="avatar">
  551. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  552. </div>
  553. </div>
  554. {/block:Answerer}
  555.  
  556. <div class="replies">
  557. {Replies}
  558. </div>
  559. {/block:Answer}
  560.  
  561. {block:RebloggedFrom}
  562. <section class="attribution-tags clearfix">
  563. <ul>
  564. <li class="reblog">
  565. <a class="reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  566. </li>
  567. {block:ContentSource}
  568. <li>
  569. <a class="source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  570. </li>
  571. {/block:ContentSource}
  572. {block:HasTags}
  573. {block:Tags}
  574. <li>
  575. <a href="{TagURL}" class="tag">{Tag}</a>
  576. </li>
  577. {/block:Tags}
  578. {/block:HasTags}
  579. </ul>
  580. </section>
  581. {/block:RebloggedFrom}
  582.  
  583. {block:NotReblog}
  584. {block:HasTags}
  585. <section class="attribution-tags clearfix">
  586. <ul>
  587. {block:ContentSource}
  588. <li>
  589. <a class="source-link" href="{SourceURL}">{lang:source}: {SourceTitle}</a>
  590. </li>
  591. {/block:ContentSource}
  592. {block:Tags}
  593. <li>
  594. <a href="{TagURL}" class="tag">{Tag}</a>
  595. </li>
  596. {/block:Tags}
  597. </ul>
  598. </section>
  599. {/block:HasTags}
  600. {/block:NotReblog}
  601.  
  602. </section>
  603.  
  604. {block:Date}
  605. <section class="panel">
  606. <footer class="post-footer">
  607. <section class="meta">
  608. <ul class="date-notes">
  609. {block:NoteCount}
  610. <li class="post-notes">
  611. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  612. </li>
  613. {/block:NoteCount}
  614. <li class="post-date">
  615. <a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  616. </li>
  617. </ul>
  618. </section>
  619.  
  620. <section class="post-controls">
  621. <ul>
  622. <li class="reblog-control">{ReblogButton size="16" color="black"}</li>
  623. <li class="like-control">{LikeButton size="15" color="black"}</li>
  624. </ul>
  625. </section>
  626. </footer>
  627. </section>
  628. {/block:Date}
  629. {block:PermalinkPage}
  630.  
  631. {block:PostNotes}
  632. <section id="notes" class="notes-wrapper clearfix">
  633. {PostNotes-64}
  634. </section>
  635. {/block:PostNotes}
  636.  
  637. {block:Date}
  638.  
  639. {block:IfDisqusShortname}
  640. <section class="comments">
  641. <div id="disqus_thread"></div>
  642. <script type="text/javascript">
  643. (function() {
  644. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  645. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  646. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  647. })();
  648. </script>
  649. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  650. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  651. </section>
  652. {/block:IfDisqusShortname}
  653.  
  654. {/block:Date}
  655.  
  656. {/block:PermalinkPage}
  657. </div>
  658. </article>
  659. {/block:Posts}
  660. </div>
  661. </section>
  662. <footer id="footer" class="content clearfix">
  663. {block:IndexPage}
  664. {block:Pagination}
  665. <div id="pagination">
  666. {block:PreviousPage}
  667. <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  668. {/block:PreviousPage}
  669. {block:NextPage}
  670. <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  671. {/block:NextPage}
  672. <div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
  673. </div>
  674. {/block:Pagination}
  675. {/block:IndexPage}
  676. </footer>
  677. </section>
  678. <script>
  679. var Optica = {};
  680. Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  681. Optica.LAYOUT = "{select:Layout}";
  682. Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  683. Optica.TITLE_COLOR = "{TitleColor}";
  684. Optica.ACCENT_COLOR = "{AccentColor}";
  685. Optica.BACKGROUND_COLOR = "{BackgroundColor}";
  686. Optica.ENDLESS_NOTES_SCROLLING = {block:IfDisqusShortname}false{/block:IfDisqusShortname}{block:IfNotDisqusShortname}true{/block:IfNotDisqusShortname};
  687. </script>
  688. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  689. <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>
  690. <script src="http://static.tumblr.com/vr9xgox/Azhmnml1q/jquery.masonry.min.js"></script>
  691. <script src="http://static.tumblr.com/wogenvz/kcyn7f6re/main-min.js"></script>
  692.  
  693. {block:IfGoogleAnalyticsID}
  694. <script>
  695. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  696. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  697. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  698. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  699. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  700. ga('send', 'pageview');
  701. </script>
  702. {/block:IfGoogleAnalyticsID}
  703. </body>
  704. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!