Facebook
From peskybeez, 4 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 110
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.                             dusk
  11.                            
  12.                           @odeysseus
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.                    
  20.                        
  21. - credits listed at https://odeysseus.tumblr.com/credit
  22.  
  23. -->
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <title>{Title}</title>
  30.  
  31. <!--metas-->
  32.  
  33.  
  34. <meta name="color:background" content="#fff"/>
  35. <meta name="color:text" content="#767676"/>
  36. <meta name="color:link" content="#aaaa"/>
  37. <meta name="color:accent" content="#47acb7"/>
  38. <meta name="color:accent 2" content="#47acb7"/>
  39. <meta name="color:accent dark" content="#444"/>
  40. <meta name="if:hide caption" content="0"/>
  41. <meta name="if:infinite scroll" content="1"/>
  42. <meta name="if:load more" content="1"/>
  43. <meta name="if:scroll to top" content="1"/>
  44. <meta name="if:show tags" content="1"/>
  45.  
  46. <meta name="text:title link 1 url" content=""/>
  47. <meta name="text:title link 2 url" content=""/>
  48. <meta name="text:title link 3 url" content=""/>
  49.  
  50.  
  51. <meta name="text:top link 1" content=""/>
  52. <meta name="text:top link 1 url" content=""/>
  53. <meta name="text:top link 2" content=""/>
  54. <meta name="text:top link 2 url" content=""/>
  55. <meta name="text:top link 3" content=""/>
  56. <meta name="text:top link 3 url" content=""/>
  57. <meta name="text:top link 4" content=""/>
  58. <meta name="text:top link 4 url" content=""/>
  59. <meta name="text:top link 5" content=""/>
  60. <meta name="text:top link 5 url" content=""/>
  61. <meta name="text:top link 6" content=""/>
  62. <meta name="text:top link 6 url" content=""/>
  63. <meta name="text:top link 7" content=""/>
  64. <meta name="text:top link 7 url" content=""/>
  65. <meta name="text:top link 8" content=""/>
  66. <meta name="text:top link 8 url" content=""/>
  67. <meta name="text:top link 9" content=""/>
  68. <meta name="text:top link 9 url" content=""/>
  69. <meta name="text:top link 10" content=""/>
  70. <meta name="text:top link 10 url" content=""/>
  71.  
  72. <meta name="text:bottom link 1 url" content=""/>
  73. <meta name="text:bottom link 1" content=""/>
  74. <meta name="text:bottom link 2 url" content=""/>
  75. <meta name="text:bottom link 2" content=""/>
  76. <meta name="text:bottom link 3 url" content=""/>
  77. <meta name="text:bottom link 3" content=""/>
  78. <meta name="text:bottom link 4 url" content=""/>
  79. <meta name="text:bottom link 4" content=""/>
  80. <meta name="text:bottom link 5 url" content=""/>
  81. <meta name="text:bottom link 5" content=""/>
  82. <meta name="text:bottom link 6 url" content=""/>
  83. <meta name="text:bottom link 6" content=""/>
  84. <meta name="text:bottom link 7 url" content=""/>
  85. <meta name="text:bottom link 7" content=""/>
  86. <meta name="text:bottom link 8 url" content=""/>
  87. <meta name="text:bottom link 8" content=""/>
  88. <meta name="text:bottom link 9 url" content=""/>
  89. <meta name="text:bottom link 9" content=""/>
  90. <meta name="text:bottom link 10 url" content=""/>
  91. <meta name="text:bottom link 10" content=""/>
  92.  
  93. <meta name="text:tagline" content="tagline"/>
  94. <meta name="text:font size" content="10px"/>
  95.  
  96. <meta name="select:font" content="Trebuchet MS"/>
  97. <meta name="select:font" content="Nunito Sans"/>
  98. <meta name="select:font" content="Source Sans Pro"/>
  99. <meta name="select:font" content="Nunito"/>
  100. <meta name="select:font" content="PT Sans"/>
  101. <meta name="select:font" content="Muli"/>
  102. <meta name="select:font" content="Lora"/>
  103. <meta name="select:font" content="Work Sans"/>
  104. <meta name="select:font" content="ABeeZee"/>
  105.  
  106.  
  107. <meta name="select:post width" content="350px"/>
  108. <meta name="select:post width" content="380px"/>
  109. <meta name="select:post width" content="400px"/>
  110. <meta name="select:post width" content="420px"/>
  111. <meta name="select:post width" content="450px"/>
  112. <meta name="select:post width" content="480px"/>
  113. <meta name="select:post width" content="500px"/>
  114.  
  115.  
  116. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <link href="https://static.tumblr.com/aptzszz/9QNp5fv1g/normalize.css" rel="stylesheet" tyle="text/css"/>
  117.  
  118. <!--font-->
  119.  
  120. <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata|Lato' rel='stylesheet' type='text/css'>
  121.  
  122.  
  123. <!--videos-->
  124.  
  125. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  126.  
  127.  
  128. <style type="text/css">
  129.  
  130.  
  131. /* general */
  132.  
  133. * { margin:0;padding:0; }
  134.  
  135. @-webkit-keyframes fadein {
  136.         0%   {opacity: 0;}
  137.         100% { opacity: 1; }
  138. }
  139.  
  140. @-moz-keyframes fadein {
  141.         0%   { opacity: 0; }
  142.         100% { opacity: 1; }
  143. }
  144.  
  145. @keyframes fadein {
  146.         0%   { opacity: 0; }
  147.         100% { opacity: 1; }
  148. }
  149.  
  150.  
  151.  ::-webkit-scrollbar{
  152.     height:3px;
  153.     width:7px;
  154.     background:#fff;
  155. }
  156.  
  157. ::-webkit-scrollbar-thumb {
  158.     background:rgba({RGBcolor:accent},0.5);
  159.     border:3px solid #fff;
  160. }
  161.  
  162. ::-webkit-scrollbar-track {
  163.     background:#eee;
  164.     border:3px solid #fff;
  165. }
  166.  
  167. ::-moz-selection{
  168.     background: rgba({RGBcolor:accent},.2);
  169.     color:{color:accent dark};
  170. }
  171.  
  172. ::selection {
  173.     background: rgba({RGBcolor:accent},.2);
  174.     color:{color:accent dark};
  175. }
  176.  
  177.  
  178. iframe.tmblr-iframe{
  179.     white-space:nowrap;
  180.     -webkit-filter: invert(100%);
  181.     -moz-filter: invert(100%);
  182.     -o-filter: invert(100%);
  183.     -ms-filter: invert(100%);
  184.     filter: invert(100%);
  185.     opacity:.2;
  186.     transition: .4s ease-in-out;
  187.     transform:scale(0.7,0.7);
  188.     transform-origin:right top;
  189.     top:20px;
  190.         right:20px;
  191.     z-index:3000000;
  192.     position:fixed!important;
  193. }
  194.  
  195. iframe.tmblr-iframe:hover {  opacity:1; }
  196.  
  197. #s-m-t-tooltip{
  198.     position:absolute;
  199.     margin:15px;
  200.     max-width:250px;
  201.     z-index:9999;
  202.     color:{color:accent dark};
  203.     background:#fff;padding:2px 4px;
  204.     border:1px solid #eee;
  205. }
  206.  
  207. blockquote {
  208.     padding:0px 0px 0px 10px;
  209.     margin:0px 0px 0px 10px;
  210.     border-left:1px solid #eee;
  211. }
  212.  
  213.  pre,code {
  214.     white-space: pre-wrap;    
  215.     white-space: -moz-pre-wrap;  
  216.     white-space: -pre-wrap;  
  217.     white-space: -o-pre-wrap;
  218.     word-wrap: break-word;      
  219.     font-family:'Inconsolata',monospace;
  220. }
  221.  
  222. body {
  223.     background:{color:background};
  224.     color:{color:text};
  225.     font-family:'{select:font}',serif;
  226.     font-weight:400;
  227.     font-size:{text:font size};
  228.     text-align:left;
  229.     letter-spacing:.7px;
  230.     line-height:180%;
  231.     -moz-osx-font-smoothing:grayscale;
  232.     -webkit-font-smoothing:antialiased;
  233.     font-smoothing:antialiased;
  234. }
  235.  
  236.  
  237. a { color:inherit;text-decoration:none;}
  238. a,a b,.tags { transition:0.25s ease-in-out; } .tags a { margin-right:5px; } .tags { word-wrap:break-word;margin-top:5px; }
  239. a:hover,a.user:hover,a.t:hover,.up a:hover { color:{color:accent}!important; }
  240. b,strong { font-weight:600;color:{color:accent dark}; }
  241. p { margin:10px 0px 0px; }
  242. img{ opacity:1;border:none;text-decoration:none;}
  243. small { font-size:calc({text:font size} - 0.5px); }
  244. hr { width:100%;background:#eee;height:1px;border:none;display:block;margin:10px 0px; }
  245. .posts ul { margin-top:10px;list-style:square;margin-left:20px; }
  246. big { font-size:calc({text:font size} + 0.5px); }
  247. h1,h2,h3,h4,h5,h6 { padding:0;margin:10px 0;font-size:13px;color:{color:accent dark};font-weight:600;text-transform:lowercase;} h1 i { font-style:normal;} h1 a,h1 i a { color:{color:accent dark};} .posts img, .posts li, .posts blockquote { max-width: 100%;height:auto}
  248.  
  249. /* posts */
  250.  
  251.  
  252. .entries { margin:150px 450px 80px; width:{select:post width};}
  253.  
  254. .posts {
  255. position:relative;width:{select:post width};margin-bottom:120px;
  256. -webkit-animation-name: fadein;-webkit-animation-duration: 2s;
  257. }
  258.  
  259.  
  260.  /* captions */
  261.  
  262. .caption {
  263.     margin-top:10px;
  264.     {block:ifhidecaption}
  265.     {block:indexpage}
  266.     display:none;
  267.     {/block:indexpage}
  268.     {/block:ifhidecaption}
  269.  
  270. }
  271.  
  272. .user,a.user,.asker,.asker a,a.answerer { color:{color:accent dark};font-weight:600;}
  273. .user,.answerer { display:block;margin-top:10px;margin-bottom:-10px;}
  274. .user:first-of-type { margin-top:0;}
  275.  
  276. /* notes */
  277.  
  278. ol.notes { margin-top:20px;list-style-type:none;font-style:normal;}
  279. li.note { padding:0;margin:2px 0px;font-style:normal; }
  280. .notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
  281. .notes img { display:none!important; }
  282. ol.notes li.note blockquote { padding:4px 10px;margin:5px 0px 0px 15px;}
  283.  
  284. /* quotes */
  285.  
  286. .quote { font-size:13px;color:{color:accent dark}; } .quotesource { font-style:italic;margin-top:5px;}
  287. .quotesource .tumblr_blog { top:0px;position:relative;}
  288.  
  289. /* chat */
  290.  
  291. .chat { list-style:none;}
  292. .line { list-style:none;}
  293. .line.odd { background:#fff; }
  294. .label { color:{color:accent dark};margin-right:5px;}
  295.  
  296. /* asks */
  297.  
  298. .asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase; }
  299. .question { font-style:italic; } .asker,.answerer { font-style:normal;font-weight:600; }
  300.  
  301. /* audio */
  302.  
  303. .player { display:inline-block;width:50px;background:#fff;height:50px;overflow:hidden;margin-bottom:-5px;}
  304. .audio_d { float:right;padding:15px 10px;width:calc({select:post width} - 130px );background:#fff;}
  305. .tumblr_audio_player { background:#fff!important; }
  306. .tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
  307. iframe.spotify_audio_player { height:80px;overflow-y:hidden!important; }
  308.  
  309. /* lightboxes */
  310.  
  311. #vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  312.  
  313. /* etc */
  314.  
  315. #fuckchad {
  316.     bottom:27px;
  317.     position:fixed;
  318.     right:27px;
  319. }
  320.  
  321. .sc {
  322.     bottom:15px;
  323.     right:27px;
  324.     text-align:right;
  325.     position:fixed;
  326.     display:none;
  327.     font-weight:bold;
  328.     cursor:help;
  329. }
  330.  
  331. .sc a { cursor:help;}
  332.  
  333. /* footer stuff */
  334.  
  335.  #pagination { {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} } #pagination a { margin:0px 5px; }
  336. .current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
  337. #infscr-loading { display:none!Important; }
  338. footer { width:{select:post width};margin:0 0 80px 450px;text-align:left;} a#more { position:relative;text-align:center;}
  339.  
  340.  
  341. header {
  342.     top:0;
  343.     left:0;
  344.     position:fixed;
  345.     z-index:200;
  346.     padding:40px 60px;
  347.     width:100%;
  348.     background:{color:background};
  349.    
  350. }
  351.  
  352. a.t {
  353.     text-decoration:none;
  354.     color:{color:accent dark};
  355.     font-size:18px;
  356.     font-weight:700;
  357.     cursor:pointer;
  358.     display:inline-block;
  359. }
  360.  
  361. a.t:hover { color:{color:accent dark}!important; }
  362.  
  363. a.t:after {
  364.     content: '';
  365.     display: block;
  366.     height: 4px;
  367.     margin-top:-4px;
  368.     width: 0;
  369.     z-index:30;
  370.     background: transparent;
  371.     transition: width .5s ease, background-color .5s ease;
  372. }
  373.  
  374. a.t:hover:after{
  375.     width:100%;
  376.     background:{color:accent};
  377. }
  378.  
  379. header i { margin-left:10px; }
  380.  
  381. aside2 {
  382.     bottom:60px;
  383.     left:60px;
  384.     position:fixed;
  385.     width:270px;
  386.     padding-left:20px;
  387.     border-left:1px solid #eee;
  388. }
  389. aside2 h1,.nc,a#more {
  390.     font-size:13px;
  391.     color:{color:accent dark};
  392.     font-weight:600;
  393.     line-height:13px;
  394.     display:inline-block;
  395.     padding:0;
  396.     margin:0;
  397. }
  398.  
  399. aside2 h2,.nc,a#more {
  400.     font-size:13px;
  401.     color:{color:accent 2};
  402.     font-weight:600;
  403.     line-height:13px;
  404.     display:inline-block;
  405.     padding:0;
  406.     margin:0;
  407. }
  408.  
  409. aside2 section:first-of-type { margin:0; }
  410.  
  411. aside2 h1:after,.nc:after,a#more:after {
  412.     content: '';
  413.     display: block;
  414.     height: 4px;
  415.     margin-top:-3px;
  416.     width:100%;
  417.     background:rgba({RGBcolor:accent},.5);
  418.     z-index:30;
  419. }
  420.  
  421. aside2 section, aside2 nav { display:block;position:relative; } aside2 nav,aside2 section { margin-top:20px; }
  422. nav a { display:inline-block; } .d,.n { display:block;margin-top:35px;} nav a:hover { font-style:italic; }
  423. nav3 a { display:inline-block;width:49%;} .d,.n { display:block;margin-top:35px;} nav3 a:hover { font-style:italic; }
  424.  
  425. aside2 section:before,aside2 nav:before {
  426.     content: '';
  427.     display: block;
  428.     position:absolute;
  429.     width: 1px;
  430.     margin-left:-21px;
  431.     height:0%;
  432.     background:rgba({RGBcolor:accent},.5);
  433.     z-index:30;
  434.     transition:0.5s ease-in-out;
  435. }
  436.  
  437. aside2 section:hover:before,aside2 nav:hover:before {height:100%}
  438. .search .query {
  439.    border: 0;
  440.    outline: 0;
  441.    opacity:.5;
  442.    padding: 5px 0px;
  443.    font-family: inherit;
  444.    width:calc({select:post width} / 2);
  445.    position:absolute;
  446.    border-bottom:1px solid #eee;
  447.    margin-left:calc(270px + 120px);
  448.    margin-top:-20px;
  449.    font-size: inherit;
  450.    color: inherit;
  451.    transition:0.25s ease-in-out;
  452. }
  453.  
  454. aside {
  455.     top:150px;
  456.     left:60px;
  457.     position:fixed;
  458.     width:270px;
  459.     padding-left:20px;
  460.     border-left:1px solid #eee;
  461. }
  462.  
  463. aside h1,.nc,a#more {
  464.     font-size:13px;
  465.     color:{color:accent dark};
  466.     font-weight:600;
  467.     line-height:13px;
  468.     display:inline-block;
  469.     padding:0;
  470.     margin:0;
  471. }
  472.  
  473. aside h2,.nc,a#more {
  474.     font-size:13px;
  475.     color:{color:accent dark};
  476.     font-weight:600;
  477.     line-height:13px;
  478.     display:inline-block;
  479.     padding:0;
  480.     margin:0;
  481. }
  482.  
  483. aside section:first-of-type { margin:0; }
  484.  
  485. aside h1:after,.nc:after,a#more:after {
  486.     content: '';
  487.     display: block;
  488.     height: 4px;
  489.     margin-top:-3px;
  490.     width:100%;
  491.     background:rgba({RGBcolor:accent},.5);
  492.     z-index:30;
  493. }
  494.  
  495. aside h2:after,.nc:after,a#more:after {
  496.     content: '';
  497.     display: block;
  498.     height: 4px;
  499.     margin-top:-3px;
  500.     width:100%;
  501.     background:rgba({RGBcolor:accent 2},.5);
  502.     z-index:30;
  503. }
  504.  
  505. aside section, aside nav, aside nav2 { display:block;position:relative; } aside nav, aside section { margin-top:20px; }
  506. aside nav2 { margin-top:12px;margin-bottom:15px; }
  507. .d,.n { display:block;margin-top:14.5px;line-height:14.5px;}
  508. .n { color:{color:link};width:200px; }
  509. nav a:hover { font-style:italic; }
  510. nav2 a:hover { font-style:italic;color:rgba({RGBcolor:accent 2},.5); }
  511.  
  512. aside section:before,aside nav:before {
  513.     content: '';
  514.     display: block;
  515.     position:absolute;
  516.     width: 1px;
  517.     margin-left:-21px;
  518.     height:0%;
  519.     background:rgba({RGBcolor:accent},.5);
  520.     z-index:30;
  521.     transition:0.5s ease-in-out;
  522. }
  523.  
  524. aside nav2:before {
  525.     content: '';
  526.     display: block;
  527.     position:absolute;
  528.     width: 1px;
  529.     margin-left:-21px;
  530.     height:0%;
  531.     background:rgba({RGBcolor:accent 2});
  532.     z-index:30;
  533.     transition:0.5s ease-in-out;
  534. }
  535.  
  536. aside section:hover:before,aside nav:hover:before,aside nav2:hover:before {height:100%}
  537. .search .query {
  538.    border: 0;
  539.    outline: 0;
  540.    opacity:.5;
  541.    padding: 5px 0px;
  542.    font-family: inherit;
  543.    width:calc({select:post width} / 2);
  544.    position:absolute;
  545.    border-bottom:1px solid #eee;
  546.    margin-left:calc(270px + 120px);
  547.    margin-top:-20px;
  548.    font-size: inherit;
  549.    color: inherit;
  550.    transition:0.25s ease-in-out;
  551. }
  552.  
  553. br {
  554.   content: "";
  555.   margin: 2em;
  556.   display: block;
  557.   font-size: 40%;
  558. }
  559.  
  560. .search .query:hover { opacity:1; }
  561. ::-webkit-input-placeholder {color: inherit;}
  562. :-moz-placeholder {color: inherit; opacity:1;}
  563. ::-moz-placeholder {color: inherit; opacity:1;}
  564. :-ms-input-placeholder {color: inherit;}
  565.  
  566. input:focus::-webkit-input-placeholder {color: transparent;}
  567. input:focus:-moz-placeholder {color: transparent;}
  568. input:focus::-moz-placeholder {color: transparent;}
  569. input:focus:-ms-input-placeholder { color: transparent;}
  570.  
  571. .inf { margin-top:10px;text-transform:lowercase;}
  572.  
  573. .day { margin-left:45px;transition:.25s ease-in-out; }
  574. .day b { {block:indexpage}opacity:0;{/block:indexpage}font-weight:400;color:{color:text};transition:.4s ease-in-out; }
  575. .day:before {
  576.     content:'';
  577.     margin-left:-40px;
  578.     margin-top:8px;
  579.     position:absolute;
  580.     {block:indexpage}
  581.     width:0px;
  582.     {/block:indexpage}
  583.     {block:permalinkpage} width:30px; {/block:permalinkpage}
  584.     height:1px;
  585.     background:#eee;
  586.     transition:.4s ease-in-out;
  587. }
  588.  
  589. {block:indexpage}
  590. .posts:hover .day:before { width:30px; }
  591. .posts:hover .day b { opacity:1;transition-delay:.4s;}{/block:indexpage}
  592.  
  593.  
  594. <!--scripts-->
  595.  
  596. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  597.  
  598. (function($){
  599. $(document).ready(function(){
  600. $("a[title]").style_my_tooltips({
  601. tip_follows_cursor:true,
  602. tip_delay_time:30,
  603. tip_fade_speed:300,
  604. attribute:"title"
  605. });
  606. });
  607. })(jQuery);
  608.  
  609. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  610. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  611. <script src="https://dl.dropboxusercontent.com/s/lkc34gq5tgmwqj0/basics.js?dl=0"></script>
  612. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  613.  
  614. </head>
  615.  
  616.  
  617. <a class="t" href="/">{Title}</a> <i>{text:tagline}</i>
  618. <form action="/search" method="get" class="search"><input type="text" name="q" value="" class="query" placeholder="search"></form>
  619.  
  620.  
  621. <section><h1>biography</h1><div class="d">{Description}</div></section>
  622. <nav><h1><a href="{text:title link 1 url}">year one</a></h1><nav2><h2><a href="{text:title link 2 url}">first semester</a></h2><div class="n"><a href="{text:top link 1 url}">{text:top link 1}</a><br>{/block:iftoplink1}{block:iftoplink2}<br><a href="{text:top link 2 url}">{text:top link 2}</a></br>{/block:iftoplink2}{block:iftoplink3}<br><a href="{text:top link 3 url}">{text:top link 3}</a><br>{/block:iftoplink3}{/block:iftoplink4}<br><a href="{text:top link 4 url}">{text:top link 4}</a></br>{/block:iftoplink4}{/block:iftoplink5}<a href="{text:top link 5 url}">{text:top link 5}</a></br>{/block:iftoplink5}{/block:iftoplink6}<a href="{text:top link 6 url}">{text:top link 6}</a></br>{/block:iftoplink6}{/block:iftoplink7}<br><a href="{text:top link 7 url}">{text:top link 7}</a></br>{/block:iftoplink7}{/block:iftoplink8}<br><a href="{text:top link 8 url}">{text:top link 8}</a></br></div></nav2>
  623. <nav2><h2><a href="{text:title link 3 url}">second semester</a></h2><div class="n"></div></nav2></nav>
  624.  
  625. <div class="stuff">
  626. <div class="entries">
  627. {block:Posts}
  628. <div class="posts">
  629.  
  630. {block:Text}
  631. <div class="q">{block:Title}<h1>{Title}</h1>{/block:Title} {block:NotReblog}<div class="txt">{Body}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs} <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body} {/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Text}
  632.  
  633. {block:Photo} <div class="q"> {LinkOpenTag}<a 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>{LinkCloseTag}{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photo}
  634.  
  635. {block:Photoset}<div class="q"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photoset}
  636.  
  637.  
  638. {block:Quote}<div class="q txt"><div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}</div>{/block:Quote}
  639.  
  640. {block:Link}<div class="q txt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{block:NotReblog}<div class="caption">{Descriptionn}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Description}</div>{/block:Link}
  641.  
  642.  
  643. {block:Chat}<div class="q txt">{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div></div>{/block:Chat}
  644.  
  645.  
  646. {block:Audio}<div class="q txt">{block:AudioPlayer}<div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} : {Artist} {/block:Artist}</div>{/block:AudioPlayer} {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Audio}
  647.  
  648.  
  649. {block:Video}<div class="q"><div class="video iframe">{Video-500}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Video}
  650.  
  651. {block:Answer}<div class="q txt"><div class="question"> <div class="asker">{Asker}</div> {Question}</div>{block:Answerer}<div class="answer">{Answerer}{Answer}</div>{/block:Answerer} {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs}<a class="user" style="margin-top:10px" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a>{Body}{/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Answer}
  652.  
  653.  
  654. {block:date}
  655. <div class="inf">
  656.  
  657. {block:indexpage}
  658. <a href="{Permalink}" class="nc">{NoteCount}</a> <i class="day"><b>{DayOfWeek}, {TimeAgo}</b></i>
  659. {block:ifshowtags}
  660. {block:HasTags}
  661. <div class="tags">
  662. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  663. </div>
  664. {/block:HasTags}
  665. {/block:ifshowtags}
  666. {/block:indexpage}
  667.  
  668.  
  669. {block:permalinkpage}
  670. <a class="nc" href="{Permalink}">{NoteCountWithLabel}</a> <i class="day"><b>{DayOfWeek}, {TimeAgo}</b></i>
  671. {block:RebloggedFrom}
  672. <br> <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  673. {block:ContentSource} . <a href="{ReblogRootURL}" >source {ReblogRootName}</a>{/block:ContentSource}
  674. {/block:RebloggedFrom}
  675. {block:HasTags}
  676. <br><div class="tags">
  677. {block:Tags}
  678. <a href="{TagURL}">#{Tag}</a>
  679. {/block:Tags}
  680. </div>
  681. {/block:HasTags}
  682. {/block:permalinkpage}
  683.  
  684. </div>
  685. {/block:date}
  686.  
  687.  
  688. {block:PostNotes}{PostNotes}{/block:PostNotes}
  689. </div>
  690. {/block:Posts}
  691. </div>
  692.  
  693. {block:indexpage}
  694. {block:ifloadmore}
  695. <a id="more" style="cursor:help">load more posts</a>
  696. {/block:ifloadmore}
  697.  
  698. {block:Pagination}<div id="pagination">{block:previouspage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:nextpage}</div>{/block:Pagination}
  699. {/block:indexpage}
  700.  
  701. </div>
  702.  
  703. {block:ContentSource}<!– {SourceURL}{block:SourceLogo}<img src={BlackLogoURL}width={LogoWidth}height={LogoHeight}alt={SourceTitle}/> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  704.  
  705. <div id="fuckchad"><a href="https://odeysseus.tumblr.com">O</a></div>
  706.  
  707. {block:ifscrolltotop}
  708. <div class="sc"> <a href="#">scroll to top</a></div>
  709. {/block:ifscrolltotop}
  710.  
  711. {block:indexpage}{block:ifinfinitescroll}
  712. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  713. {/block:ifinfinitescroll}{/block:indexpage}
  714.  
  715. $(document).ready(function(){
  716.     var $container = $('.entries');
  717.         {block:ifinfinitescroll}
  718.         $container.infinitescroll({
  719.             itemSelector: '.posts',
  720.             navSelector: '#pagination',
  721.             nextSelector: '.next',
  722.             loadingImg: '',
  723.             loadingText: '',
  724.             doneText: 'no more posts',
  725.             bufferPx: 2000,
  726.             {block:ifloadmore}
  727.             errorCallback: function () {
  728.                 jQuery ('a#more').delay(50).fadeOut();
  729.                 $('.posts').last().after($('a#more'));
  730.             }
  731.             {/block:ifloadmore}
  732.         },
  733.         function( newElements ) {
  734.             var $newElems = $( newElements );
  735.             $newElems.find('.photo-slideshow').pxuPhotoset({
  736.                 lightbox: true,
  737.                 rounded: false,
  738.                 gutter: '1px',
  739.                 photoset: '.photo-slideshow',
  740.                 photoWrap: '.photo-data',
  741.                 photo: '.pxu-photo'
  742.             })
  743.             resizeVideos();
  744.    $newElems.find('iframe.tumblr_audio_player').load( function() {
  745.          $('iframe.tumblr_audio_player').contents().find("head")
  746.             .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  747.       });
  748.     });
  749.    
  750.         {block:ifloadmore}
  751.         $(window).unbind('.infscr');
  752.             $('a#more').click(function(){
  753.                $container.infinitescroll('retrieve');return false;
  754.                $('.posts').last().after($('a#more'));
  755.             });
  756.         {/block:ifloadmore}
  757.         {/block:ifinfinitescroll}
  758. });
  759. </body>
  760.  
  761. </html>