emilycaldwell

levanter.html

Sep 25th, 2021
1,178
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!------------------------------------------------------
  5.  
  6.     levanter @ wordbite
  7.    
  8.    - base code by sorrism
  9.    - no.js photosets by annasthms & espoirthemes
  10.    - scroll to top by paul underwood
  11.    - style my tooltips by malihu
  12.    - npf photoset fix by glenthemes
  13.    - timeAgo(); plugin by bychloethemes
  14.    - notecount shortener by shythemes
  15.    - smoothscroll by balazs galambosi
  16.    - outicons by anton saputro
  17.    - clock widget by themesbyazure
  18.    - responsive iframes by nouvae
  19.    
  20. -------------------------------------------------------->
  21.  
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <title>{title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:DayPage}/ @ {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage} {block:PostSummary}/ {PostSummary}{/block:PostSummary}</title>
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="image:Icon" content=""/>
  29.  
  30. <meta name="color:Background" content="#FFFFFF" />
  31. <meta name="color:Text" content="#000000" />
  32. <meta name="color:Links" content="#7B7B7B" />
  33. <meta name="color:Accent" content="#ABDBC2" />
  34. <meta name="color:Borders" content="#E2E2E2" />
  35.  
  36. <meta name="if:Sticky Header" content="" />
  37. <meta name="if:Clock" content="" />
  38. <meta name="if:Updates Tab" content="" />
  39.  
  40. <meta name="text:Title" content="" />
  41. <meta name="text:Description" content="" />
  42.  
  43. <meta name="text:Google Font" content="Roboto Mono" />
  44.  
  45. <meta name="text:Font Size" content="13px" />
  46. <meta name="text:Post Width" content="540px" />
  47. <meta name="text:Margin" content="150px" />
  48. <meta name="text:Photoset Gutter" content="2px" />
  49.  
  50. <meta name="text:Home Link" content="home" />
  51. <meta name="text:Ask Link" content="inbox" />
  52. <meta name="text:Archive Link" content="past" />
  53. <meta name="text:Navigation Link" content="more" />
  54.  
  55. <meta name="text:Link 1 URL" content=""/>
  56. <meta name="text:Link 1" content=""/>
  57. <meta name="text:Link 2 URL" content=""/>
  58. <meta name="text:Link 2" content=""/>
  59. <meta name="text:Link 3 URL" content=""/>
  60. <meta name="text:Link 3" content=""/>
  61.  
  62. <meta name="text:Updates Tab Icon" content="menu" />
  63. <meta name="text:Updates Tab Title" content="updates" />
  64. <meta name="text:Updates Tab Content" content="updates here" />
  65.  
  66. <!-- FONTS -->
  67.  
  68. <link href="https://fonts.googleapis.com/css?family={text:Google Font}:300,400,500,600,700|Karla:500|Muli:500" rel="stylesheet">
  69.  
  70. <!-- SCRIPTS -->
  71.  
  72. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  73. <link href='https://static.tumblr.com/m2fiocp/1fbqq9vgi/outicons.css' rel='stylesheet' type='text/css'>
  74. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79. <!--
  80.       NPF IMAGES READJUSTMENT | @glenthemes
  81.       v2.0 [last updated: 2021-03-03]
  82. -->
  83. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  84. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  85.  
  86. <style type="text/css">
  87. :root {
  88.     --NPF-Image-Spacing:{text:photoset gutter};
  89.     --NPF-Bottom-Gap-From-Captions:1em;
  90. }
  91. </style>
  92.  
  93. <script>
  94. $(document).ready(function() {
  95.   var $audio = $('iframe.tumblr_audio_player');
  96.   $audio.load(function() {
  97.     $(this).contents().find('head').append('<style type="text/css">' +
  98.       '.audio-player { background: transparent; color: {color:background} !important; }' +
  99.       '.simple-player .audio-player { width:27px; }' +
  100.       '.audio-player .progress { display:none; }' +
  101.     '</style>');
  102.   });
  103. });
  104. </script>
  105.  
  106. <script>
  107. function gatherData(images, arr) {
  108.   for (let i = 0; i < images.length; i++) {
  109.    let currentData = {
  110.      "width": images[i].getAttribute('data-width'),
  111.      "height": images[i].getAttribute('data-height'),
  112.      "low_res": images[i].getAttribute('data-lowres'),
  113.      "high_res": images[i].getAttribute('data-highres')
  114.    };
  115.    arr.push(currentData);
  116.  }
  117. }
  118. function getIndex(elem) {
  119.  let i = 0;
  120.  while( (elem = elem.previousElementSibling) != null ) i++;
  121.  return i;
  122. }
  123. function lightbox(elem) {
  124.  let currentPhotoset = elem.parentNode;
  125.  let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  126.  let data = [];
  127.  gatherData(photosetPhotos, data);
  128.  Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  129. }
  130. </script>
  131.  
  132. <script>
  133. $(document).ready(function(){
  134.     $(window).scroll(function(){
  135.         if ($(this).scrollTop() > 100) {
  136.             $('.top').fadeIn();
  137.         } else {
  138.             $('.top').fadeOut();
  139.         }
  140.     });
  141.    
  142.     $('.top').click(function(){
  143.         $('html, body').animate({scrollTop : 0},800);
  144.         return false;
  145.     });
  146.    
  147. });
  148. </script>
  149.  
  150. <script>
  151.     function dropHeader_onclick (elem)
  152.     {
  153.         let parent = elem.closest(".drop-parent");
  154.         if (parent) {
  155.             let active = parent.classList.toggle('active');
  156.             let acc = parent.getElementsByClassName('drop-link')[0];
  157.             if (acc) {
  158.                 if (active) {
  159.                     acc.style.maxHeight = acc.scrollHeight + 'px';
  160.                 }
  161.                 else {
  162.                     acc.style.maxHeight = '0px';
  163.                 }
  164.             }
  165.         }
  166.     }
  167. </script>
  168.  
  169. <script>
  170. (function($){
  171.     $(document).ready(function(){
  172.         $("[title]").style_my_tooltips({
  173.         tip_follows_cursor:true,
  174.         tip_delay_time:30,
  175.         tip_fade_speed:300,
  176.         attribute:"title"
  177.         });
  178.     });
  179. })(jQuery);
  180. </script>
  181.  
  182. <style type="text/css">
  183.  
  184. /* SELECTION */
  185.  
  186. ::-webkit-selection { background:{color:accent}; color:{color:background}; }
  187. ::-moz-selection{ background:{color:accent}; color:{color:background}; }
  188. ::selection { background:{color:accent}; color:{color:background}; }
  189.  
  190. ::marker { color:{color:accent}; }
  191.  
  192. /* TUMBLR CONTROLS */
  193.  
  194. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  195.     top:0;
  196.     padding-right:40px;
  197.     opacity:0;
  198.     transition:all 0.3s ease-in-out;
  199. }
  200.  
  201. .tmblr-iframe-compact:hover .tmblr-iframe--unified-controls:hover {
  202.     opacity:1;
  203.     transition:all 0.3s ease-in-out;
  204. }
  205.  
  206. .tumblr-controls {
  207.     position:fixed;
  208.     top:10px;
  209.     right:10px;
  210.     line-height:1em;
  211.     padding:5px;
  212.     background-color:{color:background};
  213.     border-radius:3px;
  214. }
  215.  
  216. .tumblr-controls .oi {
  217.     font-size:22px;
  218.     color:{color:links};
  219. }
  220.  
  221. /* LIGHTBOXES  */
  222.  
  223. .vignette, #vignette {
  224.     opacity:0;
  225. }
  226. .lightbox-image, #tumblr_lightbox img {
  227.     box-shadow:none!important;
  228.     border-radius:0!important;
  229.     max-width:none;
  230. }
  231.  
  232. .tmblr-lightbox, #tumblr_lightbox {
  233.     background-color:{color:background}D9!important;
  234. }
  235.  
  236. /* TOOLTIPS */
  237.  
  238. #s-m-t-tooltip {
  239.     position:absolute;
  240.     margin:1.4em;
  241.     text-transform:uppercase;
  242.     padding:1.1em;
  243.     border-radius:3px;
  244.     background:{color:accent};
  245.     color:{color:background};
  246.     letter-spacing:0.1em;
  247.     font:0.8em/0.8em karla, sans-serif;
  248.     font-weight:500;
  249. }
  250.  
  251. /* BASIC STYLES */
  252.  
  253. html {
  254.     text-align:center;
  255.     -webkit-font-smoothing:antialiased;
  256.     -moz-osx-font-smoothing:grayscale;
  257. }
  258.  
  259. body {
  260.     font-family:'{text:google font}', sans-serif;
  261.     font-size:{text:font size};
  262.     line-height:1.8em;
  263.     letter-spacing:0.2px;
  264.     word-break:break-word;
  265.     background:{color:background};
  266.     color:{color:text};
  267. }
  268.  
  269. a {
  270.     cursor:help;
  271.     text-decoration:none;
  272.     color:{color:links};
  273.     transition:all 0.3s ease-in-out;
  274. }
  275.  
  276. a:hover {
  277.     color:{color:accent};
  278.     transition:all 0.3s ease-in-out;
  279. }
  280.  
  281. pre {
  282.     white-space:normal;
  283. }
  284.  
  285. small, big, sub, pre {
  286.     font-size:{text:font size}!important;
  287.     vertical-align:baseline!important;
  288. }
  289.  
  290. blockquote {
  291.     border:none;
  292.     margin:1.5em 0;
  293.     padding-left:1em;
  294. }
  295.  
  296. hr {
  297.     border:none;
  298.     box-shadow:0;
  299.     margin:2em 0;
  300.     width:100%;
  301.     border-top:1px solid {color:borders};
  302. }
  303.  
  304. ul { list-style-type:none; padding:0; }
  305. ol { list-style-type:none; padding:0; }
  306. li { margin:0.3em 0; }
  307.  
  308. /* FORMATTING */
  309.  
  310. section {
  311.     position:relative;
  312.     width:{text:post width};
  313.     margin:{text:margin} auto;
  314. }
  315.  
  316. .posts {
  317.     position:relative;
  318.     width:{text:post width};
  319.     margin:{text:margin} 0;
  320. }
  321.  
  322. header {
  323.     position:relative;
  324.     {block:ifStickyHeader}
  325.     top:0;
  326.     position:-webkit-sticky;
  327.     position:sticky;
  328.     box-sizing:border-box;
  329.     background:{color:background};
  330.     padding:2em 0;
  331.     margin:-2em 0;
  332.     {/block:ifStickyHeader}
  333.     width:{text:post width};
  334.     z-index:999;
  335. }
  336.  
  337. /* HEADER */
  338.  
  339. .icon {
  340.     display:block;
  341.     position:relative;
  342.     margin:0 0 1.3em;
  343.     line-height:0;
  344. }
  345.  
  346. .icon img {
  347.     width:50px;
  348.     height:50px;
  349.     object-fit:cover;
  350.     border-radius:50%;
  351. }
  352.  
  353. #blogtitle {
  354.     display:inline-block;
  355.     font-family:'Muli', sans-serif;
  356.     font-weight:700;
  357.     font-size:1.1em;
  358.     line-height:{text:font size};
  359.     text-transform:uppercase;
  360.     letter-spacing:1.5px;
  361.     color:{color:accent};
  362.     margin:0 0 1.3em;
  363. }
  364.  
  365. #blogtitle a { color:{color:accent}; }
  366. #blogtitle a:hover { color:{color:text}; }
  367.  
  368. #description { margin:0 0 1.3em; line-height:1.5em; }
  369. #description a { font-style:italic; }
  370.  
  371. nav a {
  372.     display:inline-block;
  373.     border:0;
  374. }
  375.  
  376. nav span {
  377.     display:inline;
  378.     margin:0 0.3em;
  379. }
  380.  
  381. .drop-link {
  382.     overflow:hidden;
  383.     max-height:0;
  384.     transition:max-height 0.5s ease-in-out;
  385. }
  386. .drop-parent.active .drop-link {
  387.     transition:max-height 0.5s ease-in-out;
  388. }
  389.  
  390. /* TEXT */
  391.  
  392. .title { font-size:1.1em; line-height:1em; font-weight:bold; }
  393. .title, .title a {
  394.     color:{color:text};
  395. }
  396.  
  397. /* PHOTO & PHOTOSET */
  398.  
  399. .ph img,
  400. .tmblr-full img, figure, video, iframe,
  401. .video, .video iframe,
  402. figure.tmblr-embed.tmblr-full,
  403. figure.tmblr-embed.tmblr-full iframe  {
  404.    width:100%;
  405.     display:block;
  406.     {block:ifRoundedPosts}
  407.     border-radius:5px;
  408.     {/block:ifRoundedPosts}
  409. }
  410.  
  411. [photoset-layout] {
  412.   grid-gap:{text:photoset gutter};
  413. }
  414.  
  415. [photoset-layout] div {
  416.   cursor:help;
  417. }
  418.  
  419. {block:ifRoundedPosts}
  420. [photoset-layout] img {
  421.     border-radius:0;
  422. }
  423.  
  424. div[photoset-layout] {
  425.     border-radius:5px;
  426.     overflow:hidden;
  427. }
  428. {/block:ifRoundedPosts}
  429.  
  430. /* AUDIO */
  431.  
  432. .spotify_audio_player {
  433.     height:80px;
  434.     width:100%!important;
  435. }
  436.  
  437. .soundcloud_audio_player {
  438.     max-height:116px!important;
  439. }
  440.  
  441. .bandcamp_audio_player {
  442.     height:120px!important;
  443.     width:100%!important;
  444. }
  445.  
  446. .player {
  447.     display:inline-block;
  448.     width:27px;
  449. }
  450.  
  451. .player-wrap {
  452.     display:flex;
  453.     align-items:center;
  454.     justify-content:space-between;
  455.     background:{color:accent};
  456.     padding:0.5em;
  457. }
  458.  
  459. .audio-info {
  460.     display:inline-block;
  461.     margin:1em 0 0 0;
  462.     line-height:1.75em;
  463. }
  464.  
  465. /* VIDEO */
  466.  
  467. .video, .tmblr-full > video {
  468.     width:{text:post width};
  469. }
  470.  
  471. /* QUOTE */
  472.  
  473. .quote {
  474.     font-size:1.2em;
  475.     font-weight:bold;
  476.     position:relative;
  477. }
  478.  
  479. .source {
  480.     margin-bottom:0.5em;
  481. }
  482.  
  483. /* CHAT */
  484.  
  485. .chat {
  486.     margin:0;
  487.     padding:0;
  488.     list-style:none;
  489. }
  490.  
  491. .label {
  492.     font-weight:bold;
  493. }
  494.  
  495. .line {
  496.     line-height:1em;
  497.     padding:1em 0;
  498. }
  499.  
  500. .line:first-of-type {
  501.     padding-top:0;
  502. }
  503.  
  504. .line:last-of-type {
  505.     border:0;
  506.     padding-bottom:0;
  507. }
  508.  
  509. /* ASK */
  510.  
  511. .asker, .asker a {
  512.     line-height:1em;
  513.     font-weight:bold;
  514.     color:{color:text};
  515.     text-transform:lowercase;
  516.     border:0!important;
  517.     margin:0;
  518. }
  519.  
  520. .asker a:hover { color:{color:accent}; }
  521.  
  522. .question {
  523.     position:relative;
  524.     margin:0.5em 0 2em;
  525. }
  526.  
  527. .question p:first-of-type {margin-top: 0;}
  528. .question p:last-of-type {margin-bottom: 0;}
  529.  
  530. /* CAPTION */
  531.  
  532. .caption { list-style-type:none;margin:20px 0 0; }
  533. .comment a { border-bottom:1px solid {color:accent}; }
  534. .user {
  535.     display:inline-block;
  536.     vertical-align:middle;
  537.     font-weight:bold;
  538.     color:{color:text};
  539. }
  540.  
  541. a.user:hover { color:{color:accent}; }
  542. .user-icon {
  543.     display:none;
  544.     vertical-align:middle;
  545.     margin-right:8px;
  546.     border-radius:50%;
  547.     width:20px;
  548.     height:20px;
  549. }
  550.  
  551. .deactive::after {
  552.     content:'(deactivated)';
  553.     margin-left:0.5em;
  554.     opacity:0.75;
  555.     color:{color:text};
  556. }
  557.  
  558. /* PERMALINK */
  559.  
  560. .post-info {
  561.     display:block;
  562.     margin:2em 0 0;
  563. }
  564.  
  565. .post-info .oi { font-size:1.1em; }
  566.  
  567. .date {
  568.     display:inline-block;
  569. }
  570.  
  571. .date a {
  572.     color:{color:text};
  573. }
  574.  
  575. .date a:hover {
  576.     color:{color:accent};
  577. }
  578.  
  579. .likeb {
  580.     position:relative;
  581.     display:inline-block;
  582. }
  583.  
  584. .likeb .like_button iframe {
  585.     position:absolute;
  586.     cursor:help;
  587.     top:0;
  588.     left:0;
  589.     bottom:0;
  590.     right:0;
  591.     z-index:2;
  592.     opacity:0;
  593. }
  594.  
  595. .like_button iframe {width:100%!important; height:100%!important;}
  596. .likeb .liked + .actual-button {color:{color:accent};}
  597. .likeb .liked + .actual-button:after {content:'d';}
  598.  
  599. .tags { display:block; }
  600. .tags a { display:inline; margin:0 0.5em; }
  601.  
  602. /* NOTES */
  603.  
  604. ol.notes { padding:0; display:block; }
  605. .notes img { display:none; vertical-align:middle; width:1.3em; border-radius:50%; margin-right:1em; }
  606. li.note { display:block; margin:0 0 0 0px; padding:0.2em 0; width:100%; }
  607. li.note:last-of-type { border:0; }
  608. li.note blockquote { padding:0 0 0 1em; margin:0.5em 0 0.5em 0.5em; }
  609. a.more_notes_link,.notes_loading { color:{color:text}; text-transform:lowercase; font-weight:bold; }
  610. a.more_notes_link:hover { color:{color:accent}; }
  611. .more_notes_link,.notes_loading {
  612.     display:inline-block;
  613.     width:inherit;
  614.     margin-top:0em;
  615. }
  616.  
  617. .pagenotes {
  618.     display:flex;
  619.     justify-content:center;
  620.     align-items:center;
  621. }
  622.  
  623. .pagenotes a {
  624.     margin-right:1em;
  625. }
  626.  
  627. /* UPDATES TAB */
  628.  
  629. .alert {
  630.     {block:ifNotUpdatesTab}
  631.     display:none;
  632.     {/block:ifNotUpdatesTab}
  633. }
  634.  
  635. .tab {
  636.     position:fixed;
  637.     top:10px;
  638.     left:10px;
  639.     line-height:1em;
  640. }
  641.  
  642. .updates {
  643.     position:fixed;
  644.     top:10px;
  645.     left:10px;
  646.     width:auto;
  647.     height:auto;
  648.     padding:1em;
  649.     opacity:0;
  650.     text-align:left;
  651.     border-radius:5px;
  652.     background:{color:background};
  653.     transition:0.25s ease-in-out;
  654. }
  655.  
  656. .updates:hover {
  657.     opacity:1;
  658. }
  659.  
  660. .updates .title {
  661.     margin-bottom:1em;
  662.     line-height:1em;
  663.     font-size:1.1em;
  664.     font-weight:bold;
  665. }
  666.  
  667. .tab .oi { color:{color:links}; }
  668.  
  669. /* PAGINATION  */
  670.  
  671. .pagination {
  672.     display:block;
  673. }
  674.  
  675. .pagination:before {
  676.     display:block;
  677.     margin:2em 0;
  678.     content:'';
  679.     width:3em;
  680.     height:3px;
  681.     background:{color:accent};
  682. }
  683.  
  684. footer {
  685.     margin:{text:margin} 0;
  686. }
  687.  
  688. /* CUSTOM CSS */
  689.  
  690. {CustomCSS}
  691.  
  692. /* MEDIA QUERIES */
  693.  
  694. @media only screen and (max-width:1100px) {
  695.     section, .posts, header, footer {
  696.         width:{text:post width};
  697.         margin:{text:margin} auto;
  698.     }
  699.    
  700.     header {
  701.         {block:ifStickyHeader}
  702.         margin:-2em 0;
  703.         {/block:ifStickyHeader}
  704.     }
  705.    
  706.     .search, .query {
  707.         display:none;
  708.     }
  709.    
  710.     nav span {
  711.         display:inline-block;
  712.         margin:0 0.3em;
  713.     }
  714. }
  715.  
  716. @media only screen and (max-width: 720px) {
  717.     section, .posts, header, footer {
  718.         width:85vw;
  719.         margin:100px auto;
  720.     }
  721.    
  722.     header {
  723.         {block:ifStickyHeader}
  724.         top:0;
  725.         position:relative;
  726.         box-sizing:border-box;
  727.         background:none;
  728.         padding:0;
  729.         margin:0;
  730.         z-index:0;
  731.         {/block:ifStickyHeader}
  732.     }
  733.    
  734.     .audio-info {
  735.         white-space:nowrap;
  736.         overflow:hidden;
  737.         text-overflow:ellipsis;
  738.     }
  739.    
  740.     .video, .tmblr-full > video {
  741.         width:85vw;
  742.     }
  743.    
  744.     .tumblr-controls { display:none; }
  745.     .iframe-controls--phone-mobile {display: none!important;}
  746.     .tmblr-iframe-pushdown {padding-top: 0!important;}
  747.     .tmblr-iframe--app-cta-button {display: none!important;}
  748. }
  749.  
  750. /* CREDIT */
  751.  
  752. .credit .oi,.top .oi, .tab .oi { font-size:22px; margin:0; }
  753. .top { left:10px; bottom:10px; display:none; }
  754. .credit { bottom:10px; right:10px; }
  755.  
  756. .top, .credit, .tab {
  757.     position:fixed;
  758.     line-height:1em;
  759.     padding:5px;
  760.     background-color:{color:background};
  761.     border-radius:3px;
  762. }
  763.  
  764. </style>
  765. </head>
  766. <body>
  767.  
  768. <section id="entries">
  769.  
  770. <header>
  771.     {block:ifIconImage}
  772.     <div class="icon"><img src="{image:Icon}"></div>
  773.     {/block:ifIconImage}
  774.     {block:ifTitle}
  775.     <div id="blogtitle"><a href="/">{text:Title}</a></div>
  776.     {/block:ifTitle}
  777.     {block:ifDescription}
  778.     <div id="description">{text:Description}</div>
  779.     {/block:ifDescription}
  780.     <nav class="drop-parent">
  781.     {block:ifHomeLink}<span><a href="/">{text:home link}</a></span>{/block:ifHomeLink}
  782.     {block:ifAskLink}<span><a href="/ask">{text:ask link}</a></span>{/block:ifAskLink}
  783.     {block:ifArchiveLink}<span><a href="/archive">{text:archive link}</a></span>{/block:ifArchiveLink}
  784.     {block:ifLink1}<span><a class="drop-header" onclick="dropHeader_onclick(this);">{text:navigation link}</a></span>
  785.             <div class="drop-link">
  786.                 <span><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}
  787.                 {block:ifLink2}<span><a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}
  788.                 {block:ifLink3}<span><a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}
  789.                 {block:HasPages}<span>{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</span>{/block:HasPages}
  790.             </div>
  791. </header>
  792.  
  793. {block:posts}
  794.     <div class="posts {block:caption}captioned{/block:caption}" post-type="{PostType}">
  795.    
  796.  
  797. <!-- {block:NoRebloggedFrom}
  798. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  799. {/block:NoRebloggedFrom} -->    
  800. {block:ContentSource}<!-- {SourceURL}
  801. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  802. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  803. {/block:ContentSource}
  804.  
  805. {block:Quote}
  806. {block:Source}<div class="source">{source} said:</div>{/block:Source}
  807. <div class="quote">{quote}</div>
  808. {/block:Quote}
  809.  
  810. {block:Text}
  811. {block:Title}<div class="title">{Title}</div>{/block:Title}
  812. {block:RebloggedFrom}
  813.     {block:Reblogs}
  814.         <li class="caption">
  815.         <img src="{PortraitURL-64}" class="user-icon">
  816.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  817.             <div class="comment">{body}</div>
  818.         </li>
  819.     {/block:Reblogs}
  820. {/block:RebloggedFrom}
  821. {block:NotReblog}
  822.     <li class="caption">
  823.         <div class="comment">{body}</div>
  824.     </li>
  825. {/block:NotReblog}
  826. {/block:Text}
  827.  
  828. {block:Link}
  829. <a class="link" href="{URL}">
  830.     <span>{name} <i class="oi oi-external"></i></span>
  831. </a>
  832. {block:Excerpt}<div>{Excerpt}</div>{/block:Excerpt}
  833.     {block:NotReblog}
  834.         <div class="caption">
  835.             <div class="comment">{description}</div>
  836.         </div>
  837.     {/block:NotReblog}
  838. {/block:Description}
  839. {block:RebloggedFrom}
  840.     {block:Reblogs}
  841.         <li class="caption">
  842.         <img src="{PortraitURL-64}" class="user-icon">
  843.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  844.             <div class="comment">{body}</div>
  845.         </li>
  846.     {/block:Reblogs}
  847. {/block:RebloggedFrom}
  848. {/block:Link}
  849.  
  850. {block:Chat}
  851. {block:Title}<div class="title">{Title}</div>{/block:Title}
  852. <ol class="chat text">
  853. {block:Lines}
  854. <li class="line {Alt}">
  855. {block:Label}<span class="label">{Label}</span>{/block:Label}
  856. {Line}
  857. </li>
  858. {/block:Lines}
  859. </ol>
  860. {/block:Chat}
  861.  
  862. <div class="ph">
  863.  
  864. {block:Photo}
  865. <a class="photo" href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  866. {/block:Photo}
  867.  
  868. {block:Photoset}
  869. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  870. {/block:Photoset}
  871.  
  872. {block:Video}
  873. <div class="video">{Video-500}</div>
  874. {/block:Video}
  875.  
  876. </div>
  877.  
  878. {block:Audio}
  879. <div class="audio">
  880.     <div class="player-wrap">
  881.         <div class="player">
  882.             {block:AudioPlayer}
  883.                 {AudioPlayer}
  884.             {/block:AudioPlayer}
  885.         </div>
  886.     </div>
  887.     <div class="audio-info">
  888.         <div class="track">{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}</div>
  889.         <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  890.     </div>
  891. </div>
  892. {/block:Audio}
  893.  
  894. {block:caption}
  895.     {block:Reblogs}
  896.         <li class="caption">
  897.         <img src="{PortraitURL-64}" class="user-icon">
  898.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  899.             <div class="comment">{body}</div>
  900.         </li>
  901.     {/block:Reblogs}
  902.     {block:NotReblog}
  903.         <li class="caption">
  904.             <div class="comment">{caption}</div>
  905.         </li>
  906.     {/block:NotReblog}
  907. {/block:caption}
  908.  
  909. {block:Answer}
  910. <div class="q">
  911.     <span class="asker"><a>{asker}</a></span>
  912.     <div class="question">{question}</div>
  913. </div>
  914. {block:Answerer}
  915.     <div class="comment">
  916.         <div class="asker">{answerer}</div>
  917.         {answer}
  918.     </div>
  919. {/block:Answerer}
  920. {block:NotReblog}
  921.     <div class="comment">
  922.         <div class="asker">{name}</div>
  923.         {replies}
  924.     </div>
  925. {/block:NotReblog}
  926. {block:RebloggedFrom}
  927.     {block:Reblogs}
  928.         <div class="comment">
  929.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="asker" target="_blank">{username}</a>
  930.             {body}
  931.         </div>
  932.     {/block:Reblogs}
  933. {/block:RebloggedFrom}
  934. {/block:Answer}
  935.  
  936. {block:Date}
  937. <div class="post-info">
  938.     {block:PinnedPostLabel}
  939.     <div class="date"><a href="{Permalink}" title="go to post">pinned post</a> /</div>
  940.     {/block:PinnedPostLabel}
  941.     {block:NoteCount}
  942.     <div class="date"><a href="{Permalink}" class="notecount">{NoteCount} notes</a> /</div>
  943.     {/block:NoteCount}
  944.     <div class="date"><a href="{ReblogURL}">reblog</a> /</div>
  945.     <div class="date"><a class="likeb" href="#">{LikeButton}<span class="actual-button">like</span></a></div>
  946. </div>
  947.     {block:hastags}
  948.     <span class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>
  949.     {/block:hasTags}
  950. {/block:Date}
  951.  
  952. </div>
  953.  
  954. {block:PostNotes}
  955. <article class="posts">
  956.     <div class="pagenotes">
  957.         {block:NotReblog}
  958.         original post:&nbsp;<div><a href="{ReblogParentURL}">{Name}</a></div>
  959.     {/block:NotReblog}
  960.     {block:RebloggedFrom}
  961.             via:&nbsp;<div><a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  962.                 {block:ContentSource}source:&nbsp;<div style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  963.             </div>
  964.     {/block:RebloggedFrom}
  965.     </div>
  966.     <div style="margin-top:0.5em;">
  967.         posted at: <a href="{Permalink}">{12HourWithZero}:{Minutes}:{Seconds} {CapitalAmPm}</a> on <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</a>
  968.     </div>
  969.     {PostNotes}
  970. </article>
  971. {/block:PostNotes}
  972. {/block:Posts}
  973.  
  974. {block:Pagination}
  975. <footer>
  976. <span>page {CurrentPage}</span><br>
  977. {block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}
  978. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  979. </footer>
  980. {/block:Pagination}
  981.  
  982. <!-- UPDATES TAB -->
  983.  
  984. <div class="alert">
  985.     <div class="tab"><i class="oi oi-{text:Updates Tab Icon}"></i></div>
  986.         <div class="updates">
  987.         <div class="title">{text:Updates Tab Title}</div>
  988.             {text:Updates Tab Content}
  989.         </div>
  990. </div>
  991.  
  992. </section>
  993.  
  994. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  995. <script>
  996. $('section').find('.notecount').each(function(){
  997.    var n = $(this).html().split(' ')[0].replace(/,/g, '');
  998.    if (n > 999) {
  999.        n = Math.floor(n / 100) / 10;
  1000.        $(this).text(n + 'k notes');
  1001.    }
  1002. });
  1003.  
  1004. $(".time-ago").timeAgo({
  1005.     time: "word",
  1006.     spaces: true,
  1007.     words: false,
  1008.     suffix: "ago",
  1009. });
  1010. </script>
  1011.  
  1012. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1013. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1014.  
  1015. <script>
  1016. $(document).ready(function() {
  1017.   flexibleFrames($(".video"));
  1018. });
  1019. </script>
  1020.  
  1021. {block:ifClock}
  1022. <script>
  1023. (function() {
  1024.     var clock = document.querySelector('#blogtitle');
  1025.     var pad = function(x) {
  1026.         return x < 10 ? '0' + x : x;
  1027.    };
  1028.    var currentTime = function() {
  1029.        var currentTime = new Date();
  1030.        var currentHours = currentTime.getHours();
  1031.        var currentMinutes = currentTime.getMinutes();
  1032.        var currentSeconds = currentTime.getSeconds();
  1033.        
  1034.        currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
  1035.        currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;
  1036.        
  1037.        var timeOfDay = (currentHours < 12) ? "AM" : "PM";
  1038.        
  1039.        currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
  1040.         currentHours = (currentHours == 0) ? 12 : currentHours;
  1041.  
  1042.         var time = + currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
  1043.  
  1044.         clock.innerHTML = time;
  1045.     };
  1046.     currentTime();
  1047.     setInterval(currentTime, 1000);
  1048. }());
  1049. </script>
  1050. {/block:ifClock}
  1051.  
  1052. <div class="tumblr-controls"><i class="oi oi-gear"></i></div>
  1053.  
  1054. <a href="#" title="back to top" class="top"><i class="oi oi-arrow-up"></i></a>
  1055.  
  1056. <div class="credit"><a href="https://wordbite.tumblr.com" title="levanter @ wordbite"><i class="oi oi-smile"></i></a></div>
  1057.  
  1058. </body>
  1059.  
  1060. </html>
RAW Paste Data