sashatheme

FIXED FOV TROPICAL THEME

Apr 23rd, 2023
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.22 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>LAYING UNDERNEATH THE PALM TREES</title>
  7. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  8. <link rel="icon" type="image/x-icon" href="https://64.media.tumblr.com/53d0792f5f1c0f485f0cd15dea0b2bac/44de0c34cd6332bb-a7/s250x400/092cf50d0f6d91ae8b1616f451090296332f8c02.gif">
  9.  
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  11.  
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
  13.  
  14. <script type="text/javascript">
  15. if(location.pathname == "/")
  16. location.replace("/tagged/palisades");
  17. </script>
  18.  
  19. <script>
  20.  
  21. var documentTitle = document.title + " ";
  22.  
  23. (function titleMarquee() {
  24. document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
  25. setTimeout(titleMarquee, 200);
  26. })();
  27.  
  28. </script>
  29.  
  30.  
  31. <style>
  32.  
  33. @import url('https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@500&display=swap');
  34.  
  35. @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  36.  
  37. </style>
  38.  
  39. <style>
  40.  
  41. #hvr-forward {
  42. display: inline-block;
  43. -webkit-transform: perspective(1px) translateZ(0);
  44. transform: perspective(1px) translateZ(0);
  45. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  46. -webkit-transition-duration: 0.3s;
  47. transition-duration: 0.3s;
  48. -webkit-transition-property: transform;
  49. transition-property: transform;
  50. }
  51. #hvr-forward:hover, #hvr-forward:focus, #hvr-forward:active {
  52. -webkit-transform: translateX(8px);
  53. transform: translateX(8px);
  54. }
  55. </style>
  56.  
  57. <script type='text/javascript'>
  58. //<![CDATA[
  59. var rate = 50;
  60. if (document.getElementById)
  61. window.onerror=new Function("return true")
  62.  
  63. var objActive; // The object which event occured in
  64. var act = 0; // Flag during the action
  65. var elmH = 0; // Hue
  66. var elmS = 120; // Saturation
  67. var elmV = 255; // Value
  68. var clrOrg; // A color before the change
  69. var TimerID; // Timer ID
  70. if (document.all) {
  71. document.onmouseover = doRainbowAnchor;
  72. document.onmouseout = stopRainbowAnchor;
  73. }
  74. else if (document.getElementById) {
  75. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  76. document.onmouseover = Mozilla_doRainbowAnchor;
  77. document.onmouseout = Mozilla_stopRainbowAnchor;
  78. }
  79. function doRainbow(obj)
  80. {
  81. if (act == 0) {
  82. act = 1;
  83. if (obj)
  84. objActive = obj;
  85. else
  86. objActive = event.srcElement;
  87. clrOrg = objActive.style.color;
  88. TimerID = setInterval("ChangeColor()",100);
  89. }
  90. }
  91. function stopRainbow()
  92. {
  93. if (act) {
  94. objActive.style.color = clrOrg;
  95. clearInterval(TimerID);
  96. act = 0;
  97. }
  98. }
  99. function doRainbowAnchor()
  100. {
  101. if (act == 0) {
  102. var obj = event.srcElement;
  103. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  104. obj = obj.parentElement;
  105. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  106. break;
  107. }
  108. if (obj.tagName == 'A' && obj.href != '') {
  109. objActive = obj;
  110. act = 1;
  111. clrOrg = objActive.style.color;
  112. TimerID = setInterval("ChangeColor()",100);
  113. }
  114. }
  115. }
  116. function stopRainbowAnchor()
  117. {
  118. if (act) {
  119. if (objActive.tagName == 'A') {
  120. objActive.style.color = clrOrg;
  121. clearInterval(TimerID);
  122. act = 0;
  123. }
  124. }
  125. }
  126. function Mozilla_doRainbowAnchor(e)
  127. {
  128. if (act == 0) {
  129. obj = e.target;
  130. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  131. obj = obj.parentNode;
  132. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  133. break;
  134. }
  135. if (obj.nodeName == 'A' && obj.href != '') {
  136. objActive = obj;
  137. act = 1;
  138. clrOrg = obj.style.color;
  139. TimerID = setInterval("ChangeColor()",100);
  140. }
  141. }
  142. }
  143. function Mozilla_stopRainbowAnchor(e)
  144. {
  145. if (act) {
  146. if (objActive.nodeName == 'A') {
  147. objActive.style.color = clrOrg;
  148. clearInterval(TimerID);
  149. act = 0;
  150. }
  151. }
  152. }
  153. function ChangeColor()
  154. {
  155. objActive.style.color = makeColor();
  156. }
  157. function makeColor()
  158. {
  159. // Don't you think Color Gamut to look like Rainbow?
  160. // HSVtoRGB
  161. if (elmS == 0) {
  162. elmR = elmV; elmG = elmV; elmB = elmV;
  163. }
  164. else {
  165. t1 = elmV;
  166. t2 = (255 - elmS) * elmV / 255;
  167. t3 = elmH % 60;
  168. t3 = (t1 - t2) * t3 / 60;
  169. if (elmH < 60) {
  170. elmR = t1; elmB = t2; elmG = t2 + t3;
  171. }
  172. else if (elmH < 120) {
  173. elmG = t1; elmB = t2; elmR = t1 - t3;
  174. }
  175. else if (elmH < 180) {
  176. elmG = t1; elmR = t2; elmB = t2 + t3;
  177. }
  178. else if (elmH < 240) {
  179. elmB = t1; elmR = t2; elmG = t1 - t3;
  180. }
  181. else if (elmH < 300) {
  182. elmB = t1; elmG = t2; elmR = t2 + t3;
  183. }
  184. else if (elmH < 360) {
  185. elmR = t1; elmG = t2; elmB = t1 - t3;
  186. }
  187. else {
  188. elmR = 0; elmG = 0; elmB = 0;
  189. }
  190. }
  191. elmR = Math.floor(elmR).toString(16);
  192. elmG = Math.floor(elmG).toString(16);
  193. elmB = Math.floor(elmB).toString(16);
  194. if (elmR.length == 1) elmR = "0" + elmR;
  195. if (elmG.length == 1) elmG = "0" + elmG;
  196. if (elmB.length == 1) elmB = "0" + elmB
  197. elmH = elmH + rate;
  198. if (elmH >= 360)
  199. elmH = 0;
  200. return '#' + elmR + elmG + elmB;
  201. }
  202. //]]>
  203. </script>
  204.  
  205. <style>
  206.  
  207. ::-webkit-scrollbar {
  208.  
  209. width: 0px;
  210. }
  211.  
  212. body {
  213.  
  214. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026700119317434429/waaa.png');
  215.  
  216. background-size: cover;
  217.  
  218. margin-top: 60px;
  219.  
  220. overflow: auto;
  221.  
  222.  
  223. }
  224.  
  225. a, ahref {
  226.  
  227. color: #0000f1;
  228. }
  229.  
  230. .wrapper {
  231.  
  232. width: 1000px;
  233.  
  234. }
  235.  
  236. .container {
  237.  
  238. width: 890px;
  239.  
  240. height: 645px;
  241.  
  242. background-color: #fff;
  243.  
  244. border-left: 4px outset #fff;
  245.  
  246. border-right: 4px outset #eee;
  247.  
  248. border-top: 4px outset #eee;
  249.  
  250. border-bottom: 4px outset #eee;
  251.  
  252. padding: 10px;
  253.  
  254. scrollbar-width: none;
  255.  
  256. }
  257.  
  258. .header {
  259.  
  260. width: 681px;
  261.  
  262. height: 150px;
  263.  
  264. margin-left: 204px;
  265.  
  266. margin-top: -2px;
  267.  
  268. border: 2px outset #fff;
  269.  
  270. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026682935396536370/jm.gif');
  271.  
  272. background-size: fill;
  273.  
  274. scrollbar-width: none;
  275.  
  276. }
  277.  
  278. .headerscroll {
  279.  
  280. width: 469px;
  281.  
  282. height: 150px;
  283.  
  284. position: absolute;
  285.  
  286. z-index: 5;
  287.  
  288. margin-left: 207px;
  289.  
  290. background-image: url("https://cdn.discordapp.com/attachments/1004112702626611391/1026677197114708018/wee.gif");
  291.  
  292. scrollbar-width: none;
  293.  
  294. }
  295.  
  296.  
  297. .sidebar {
  298.  
  299. width: 200px;
  300.  
  301. height: 488px;
  302.  
  303. float: right;
  304.  
  305. margin-top: 9px;
  306.  
  307. margin-left: -1px;
  308.  
  309. background-color: #fff;
  310.  
  311. display: inline-block;
  312.  
  313. scrollbar-width: none;
  314.  
  315. }
  316.  
  317. .navigation {
  318.  
  319. width: 176px;
  320.  
  321. height: 201px;
  322.  
  323. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026706393249615892/navibackground.gif');
  324.  
  325. background-size: cover;
  326.  
  327. color: #000;
  328.  
  329. border: 2px outset #fff;
  330.  
  331. text-align: left;
  332.  
  333. padding: 10px;
  334.  
  335. font-family: 'Righteous', cursive;
  336.  
  337. scrollbar-width: none;
  338.  
  339. }
  340.  
  341. .navigation hr {
  342.  
  343. border-color: transparent;
  344.  
  345. margin-left: -12px;
  346.  
  347. margin-right: -10px;
  348.  
  349. z-index: 6;
  350.  
  351. scrollbar-width: none;
  352.  
  353. }
  354.  
  355. .navigation a {
  356.  
  357. text-decoration: none;
  358.  
  359. color: #000;
  360.  
  361. }
  362.  
  363. .navigation a:hover {
  364.  
  365. text-decoration: line-through;
  366.  
  367. color: #000;
  368.  
  369. }
  370.  
  371. .thering {
  372.  
  373. width: 176px;
  374.  
  375. height: 176px;
  376.  
  377. margin-top: 9px;
  378.  
  379. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026693396917665853/albumsbg.gif');
  380.  
  381. background-size: cover;
  382.  
  383. color: #000;
  384.  
  385. border: 2px outset #fff;
  386.  
  387. text-align: left;
  388.  
  389. padding: 10px;
  390.  
  391. font-family: 'Righteous', cursive;
  392.  
  393. scrollbar-width: none;
  394.  
  395. }
  396.  
  397. .gallery {
  398.  
  399. width: 176px;
  400.  
  401. height: 19px;
  402.  
  403. margin-top: 8px;
  404.  
  405. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026693174288187492/pagibg.gif');
  406.  
  407. background-size: cover;
  408.  
  409. color: #000;
  410.  
  411. border: 2px outset #fff;
  412.  
  413. text-align: left;
  414.  
  415. padding: 10px;
  416.  
  417. font-family: 'Righteous', cursive;
  418.  
  419. overflow: hidden;
  420.  
  421. scrollbar-width: none;
  422.  
  423. }
  424.  
  425. .gallery img {
  426.  
  427. max-width: 182px;
  428.  
  429. border: 3px double #fff;
  430.  
  431. }
  432.  
  433. .myslides {
  434.  
  435. display: none;
  436.  
  437. scrollbar-width: none;
  438.  
  439. }
  440.  
  441. .body {
  442.  
  443. width: 680px;
  444.  
  445. height: 550px;
  446.  
  447. margin-left: -14px;
  448.  
  449. position: absolute;
  450.  
  451. border-top: 2px outset #fff;
  452.  
  453. border-right: 12px inset #fff;
  454.  
  455. border-bottom: 12px outset #fff;
  456.  
  457. border-left: 12px outset #fff;
  458.  
  459. margin-top: 9px;
  460.  
  461. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026692647676542976/bg.png');
  462.  
  463. background-size: cover;
  464.  
  465. overflow: auto;
  466.  
  467. scrollbar-width: none;
  468.  
  469. }
  470.  
  471. .posts {
  472.  
  473. width: 540px;
  474.  
  475. margin-top: 10px;
  476.  
  477. padding: 10px;
  478.  
  479. border: 10px solid transparent;
  480.  
  481. border-image: linear-gradient(to bottom right, #ffbac3 0%, #fff8bd 25%, #b0ffeb 50%, #ffa3d1 75%, #b8e6ff 100%);
  482.  
  483. border-image-slice: 1;
  484.  
  485. background-color: #fff;
  486.  
  487. text-align: justify;
  488.  
  489. font-family: tahoma;
  490.  
  491. filter: sepia(40%);
  492. -webkit-filter: sepia(40%);
  493. -moz-filter: sepia(40%);
  494.  
  495. scrollbar-width: none;
  496.  
  497. }
  498.  
  499. .npf_row {
  500.  
  501. margin: 0 !important;
  502.  
  503. }
  504.  
  505. iframe, img, embed, object, video, vjs-poster {
  506.  
  507. max-width: 100%;
  508.  
  509. height: auto;
  510.  
  511. }
  512.  
  513. /* audio stuff */
  514.  
  515. .spotify_audio_player {
  516. height:80px!important;
  517. width:100%!important;}
  518.  
  519. .soundcloud_audio_player {
  520. height:150px!important;
  521. width:100%!important;}
  522.  
  523. /* playbutton background */
  524.  
  525. .trackback {
  526. position: absolute;
  527. left: 20px;
  528. top: 20px;
  529. width: 19px;
  530. height: 19px;
  531. background-color: #fff;
  532. padding: 10px;
  533. opacity: .4;}
  534.  
  535. /* playbutton */
  536.  
  537. .pressplay{
  538. position: relative;
  539. width: 25px;
  540. height: 25px;
  541. overflow: hidden;
  542. left: -6px;
  543. top: -3px;}
  544.  
  545. /* album img container */
  546.  
  547. .albumpic {
  548. position: absolute;
  549. left: 0px;
  550. top: 0px;
  551. width: 79px;
  552. height: 79px;}
  553.  
  554. /* album img */
  555.  
  556. .albumpic img {
  557. width: 100%;
  558. height: auto;
  559. border: 1px solid {color:font color};}
  560.  
  561. /* track info ye */
  562.  
  563. .trackinfo {
  564. width: auto;
  565. display:inline-block;
  566. margin-left: 90px;
  567. min-height: 85px;}
  568.  
  569. /* makes both audio player & track info inline */
  570.  
  571. .audiowrapper {
  572. position: relative; display:inline-block;}
  573.  
  574. #tumblr_video_container {
  575.  
  576. max-width: 100%;
  577. }
  578.  
  579. .tumblr_audio_player {
  580.  
  581. max-width: 100%;
  582.  
  583. }
  584.  
  585. blockquote {
  586.  
  587. margin: 5px;
  588.  
  589. border-left: 1px solid #000;
  590.  
  591. padding-left: 5px;
  592.  
  593. }
  594.  
  595. .floater {
  596.  
  597. position: absolute;
  598.  
  599. margin-left: 394px;
  600.  
  601. margin-top: 30px;
  602.  
  603. -webkit-animation: moveX 6.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  604.  
  605. -moz-animation: moveX 4.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  606.  
  607. -o-animation: moveX 6.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  608.  
  609. animation: moveX 4.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  610.  
  611. }
  612.  
  613. @-webkit-keyframes moveX {
  614. from { left: 0; } to { left: 40vw; }
  615. }
  616. @-moz-keyframes moveX {
  617. from { left: 0; } to { left: 40vw; }
  618. }
  619. @-o-keyframes moveX {
  620. from { left: 0; } to { left: 40vw; }
  621. }
  622. @keyframes moveX {
  623. from { left: 0; } to { left: 40vw; }
  624. }
  625. @-webkit-keyframes moveY {
  626. from { top: 0; } to { top: 40vh; }
  627. }
  628. @-moz-keyframes moveY {
  629. from { top: 0; } to { top: 40vh; }
  630. }
  631. @-o-keyframes moveY {
  632. from { top: 0; } to { top: 40vh; }
  633. }
  634. @keyframes moveY {
  635. from { top: 0; } to { top: 40vh; }
  636. }
  637. </style>
  638.  
  639. <script>
  640.  
  641. window.onload = function() {
  642. // Month Day, Year Hour:Minute:Second, id-of-element-container
  643. countUpFromTime("June 28, 2018 12:00:00", 'countup1'); // ****** Change this line!
  644. };
  645. function countUpFromTime(countFrom, id) {
  646. countFrom = new Date(countFrom).getTime();
  647. var now = new Date(),
  648. countFrom = new Date(countFrom),
  649. timeDifference = (now - countFrom);
  650.  
  651. var secondsInADay = 60 * 60 * 1000 * 24,
  652. secondsInAHour = 60 * 60 * 1000;
  653.  
  654. days = Math.floor(timeDifference / (secondsInADay) * 1);
  655. years = Math.floor(days / 365);
  656. if (years > 1){ days = days - (years * 365) }
  657. hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
  658. mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
  659. secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1);
  660.  
  661. var idEl = document.getElementById(id);
  662. idEl.getElementsByClassName('years')[0].innerHTML = years;
  663. idEl.getElementsByClassName('days')[0].innerHTML = days;
  664. idEl.getElementsByClassName('hours')[0].innerHTML = hours;
  665. idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
  666. idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
  667.  
  668. clearTimeout(countUpFromTime.interval);
  669. countUpFromTime.interval = setTimeout(function(){ countUpFromTime(countFrom, id); }, 1000);
  670. }
  671.  
  672. </script>
  673.  
  674. <style>
  675.  
  676. .countup {
  677.  
  678. text-align: center;
  679.  
  680. }
  681.  
  682. .countup .timeel {
  683.  
  684. display: inline-block;
  685.  
  686. padding: 5px;
  687.  
  688. background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1004112884554543134/timer_background.png');
  689.  
  690. background-size: cover;
  691.  
  692. margin-left: -5px;
  693.  
  694. color: white;
  695.  
  696. font-size: 11px;
  697.  
  698. border-radius: 4px 0 0 4px;
  699.  
  700. }
  701.  
  702. .countup span[class*="timeRef"] {
  703.  
  704. border-radius: 0 4px 4px 0;
  705.  
  706. background: #fff;
  707.  
  708. color: #fff;
  709.  
  710. }
  711.  
  712. .pagination {
  713.  
  714. color: #fff;
  715.  
  716. text-align: center;
  717.  
  718. font-family: tahoma;
  719.  
  720. margin-top: -3px;
  721.  
  722. z-index: 16;
  723.  
  724. position: relative;
  725.  
  726. text-shadow:
  727. -1px -1px 0 #000,
  728. 0 -1px 0 #000,
  729. 1px -1px 0 #000,
  730. 1px 0 0 #000,
  731. 1px 1px 0 #000,
  732. 0 1px 0 #000,
  733. -1px 1px 0 #000,
  734. -1px 0 0 #000;
  735.  
  736. scrollbar-width: none;
  737. }
  738.  
  739. .jump_page {
  740.  
  741. padding: 4px 2px;
  742.  
  743. text-align: center;
  744.  
  745. color: #fff;
  746.  
  747. font-size: 20px;
  748.  
  749. text-decoration: none;
  750.  
  751. font-family: tahoma;
  752.  
  753. z-index: 16;
  754.  
  755. }
  756.  
  757. .current_page {
  758.  
  759. padding: 4px 2px;
  760.  
  761. text-align: center;
  762.  
  763. color: #fff;
  764.  
  765. font-size: 20px;
  766.  
  767. text-decoration: underline;
  768.  
  769. font-family: tahoma;
  770.  
  771. z-index: 16;
  772.  
  773. }
  774.  
  775. .scrollme {
  776.  
  777. scrollbar-width: none;
  778.  
  779. }
  780.  
  781. </style>
  782.  
  783. </head>
  784.  
  785. <body>
  786.  
  787. <center>
  788.  
  789. <div class="wrapper">
  790.  
  791. <div class="container">
  792.  
  793. <marquee scrolldelay="120" style="width: 220px; z-index: 10; position: absolute; font-family: 'Righteous', cursive; font-size: 20px; margin-top: 670px; margin-left: 240px; color: #fff; text-shadow:
  794. -1px -1px 0 #000,
  795. 0 -1px 0 #000,
  796. 1px -1px 0 #000,
  797. 1px 0 0 #000,
  798. 1px 1px 0 #000,
  799. 0 1px 0 #000,
  800. -1px 1px 0 #000,
  801. -1px 0 0 #000;">YOU'VE BEEN WITH ME THE LONGEST</marquee>
  802.  
  803. <div class="scrollme" style="margin-left: 692px; width: 194px; height: 151px; position: absolute; margin-top: -1px; z-index: 4; padding-left: 6px; background-color: red; overflow: auto; background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026682771688661002/calendarbg.gif'); text-shadow:
  804. -1px -1px 0 #303030,
  805. 0 -1px 0 #303030,
  806. 1px -1px 0 #303030,
  807. 1px 0 0 #303030,
  808. 1px 1px 0 #303030,
  809. 0 1px 0 #303030,
  810. -1px 1px 0 #303030,
  811. -1px 0 0 #303030;">
  812.  
  813. <script language="JavaScript">
  814.  
  815. monthnames = new Array(
  816. "JAN",
  817. "FEB",
  818. "MAR",
  819. "APR",
  820. "MAY",
  821. "JUN",
  822. "JUL",
  823. "AUG",
  824. "SEP",
  825. "OCT",
  826. "NOV",
  827. "DEC");
  828. var linkcount=0;
  829. function addlink(month, day, href) {
  830. var entry = new Array(3);
  831. entry[0] = month;
  832. entry[1] = day;
  833. entry[2] = href;
  834. this[linkcount++] = entry;
  835. }
  836. Array.prototype.addlink = addlink;
  837. linkdays = new Array();
  838. monthdays = new Array(12);
  839. monthdays[0]=31;
  840. monthdays[1]=28;
  841. monthdays[2]=31;
  842. monthdays[3]=30;
  843. monthdays[4]=31;
  844. monthdays[5]=30;
  845. monthdays[6]=31;
  846. monthdays[7]=31;
  847. monthdays[8]=30;
  848. monthdays[9]=31;
  849. monthdays[10]=30;
  850. monthdays[11]=31;
  851. todayDate=new Date();
  852. thisday=todayDate.getDay();
  853. thismonth=todayDate.getMonth();
  854. thisdate=todayDate.getDate();
  855. thisyear=todayDate.getYear();
  856. thisyear = thisyear % 100;
  857. thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
  858. if (((thisyear % 4 == 0)
  859. && !(thisyear % 100 == 0))
  860. ||(thisyear % 400 == 0)) monthdays[1]++;
  861. startspaces=thisdate;
  862. while (startspaces > 7) startspaces-=7;
  863. startspaces = thisday - startspaces + 1;
  864. if (startspaces < 0) startspaces+=7;
  865. document.write("<font face='Righteous', cursive'>");
  866. document.write("<table border=0");
  867. document.write("bordercolor=black style='font-size : 14px; color : #fff;' cellpadding=3 cellspacing=1>");
  868. document.write("<tr><td colspan=7><center>"
  869. + monthnames[thismonth] + " " + thisyear
  870. + "</strong></center></font></td></tr>");
  871. document.write("<tr>");
  872. document.write("<td><b>S</b></td>");
  873. document.write("<td><b>M</b></td>");
  874. document.write("<td><b>T</b></td>");
  875. document.write("<td><b>W</b></td>");
  876. document.write("<td><b>T</b></td>");
  877. document.write("<td><b>F</b></td>");
  878. document.write("<td><b>S</b></td>");
  879. document.write("</tr>");
  880. document.write("<tr>");
  881. for (s=0;s<startspaces;s++) {
  882. document.write("<td> </td>");
  883. }
  884. count=1;
  885. while (count <= monthdays[thismonth]) {
  886. for (b = startspaces;b<7;b++) {
  887. linktrue=false;
  888. document.write("<td>");
  889. for (c=0;c<linkdays.length;c++) {
  890. if (linkdays[c] != null) {
  891. if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
  892. document.write("<a href=\"" + linkdays[c][2] + "\">");
  893. linktrue=true;
  894. }
  895. }
  896. }
  897. if (count==thisdate) {
  898. document.write("<b><font color='pink'></b>");
  899. }
  900. if (count <= monthdays[thismonth]) {
  901. document.write(count);
  902. }
  903. else {
  904. document.write(" ");
  905. }
  906. if (count==thisdate) {
  907. document.write("</font>");
  908. }
  909. if (linktrue)
  910. document.write("</a>");
  911. document.write("</td>");
  912. count++;
  913. }
  914. document.write("</tr>");
  915. document.write("<tr>");
  916. startspaces=0;
  917. }
  918. document.write("</table></p>");
  919. // End -->
  920. </script>
  921.  
  922. </font></div> <!--CALCLOSE-->
  923.  
  924. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026657666933719050/meand.png" style="position: absolute; margin-top: 550px; z-index: 10; margin-left: 135px;">
  925.  
  926. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026657683782250516/myheart.png" style="position: absolute; margin-top: 439px; z-index: 10; margin-left: 350px;">
  927.  
  928. <div style="position: absolute; width: 196px; height: 196px; border: 2px outset #fff; margin-left: -3px; margin-top: -46px; background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1026659379556130866/vessel.png'); background-size: contain;"></div>
  929.  
  930. <div class="headerscroll"></div>
  931.  
  932. <div class="header">
  933.  
  934. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026639941071011880/fixme.png" style="positon: absolute; margin-top: -2px; margin-left: 273px;">
  935.  
  936. </div><!--HEADER CLOSE-->
  937.  
  938. <div class="sidebar">
  939.  
  940. <div class="navigation">
  941.  
  942. <div class="player" style="margin-top: -8px; margin-bottom: 3px;">
  943.  
  944. <a id="playme" class="playme fa fa-play" data-src="https://files.catbox.moe/j1i8ig.mp3" style="color: #fff; text-decoration: none; font-size: 15px;"></a>
  945.  
  946. <marquee scrolldelay="120" style="width: 165px; float: right; margin-right: -8px; color: #fff">
  947.  
  948. CLINK THE GLASSES GO
  949.  
  950. </marquee>
  951.  
  952. </div>
  953.  
  954. <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script>
  955.  
  956. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  957.  
  958. <script id="rendered-js">
  959.  
  960. var clicked_id;
  961. var audio_var = new Audio();
  962.  
  963.  
  964. $('.playme').on("click", function () {
  965. var datasrc = $(this).attr('data-src');
  966. clicked_id = $(this).attr('id');
  967. console.log(clicked_id);
  968. audio_var.pause();
  969.  
  970. $('.playme').not(this).each(function () {
  971. $(this).removeClass('fa-pause');
  972. $(this).addClass('fa-play');
  973. });
  974.  
  975. if ($(this).hasClass('fa-play')) {
  976. console.log('play_click');
  977. audio_var.src = datasrc;
  978. $(this).removeClass('fa-play');
  979. $(this).addClass('fa-pause');
  980. console.log(audio_var);
  981. audio_var.play();
  982. } else {
  983. console.log('pause_click');
  984. $(this).removeClass('fa-pause');
  985. $(this).addClass('fa-play');
  986. console.log(audio_var);
  987. audio_var.pause();
  988. //audio_var.src='';
  989. //audio_var.load();
  990. console.log(audio_var);
  991. }
  992.  
  993. });
  994.  
  995. audio_var.onended = function () {
  996. $("#" + clicked_id).removeClass('fa-pause');
  997. $("#" + clicked_id).addClass('fa-play');
  998. };
  999.  
  1000. </script>
  1001.  
  1002. <!--MUSIC PLAYER-->
  1003.  
  1004. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004113128134561933/divider.png" style="min-width: 198px; margin-left: -10px; margin-right: -13px; margin-bottom: 5px; margin-top: -15px;">
  1005.  
  1006. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026690309809250304/navigation.png" style="position: absolute; width: 66px; margin-left: -42px; margin-top: 13px;">
  1007.  
  1008. <div style="padding: 0px; margin-top: -4px;"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695789638070302/cherry.png"> &nbsp;<a href="/" title="REFRESH" id="hvr-forward" style="text-shadow:
  1009. -1px -1px 0 #000,
  1010. 0 -1px 0 #000,
  1011. 1px -1px 0 #000,
  1012. 1px 0 0 #000,
  1013. 1px 1px 0 #000,
  1014. 0 1px 0 #000,
  1015. -1px 1px 0 #000,
  1016. -1px 0 0 #000; color: #fff;">INDEX</a><br>
  1017. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695799222042664/grape.png"> &nbsp;<a href="/yes" title="INFORMATION" id="hvr-forward" style="text-shadow:
  1018. -1px -1px 0 #000,
  1019. 0 -1px 0 #000,
  1020. 1px -1px 0 #000,
  1021. 1px 0 0 #000,
  1022. 1px 1px 0 #000,
  1023. 0 1px 0 #000,
  1024. -1px 1px 0 #000,
  1025. -1px 0 0 #000; color: #fff;">ABOUT</a><br>
  1026. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695815961530388/melon.png"> &nbsp;<a href="https://cod.tumblr.com/tagged/my%20themes" title="TUMBLR THEMES" id="hvr-forward" style="text-shadow:
  1027. -1px -1px 0 #000,
  1028. 0 -1px 0 #000,
  1029. 1px -1px 0 #000,
  1030. 1px 0 0 #000,
  1031. 1px 1px 0 #000,
  1032. 0 1px 0 #000,
  1033. -1px 1px 0 #000,
  1034. -1px 0 0 #000; color: #fff;">MY THEMES</a><br>
  1035. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695816963948575/peach.png"> &nbsp;<a href="/ask" title="ASK BOX" id="hvr-forward" style="text-shadow:
  1036. -1px -1px 0 #000,
  1037. 0 -1px 0 #000,
  1038. 1px -1px 0 #000,
  1039. 1px 0 0 #000,
  1040. 1px 1px 0 #000,
  1041. 0 1px 0 #000,
  1042. -1px 1px 0 #000,
  1043. -1px 0 0 #000; color: #fff;">ASK BOX</a><br>
  1044. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695817295315034/pineapple.png"> &nbsp;<a href="/archive" title="ARCHIVE" id="hvr-forward" style="text-shadow:
  1045. -1px -1px 0 #000,
  1046. 0 -1px 0 #000,
  1047. 1px -1px 0 #000,
  1048. 1px 0 0 #000,
  1049. 1px 1px 0 #000,
  1050. 0 1px 0 #000,
  1051. -1px 1px 0 #000,
  1052. -1px 0 0 #000; color: #fff;">ARCHIVE</a><br>
  1053. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026695827906908200/watermelon.png"> &nbsp;<a href="/crew" title="DONQUIXOTE FAMILY" id="hvr-forward" style="text-shadow:
  1054. -1px -1px 0 #000,
  1055. 0 -1px 0 #000,
  1056. 1px -1px 0 #000,
  1057. 1px 0 0 #000,
  1058. 1px 1px 0 #000,
  1059. 0 1px 0 #000,
  1060. -1px 1px 0 #000,
  1061. -1px 0 0 #000; color: #fff;">CREW</a><br></div><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004113128134561933/divider.png" style="min-width: 198px; margin-left: -10px; margin-right: -13px;">
  1062.  
  1063. <div class="countup" id="countup1" style="position: absolute; margin-left: 0px; margin-top: 2px;">
  1064. <span class="timeel years" style="text-shadow:
  1065. -1px -1px 0 #000,
  1066. 0 -1px 0 #000,
  1067. 1px -1px 0 #000,
  1068. 1px 0 0 #000,
  1069. 1px 1px 0 #000,
  1070. 0 1px 0 #000,
  1071. -1px 1px 0 #000,
  1072. -1px 0 0 #000;">00 </span>
  1073. <span class="timeel timeRefYears" style="text-shadow:
  1074. -1px -1px 0 #000,
  1075. 0 -1px 0 #000,
  1076. 1px -1px 0 #000,
  1077. 1px 0 0 #000,
  1078. 1px 1px 0 #000,
  1079. 0 1px 0 #000,
  1080. -1px 1px 0 #000,
  1081. -1px 0 0 #000;">years</span>&nbsp;
  1082. <span class="timeel days" style="background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1004112883476607027/timer_background_2.png'); text-shadow:
  1083. -1px -1px 0 #000,
  1084. 0 -1px 0 #000,
  1085. 1px -1px 0 #000,
  1086. 1px 0 0 #000,
  1087. 1px 1px 0 #000,
  1088. 0 1px 0 #000,
  1089. -1px 1px 0 #000,
  1090. -1px 0 0 #000;">00 </span>
  1091. <span class="timeel timeRefDays" style="text-shadow:
  1092. -1px -1px 0 #000,
  1093. 0 -1px 0 #000,
  1094. 1px -1px 0 #000,
  1095. 1px 0 0 #000,
  1096. 1px 1px 0 #000,
  1097. 0 1px 0 #000,
  1098. -1px 1px 0 #000,
  1099. -1px 0 0 #000;">days</span>&nbsp;
  1100. <span class="timeel hours" style="background-image: url('https://cdn.discordapp.com/attachments/1004112702626611391/1004112883929579701/timer_background_3.png'); text-shadow:
  1101. -1px -1px 0 #000,
  1102. 0 -1px 0 #000,
  1103. 1px -1px 0 #000,
  1104. 1px 0 0 #000,
  1105. 1px 1px 0 #000,
  1106. 0 1px 0 #000,
  1107. -1px 1px 0 #000,
  1108. -1px 0 0 #000;">00 </span>
  1109. <span class="timeel timeRefHours" style="text-shadow:
  1110. -1px -1px 0 #000,
  1111. 0 -1px 0 #000,
  1112. 1px -1px 0 #000,
  1113. 1px 0 0 #000,
  1114. 1px 1px 0 #000,
  1115. 0 1px 0 #000,
  1116. -1px 1px 0 #000,
  1117. -1px 0 0 #000;">hours</span>&nbsp;
  1118. </div>
  1119.  
  1120. <a href="https://osyter.tumblr.com/" target="_blank" title="THE LOVE OF MY LIFE"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004112836814966935/zozo.gif" style="height: 30px; position: absolute; margin-top: 15px; margin-left: -15px;"></a>
  1121.  
  1122.  
  1123. </div> <!--NAVIGATION CLOSE-->
  1124.  
  1125. <div class="thering">
  1126.  
  1127. <marquee scrolldelay="120" direction="right" style="margin-bottom: 9px; margin-top: -6px; margin-left: -5px; margin-right: -6px;" onmouseover="this.stop();" onmouseout="this.start();">
  1128.  
  1129. <a href="https://www.youtube.com/watch?v=EMZOtHIL7QM" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026684601688666152/album1.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1130.  
  1131. <a href="https://youtu.be/EGM8-YN5B64" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026684602204573798/album2.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1132.  
  1133. <a href="https://youtu.be/lILtaPu1O9c" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026684602661736478/album3.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1134.  
  1135. <a href="https://www.youtube.com/playlist?list=PLPAsf8Volpy3zO-dY0xFemDel7ODeZRqN" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026684603064406016/album4.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1136.  
  1137. <a href="https://www.youtube.com/playlist?list=OLAK5uy_lYQdu6WKex633eK-jQcwWgyvwAvYUDQCc" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026684603496398938/album5.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1138.  
  1139. <a href="https://www.youtube.com/playlist?list=OLAK5uy_nnISkrO5-ApJ7PYH-dPta6PXA7kuvMII4" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026685636935159889/album6.png" style="max-height: 186px; border: 1px solid #fff"></a> &nbsp;
  1140.  
  1141. <a href="https://www.youtube.com/watch?v=HUdwHtzCf9o&list=PLiR90gkTJwRNQQxnsvlEO-gxpCFnBOcmz" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026686321806278666/album7.png" style="max-height: 186px; border: 1px solid #fff"></a>
  1142.  
  1143. </marquee>
  1144.  
  1145. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1026690285478084718/albums_i_like.png" style="position: absolute; width: 120px; margin-left: -148px; margin-top: 172px;">
  1146.  
  1147. </div> <!--THE RING CLOSE-->
  1148.  
  1149. <div class="gallery">
  1150.  
  1151. <div class="pagination" style="z-index: 16;">
  1152.  
  1153. {block:Pagination}
  1154.  
  1155. {block:JumpPagination length="5"}
  1156.  
  1157. {block:CurrentPage}
  1158.  
  1159. <span class="current_page">{PageNumber}</span>
  1160.  
  1161. {/block:CurrentPage}
  1162.  
  1163. {block:JumpPage}
  1164.  
  1165. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1166.  
  1167. {/block:JumpPage}
  1168.  
  1169. {/block:JumpPagination}
  1170.  
  1171. {/block:Pagination}
  1172.  
  1173. </div>
  1174.  
  1175. </div> <!--GALLERY CLOSE-->
  1176.  
  1177. </div> <!--SIDEBAR CLOSE-->
  1178.  
  1179. <div class="body">
  1180.  
  1181. {block:posts}
  1182.  
  1183. <div class="posts">
  1184.  
  1185. {block:Text}
  1186. <div class="type-text post-content">
  1187. {block:Title}
  1188. <h2 class="title">
  1189. <a href="{Permalink}">{Title}</a>
  1190. </h2>
  1191. {/block:Title}
  1192.  
  1193. {Body}
  1194. </div>
  1195. {/block:Text}
  1196.  
  1197.  
  1198. {block:Photo}
  1199. <figure class="type-photo post-content">
  1200. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1201.  
  1202. {block:Caption}
  1203. <figcaption class="caption">
  1204. {Caption}
  1205. </figcaption>
  1206. {/block:Caption}
  1207. </figure>
  1208. {/block:Photo}
  1209.  
  1210.  
  1211. {block:Photoset}
  1212. <figure class="type-photoset post-content">
  1213. {Photoset}
  1214.  
  1215. {block:Caption}
  1216. <figcaption class="caption">
  1217. {Caption}
  1218. </figcaption>
  1219. {/block:Caption}
  1220. </figure>
  1221. {/block:Photoset}
  1222.  
  1223.  
  1224. {block:Quote}
  1225. <div class="type-quote post-content">
  1226. <blockquote>{Quote}</blockquote>
  1227.  
  1228. {block:Source}
  1229. <cite class="caption">
  1230. {Source}
  1231. </cite>
  1232. {/block:Source}
  1233. </div>
  1234. {/block:Quote}
  1235.  
  1236. {block:Link}
  1237. <div class="type-link post-content">
  1238. <a {Target} href="{URL}" class="link-name">{Name}</a>
  1239.  
  1240. {block:Description}
  1241. <div class="caption">
  1242. {Description}
  1243. </div>
  1244. {/block:Description}
  1245. </div>
  1246. {/block:Link}
  1247.  
  1248.  
  1249. {block:Chat}
  1250. <div class="type-chat post-content">
  1251. <ul class="chat-lines">
  1252. {block:Lines}
  1253. <li>
  1254. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  1255. </li>
  1256. {/block:Lines}
  1257. </ul>
  1258. </div>
  1259. {/block:Chat}
  1260.  
  1261.  
  1262. {block:AudioPlayer}
  1263. <div class="audiowrapper">
  1264. {block:AlbumArt}
  1265. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  1266. {/block:AlbumArt}
  1267. <div class="trackback">
  1268. <div class="pressplay">
  1269. {AudioPlayer}
  1270. </div></div>
  1271. <div class="trackinfo">
  1272. {block:TrackName}{TrackName}{/block:TrackName}<br>
  1273. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  1274. {block:Album}<i>{Album}</i>{/block:Album}<br>
  1275. </div></div>
  1276. {/block:AudioPlayer}
  1277.  
  1278.  
  1279. {block:Video}
  1280. <div class="type-video post-content">
  1281. {Video-500}
  1282.  
  1283. {block:Caption}
  1284. <div class="caption">
  1285. {Caption}
  1286. </div>
  1287. {/block:Caption}
  1288. </div>
  1289. {/block:Video}
  1290.  
  1291.  
  1292. {block:Answer}
  1293. <div class="type-answer post-content">
  1294. <div class="question">
  1295. <p class="asker">
  1296. <span class="user-name">{Asker}</span>{block:English} asked{/block:English}:
  1297. </p>
  1298.  
  1299. <h2 class="title">{Question}</h2>
  1300. </div>
  1301.  
  1302. {block:Answerer}
  1303. <div class="answer">
  1304. <p class="answerer">
  1305. <span class="user-name">{Answerer}</span>{block:English} answered{/block:English}:
  1306. </p>
  1307.  
  1308. <div class="caption">
  1309. {Answer}
  1310. </div>
  1311. </div>
  1312. {/block:Answerer}
  1313.  
  1314. <div class="replies">
  1315. {Replies}
  1316. </div>
  1317. </div>
  1318. {/block:Answer}
  1319.  
  1320.  
  1321. {block:Date}
  1322. <footer class="contentinfo" role="contentinfo">
  1323. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}">{TimeAgo}</a> &nbsp;<img src="https://64.media.tumblr.com/89c8eb80f295d9a4d1c68d55bedf1075/d8dc5cd710f6b260-41/s75x75_c1/ec55a1b8c12c019674d32270cb02cfb174a7abb2.gif">&nbsp;
  1324.  
  1325. {block:NoteCount}
  1326. <a class="note-count" href="{Permalink}#notes">
  1327. {NoteCountWithLabel}</a> &nbsp;
  1328. {/block:NoteCount}
  1329.  
  1330. {block:RebloggedFrom}
  1331. <a class="reblog-link" href="{ReblogParentURL}" style="float: right;">
  1332. via
  1333. </a> &nbsp;
  1334. {/block:RebloggedFrom}
  1335.  
  1336. {block:HasTags}
  1337. <div class="tags">
  1338. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1339. </div>
  1340. {/block:HasTags}
  1341.  
  1342. {block:PostNotes}
  1343. <div class="post-notes">
  1344. {PostNotes}
  1345. </div>
  1346. {/block:PostNotes}
  1347. </footer>
  1348. {/block:Date}
  1349.  
  1350. {block:PermalinkPage}
  1351.  
  1352. {block:PostNotes}
  1353. <div class="post-notes">
  1354. {PostNotes}
  1355. </div>
  1356. {/block:PostNotes}
  1357.  
  1358. {/block:PermalinkPage}
  1359.  
  1360. </div> <!--POSTS--><br>
  1361. {/block:Posts}
  1362.  
  1363. </div>
  1364.  
  1365. </div>
  1366.  
  1367. </div> <!--CONTAINER CLOSE-->
  1368.  
  1369. </div> <!--WRAPPER CLOSE-->
  1370.  
  1371. </center>
  1372.  
  1373. </body>
  1374. </html>
Add Comment
Please, Sign In to add comment