sashatheme

vespidae custom (fov)

Aug 6th, 2023
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.37 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>EVERY MAN HAS A MOLLY</title>
  7. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  8. <link rel="icon" type="image/x-icon" href="https://cdn.discordapp.com/attachments/1004112702626611391/1128451631885860974/tumblr_mnfdwrFZKE1s80am9o1_500.png">
  9.  
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
  11.  
  12.  
  13. <script>
  14.  
  15. var myAudio = document.getElementById("myAudio");
  16. var isPlaying = false;
  17.  
  18. function togglePlay() {
  19. isPlaying ? myAudio.pause() : myAudio.play();
  20. };
  21.  
  22. myAudio.onplaying = function() {
  23. isPlaying = true;
  24. };
  25. myAudio.onpause = function() {
  26. isPlaying = false;
  27. };
  28.  
  29. </script>
  30.  
  31. <script>
  32.  
  33. var documentTitle = document.title + " ";
  34.  
  35. (function titleMarquee() {
  36. document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
  37. setTimeout(titleMarquee, 200);
  38. })();
  39.  
  40. </script>
  41.  
  42.  
  43. <style>
  44.  
  45. @import url('https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@500&display=swap');
  46.  
  47. @import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  48.  
  49. @import url('https://fonts.googleapis.com/css2?family=Alata&family=Amatic+SC&family=Bruno+Ace&family=Concert+One&family=Press+Start+2P&family=Righteous&family=Sacramento&display=swap');
  50.  
  51. </style>
  52.  
  53. <style>
  54.  
  55. #hvr-forward {
  56. display: inline-block;
  57. -webkit-transform: perspective(1px) translateZ(0);
  58. transform: perspective(1px) translateZ(0);
  59. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  60. -webkit-transition-duration: 0.3s;
  61. transition-duration: 0.3s;
  62. -webkit-transition-property: transform;
  63. transition-property: transform;
  64. }
  65. #hvr-forward:hover, #hvr-forward:focus, #hvr-forward:active {
  66. -webkit-transform: translateX(8px);
  67. transform: translateX(8px);
  68. }
  69. </style>
  70.  
  71. <script type='text/javascript'>
  72. //<![CDATA[
  73. var rate = 50;
  74. if (document.getElementById)
  75. window.onerror=new Function("return true")
  76.  
  77. var objActive; // The object which event occured in
  78. var act = 0; // Flag during the action
  79. var elmH = 0; // Hue
  80. var elmS = 120; // Saturation
  81. var elmV = 255; // Value
  82. var clrOrg; // A color before the change
  83. var TimerID; // Timer ID
  84. if (document.all) {
  85. document.onmouseover = doRainbowAnchor;
  86. document.onmouseout = stopRainbowAnchor;
  87. }
  88. else if (document.getElementById) {
  89. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  90. document.onmouseover = Mozilla_doRainbowAnchor;
  91. document.onmouseout = Mozilla_stopRainbowAnchor;
  92. }
  93. function doRainbow(obj)
  94. {
  95. if (act == 0) {
  96. act = 1;
  97. if (obj)
  98. objActive = obj;
  99. else
  100. objActive = event.srcElement;
  101. clrOrg = objActive.style.color;
  102. TimerID = setInterval("ChangeColor()",100);
  103. }
  104. }
  105. function stopRainbow()
  106. {
  107. if (act) {
  108. objActive.style.color = clrOrg;
  109. clearInterval(TimerID);
  110. act = 0;
  111. }
  112. }
  113. function doRainbowAnchor()
  114. {
  115. if (act == 0) {
  116. var obj = event.srcElement;
  117. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  118. obj = obj.parentElement;
  119. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  120. break;
  121. }
  122. if (obj.tagName == 'A' && obj.href != '') {
  123. objActive = obj;
  124. act = 1;
  125. clrOrg = objActive.style.color;
  126. TimerID = setInterval("ChangeColor()",100);
  127. }
  128. }
  129. }
  130. function stopRainbowAnchor()
  131. {
  132. if (act) {
  133. if (objActive.tagName == 'A') {
  134. objActive.style.color = clrOrg;
  135. clearInterval(TimerID);
  136. act = 0;
  137. }
  138. }
  139. }
  140. function Mozilla_doRainbowAnchor(e)
  141. {
  142. if (act == 0) {
  143. obj = e.target;
  144. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  145. obj = obj.parentNode;
  146. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  147. break;
  148. }
  149. if (obj.nodeName == 'A' && obj.href != '') {
  150. objActive = obj;
  151. act = 1;
  152. clrOrg = obj.style.color;
  153. TimerID = setInterval("ChangeColor()",100);
  154. }
  155. }
  156. }
  157. function Mozilla_stopRainbowAnchor(e)
  158. {
  159. if (act) {
  160. if (objActive.nodeName == 'A') {
  161. objActive.style.color = clrOrg;
  162. clearInterval(TimerID);
  163. act = 0;
  164. }
  165. }
  166. }
  167. function ChangeColor()
  168. {
  169. objActive.style.color = makeColor();
  170. }
  171. function makeColor()
  172. {
  173. // Don't you think Color Gamut to look like Rainbow?
  174. // HSVtoRGB
  175. if (elmS == 0) {
  176. elmR = elmV; elmG = elmV; elmB = elmV;
  177. }
  178. else {
  179. t1 = elmV;
  180. t2 = (255 - elmS) * elmV / 155;
  181. t3 = elmH % 60;
  182. t3 = (t1 - t2) * t3 / 60;
  183. if (elmH < 60) {
  184. elmR = t1; elmB = t2; elmG = t2 + t3;
  185. }
  186. else if (elmH < 120) {
  187. elmG = t1; elmB = t2; elmR = t1 - t3;
  188. }
  189. else if (elmH < 180) {
  190. elmG = t1; elmR = t2; elmB = t2 + t3;
  191. }
  192. else if (elmH < 240) {
  193. elmB = t1; elmR = t2; elmG = t1 - t3;
  194. }
  195. else if (elmH < 300) {
  196. elmB = t1; elmG = t2; elmR = t2 + t3;
  197. }
  198. else if (elmH < 360) {
  199. elmR = t1; elmG = t2; elmB = t1 - t3;
  200. }
  201. else {
  202. elmR = 0; elmG = 0; elmB = 0;
  203. }
  204. }
  205. elmR = Math.floor(elmR).toString(16);
  206. elmG = Math.floor(elmG).toString(16);
  207. elmB = Math.floor(elmB).toString(16);
  208. if (elmR.length == 1) elmR = "0" + elmR;
  209. if (elmG.length == 1) elmG = "0" + elmG;
  210. if (elmB.length == 1) elmB = "0" + elmB
  211. elmH = elmH + rate;
  212. if (elmH >= 360)
  213. elmH = 0;
  214. return '#' + elmR + elmG + elmB;
  215. }
  216. //]]>
  217. </script>
  218.  
  219. <style>
  220.  
  221. ::-webkit-scrollbar {
  222.  
  223. width: 0px;
  224. }
  225.  
  226. body {
  227.  
  228. background-image: url('https://64.media.tumblr.com/a7f4d558f80902772f11f4ca51aa28c5/05cb05bdd04fabb0-4f/s2048x3072/e92c20947002eb7bfbd690354e6dbfa58b995b55.jpg');
  229.  
  230. background-size: auto;
  231.  
  232. margin-top: 60px;
  233.  
  234. overflow: auto;
  235.  
  236. font-family: 'Bruno Ace', cursive;
  237.  
  238. }
  239.  
  240. .overlay {
  241.  
  242. pointer-events: none;
  243.  
  244. right: 0;
  245.  
  246. position: fixed;
  247.  
  248. z-index: 1000;
  249.  
  250. background-image: url(/image/overlay.gif);
  251.  
  252. height: 100%;
  253.  
  254. width: 100%;
  255.  
  256. opacity: 0.09;
  257.  
  258. background-repeat: repeat;
  259.  
  260. top: 0;
  261.  
  262. }
  263.  
  264. .loader {
  265.  
  266. width: 120px;
  267.  
  268. height: 120px;
  269.  
  270. background-image: url('/image/loading.gif');
  271.  
  272. }
  273.  
  274. .wrapper {
  275.  
  276. width: 1000px;
  277.  
  278. overflow: hidden;
  279.  
  280. }
  281.  
  282. .container {
  283.  
  284. width: 890px;
  285.  
  286. height: 645px;
  287.  
  288. background-color: #fff;
  289.  
  290. border: 4px outset #eee;
  291.  
  292. padding: 10px;
  293.  
  294. }
  295.  
  296. .header {
  297.  
  298. width: 680px;
  299.  
  300. height: 150px;
  301.  
  302. margin-left: 207px;
  303.  
  304. margin-top: -2px;
  305.  
  306. background-image: url('https://64.media.tumblr.com/5348d06123536263e0af5aad629a5fb5/tumblr_ngzyngDfnM1qiyexoo1_1280.pnj');
  307.  
  308. background-position: center;
  309.  
  310. background-size: cover;
  311.  
  312. border: 2px outset #fff;
  313.  
  314. }
  315.  
  316. .sidebar {
  317.  
  318. width: 200px;
  319.  
  320. height: 488px;
  321.  
  322. float: left;
  323.  
  324. margin-top: 9px;
  325.  
  326. margin-left: -1px;
  327.  
  328. background-color: #fff;
  329.  
  330. display: inline-block;
  331.  
  332. }
  333.  
  334. .navigation {
  335.  
  336. width: 176px;
  337.  
  338. height: 201px;
  339.  
  340. background-image: url('https://64.media.tumblr.com/11e9c105cc9f5f2ef1b5f429b92636e6/tumblr_o5syh8JSVb1qdnfkpo1_500.jpg');
  341.  
  342. background-size: cover;
  343.  
  344. color: #fff;
  345.  
  346. border: 2px outset #fff;
  347.  
  348. text-align: left;
  349.  
  350. padding: 10px;
  351.  
  352. font-family: 'Righteous', cursive;
  353.  
  354. }
  355.  
  356. .navigation hr {
  357.  
  358. border-color: transparent;
  359.  
  360. margin-left: -12px;
  361.  
  362. margin-right: -10px;
  363.  
  364. z-index: 6;
  365.  
  366. }
  367.  
  368. .navigation a {
  369.  
  370. text-decoration: none;
  371.  
  372. color: #fff;
  373.  
  374. }
  375.  
  376. .navigation a:hover {
  377.  
  378. text-decoration: underline;
  379.  
  380. color: #fff;
  381.  
  382. }
  383.  
  384. .thering {
  385.  
  386. width: 176px;
  387.  
  388. height: 176px;
  389.  
  390. margin-top: 9px;
  391.  
  392. background-image: url('https://64.media.tumblr.com/cecef978487a4a1981298c1ab76526d8/1d11fd76a31fe8fa-22/s1280x1920/c825fe10e7d9653d4c2b6c0fbeede8218053c8f0.jpg');
  393.  
  394. background-size: cover;
  395.  
  396. background-position: center;
  397.  
  398. color: #000;
  399.  
  400. border: 2px outset #fff;
  401.  
  402. text-align: left;
  403.  
  404. padding: 10px;
  405.  
  406. font-family: 'Righteous', cursive;
  407.  
  408. }
  409.  
  410. .gallery {
  411.  
  412. width: 176px;
  413.  
  414. height: 19px;
  415.  
  416. margin-top: 8px;
  417.  
  418. background-image: url('https://64.media.tumblr.com/be2559a8c04d53f862c9c6bb041f6aad/7457d10a2c7f2c6a-5f/s500x750/0fdff9abe7c212a95fe46bc2c4a9929792017e32.png');
  419.  
  420. background-size: cover;
  421.  
  422. color: #000;
  423.  
  424. border: 2px outset #fff;
  425.  
  426. text-align: left;
  427.  
  428. padding: 10px;
  429.  
  430. font-family: 'Righteous', cursive;
  431.  
  432. overflow: hidden;
  433.  
  434. }
  435.  
  436. .gallery img {
  437.  
  438. max-width: 182px;
  439.  
  440. border: 3px double #fff;
  441.  
  442. }
  443.  
  444. .myslides {
  445.  
  446. display: none;
  447.  
  448. }
  449.  
  450. .body {
  451.  
  452. width: 680px;
  453.  
  454. height: 481px;
  455.  
  456. border: 2px inset #fff;
  457.  
  458. margin-top: 9px;
  459.  
  460. margin-left: 6px;
  461.  
  462. background-image: url('https://64.media.tumblr.com/332c8f40a6ef887642faefdad09d4a65/6962cbbc469f42c8-c5/s640x960/cb4fe199bff7c248e2d2b4000ccd3dd622f5dad7.jpg');
  463.  
  464. background-size: cover;
  465.  
  466. overflow: auto;
  467.  
  468. scrollbar-width: none;
  469.  
  470. display: inline-block;
  471.  
  472. }
  473.  
  474. .postwrap {
  475.  
  476. width: 580px;
  477.  
  478. height: auto;
  479.  
  480. break-inside: avoid;
  481.  
  482. column-count: 2;
  483.  
  484. column-gap: 2px;
  485.  
  486. display: inline-block;
  487.  
  488. }
  489.  
  490. .postswrap a {
  491.  
  492. color: #05d5fa;
  493.  
  494. }
  495.  
  496. .posts {
  497.  
  498. width: 250px;
  499.  
  500. padding: 10px;
  501.  
  502. height: auto;
  503.  
  504. break-inside: avoid;
  505.  
  506. background-color: #fff;
  507.  
  508. border: 2px #fff outset;
  509.  
  510. color: #000;
  511.  
  512. text-align: justify;
  513.  
  514. font-size: 12px;
  515.  
  516. overflow: hidden;
  517.  
  518. }
  519.  
  520. .posts a {
  521.  
  522. color: #05d5fa;
  523.  
  524. }
  525.  
  526. .npf_row {
  527.  
  528. margin: 0 !important;
  529.  
  530. }
  531.  
  532.  
  533. .posts img {
  534.  
  535. max-width: 100%;
  536.  
  537. height: auto;
  538.  
  539. }
  540.  
  541. .aboveposts {
  542.  
  543. width: auto;
  544.  
  545. height: auto;
  546.  
  547. background-color: #fff;
  548.  
  549. border: 2px #fff inset;
  550.  
  551. padding: 3px;
  552.  
  553. margin-bottom: 10px;
  554.  
  555. font-size: 14px;
  556.  
  557. background-image: url(https://cdn.discordapp.com/attachments/1015508067581964288/1107119736770265142/text.png);
  558.  
  559. }
  560.  
  561. .aboveposts a {
  562.  
  563. color: yellow;
  564.  
  565. text-shadow: 1px 1px 0px #000,
  566. 1px -1px 0px #000,
  567. -1px -1px 0px #000,
  568. -1px 1px 0px #000,
  569. 0px 1px 0px #000,
  570. 0px -1px 0px #000,
  571. 1px 0px 0px #000,
  572. -1px 0px 0px #000;
  573.  
  574. }
  575.  
  576. .tags {
  577.  
  578. width: auto;
  579.  
  580. padding: 3px;
  581.  
  582. background-color: #fff;
  583.  
  584. border: 2px #fff inset;
  585.  
  586. font-size: 10px;
  587.  
  588. }
  589.  
  590. .tags a {
  591.  
  592. text-decoration: none;
  593.  
  594. color: #05d5fa;
  595.  
  596. }
  597.  
  598. blockquote {
  599.  
  600. margin-left: 0px;
  601.  
  602. border-left: 1px dotted #000;
  603.  
  604. padding-left: 5px;
  605.  
  606. }
  607.  
  608. .footer {
  609.  
  610. margin-top: 10px;
  611.  
  612. }
  613.  
  614. .floater {
  615.  
  616. position: absolute;
  617.  
  618. margin-left: 394px;
  619.  
  620. margin-top: 30px;
  621.  
  622. -webkit-animation: moveX 6.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  623.  
  624. -moz-animation: moveX 4.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  625.  
  626. -o-animation: moveX 6.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  627.  
  628. animation: moveX 4.05s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
  629.  
  630. }
  631.  
  632. @-webkit-keyframes moveX {
  633. from { left: 0; } to { left: 40vw; }
  634. }
  635. @-moz-keyframes moveX {
  636. from { left: 0; } to { left: 40vw; }
  637. }
  638. @-o-keyframes moveX {
  639. from { left: 0; } to { left: 40vw; }
  640. }
  641. @keyframes moveX {
  642. from { left: 0; } to { left: 40vw; }
  643. }
  644. @-webkit-keyframes moveY {
  645. from { top: 0; } to { top: 40vh; }
  646. }
  647. @-moz-keyframes moveY {
  648. from { top: 0; } to { top: 40vh; }
  649. }
  650. @-o-keyframes moveY {
  651. from { top: 0; } to { top: 40vh; }
  652. }
  653. @keyframes moveY {
  654. from { top: 0; } to { top: 40vh; }
  655. }
  656.  
  657. .pagination {
  658.  
  659. color: #fff;
  660.  
  661. text-align: center;
  662.  
  663. font-family: tahoma;
  664.  
  665. margin-top: -3px;
  666.  
  667. text-shadow:
  668. -1px -1px 0 #000,
  669. 0 -1px 0 #000,
  670. 1px -1px 0 #000,
  671. 1px 0 0 #000,
  672. 1px 1px 0 #000,
  673. 0 1px 0 #000,
  674. -1px 1px 0 #000,
  675. -1px 0 0 #000;
  676. }
  677.  
  678. .jump_page {
  679.  
  680. padding: 4px 2px;
  681.  
  682. text-align: center;
  683.  
  684. color: #fff;
  685.  
  686. font-size: 20px;
  687.  
  688. text-decoration: none;
  689.  
  690. font-family: tahoma;
  691.  
  692. }
  693.  
  694. .current_page {
  695.  
  696. padding: 4px 2px;
  697.  
  698. text-align: center;
  699.  
  700. color: #fff;
  701.  
  702. font-size: 20px;
  703.  
  704. text-decoration: underline;
  705.  
  706. font-family: tahoma;
  707.  
  708. }
  709.  
  710. </style>
  711.  
  712. </head>
  713.  
  714. <body>
  715.  
  716. <center>
  717.  
  718. <div class="wrapper">
  719.  
  720. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1128444404693225562/myself.gif" style="max-width: 301px; position: absolute; z-index: 10; margin-top: 550px; margin-left: 300px;">
  721.  
  722. <div class="container">
  723.  
  724. <div class="overlay"></div>
  725.  
  726. <div style="position: absolute; width: 194px; height: 194px; border: 2px outset #fff; margin-left: 1px; margin-top: -46px; background-image: url('https://64.media.tumblr.com/1e52e1f106af8d0fc3d3776c8fbab441/tumblr_mnfdwrFZKE1s80am9o1_500.gif'); background-size: auto; background-color: #fff;"></div>
  727.  
  728. <div class="header">
  729.  
  730. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004113166185271316/divide_2.png" style="positon: absolute; margin-top: -2px; margin-left: 262px;">
  731.  
  732. </div><!--HEADER CLOSE-->
  733.  
  734. <div class="body">
  735.  
  736. <br>
  737.  
  738. <div class="postwrap">
  739.  
  740. {block:posts}
  741.  
  742. <div class="posts">
  743.  
  744. <div class="aboveposts">
  745.  
  746. <a href="{permalink}" style="text-decoration: none;" title="{timeago}"><b>𓆤</b></a>
  747.  
  748. </div> <!--ABOVE POSTS-->
  749.  
  750.  
  751. {block:text}
  752.  
  753. {block:title}
  754.  
  755. <div class="title">{title}</div>
  756.  
  757. {/block:title}
  758.  
  759. {body}
  760.  
  761. {/block:text}
  762.  
  763. {block:chat}
  764.  
  765. {block:title}
  766.  
  767. <div class="title">{title}</div>
  768.  
  769. {/block:title}
  770.  
  771. {block:lines}
  772.  
  773. {block:label}
  774.  
  775. {label}
  776.  
  777. {/block:label}
  778.  
  779. {line}<br>
  780.  
  781. {/block:lines}
  782.  
  783. {/block:chat}
  784.  
  785. {block:photo}
  786.  
  787. <img src="{photourl-250}">
  788.  
  789. {/block:photo}
  790.  
  791. {block:photoset}
  792.  
  793. {photoset-250}
  794.  
  795. {/block:photoset}
  796.  
  797. {block:video}
  798.  
  799. {video-250}
  800.  
  801. {/block:video}
  802.  
  803. {block:audio}
  804.  
  805. {block:audioembed}
  806.  
  807. {audioembed-250}
  808.  
  809. {/block:audioembed}
  810.  
  811. {block:audioplayer}
  812.  
  813. {audioplayer}
  814.  
  815. {/block:audioplayer}
  816.  
  817. {block:albumart}
  818.  
  819. <img src="{albumarturl}" style="width: 50px;">
  820.  
  821. {/block:albumart}
  822.  
  823. {block:trackname}
  824.  
  825. {trackname}
  826.  
  827. {/block:trackname}
  828.  
  829. {/block:audio}
  830.  
  831. {block:quote}
  832.  
  833. <h3>❛ {quote} ❜</h3>
  834.  
  835. {block:source}
  836.  
  837. — {source}
  838.  
  839. {/block:source}
  840.  
  841. {/block:quote}
  842.  
  843. {block:link}
  844.  
  845. <a href="{url}" target="_blank">{name}</a>
  846.  
  847. {block:description}
  848.  
  849. {description}
  850.  
  851. {/block:description}
  852.  
  853. {/block:link}
  854.  
  855. {block:answer}
  856.  
  857. {asker} says:
  858.  
  859. {question}
  860.  
  861. {block:answerer}
  862.  
  863. {answer}
  864.  
  865. {/block:answerer}
  866.  
  867. {/block:answer}
  868.  
  869. {block:date}
  870.  
  871. <div class="footer">
  872.  
  873. {block:hastags}
  874.  
  875. <div class="tags" style="background-image:url(https://cdn.discordapp.com/attachments/1015508067581964288/1107119736770265142/text.png);">
  876.  
  877. {block:tags}
  878.  
  879. <a href="{tagurl}">{tag}</a>
  880.  
  881. {/block:tags}
  882.  
  883. </div>
  884.  
  885. {/block:hastags}
  886.  
  887. {block:permalinkpage}
  888.  
  889. {block:notecount}
  890.  
  891. {block:postnotes}
  892.  
  893. {postnotes}
  894.  
  895. {/block:postnotes}
  896.  
  897. {/block:notecount}
  898.  
  899. {/block:permalinkpage}
  900.  
  901. {block:rebloggedfrom}
  902.  
  903. {reblogparentname}
  904.  
  905. {/block:rebloggedfrom}
  906.  
  907. </div>
  908.  
  909. {/block:date}
  910.  
  911. </div> <!--POSTS-->
  912.  
  913. <br>
  914.  
  915. {/block:posts}
  916.  
  917. </div> <!--POSTWRAP-->
  918.  
  919. </div> <!--BODY-->
  920.  
  921. <div class="sidebar">
  922.  
  923. <div class="navigation">
  924.  
  925. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1128414221823115274/joyboy_2.png" style="position: absolute; width: 110px; z-index: 10; margin-top: -65px; margin-left: -19px;">
  926.  
  927. <a id="playme" class="playme fa fa-play" data-src="https://files.catbox.moe/b3dajq.mp3" style="float: right; margin-top: -2px; text-shadow:
  928. -1px -1px 0 #000,
  929. 0 -1px 0 #000,
  930. 1px -1px 0 #000,
  931. 1px 0 0 #000,
  932. 1px 1px 0 #000,
  933. 0 1px 0 #000,
  934. -1px 1px 0 #000,
  935. -1px 0 0 #000; text-decoration: none;"></a><img src="https://cdn.discordapp.com/attachments/994787395906056232/995212363601039390/4.gif" style="box-shadow: 0px 1px 5px #d8f9ff; margin-top: -5px; margin-right: 10px;" onclick="document.getElementById('music').play()" title="CLICK ME, I PLAY MUSIC!">
  936.  
  937. <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script>
  938.  
  939. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  940.  
  941. <script id="rendered-js">
  942.  
  943. var clicked_id;
  944. var audio_var = new Audio();
  945.  
  946.  
  947. $('.playme').on("click", function () {
  948. var datasrc = $(this).attr('data-src');
  949. clicked_id = $(this).attr('id');
  950. console.log(clicked_id);
  951. audio_var.pause();
  952.  
  953. $('.playme').not(this).each(function () {
  954. $(this).removeClass('fa-pause');
  955. $(this).addClass('fa-play');
  956. });
  957.  
  958. if ($(this).hasClass('fa-play')) {
  959. console.log('play_click');
  960. audio_var.src = datasrc;
  961. $(this).removeClass('fa-play');
  962. $(this).addClass('fa-pause');
  963. console.log(audio_var);
  964. audio_var.play();
  965. } else {
  966. console.log('pause_click');
  967. $(this).removeClass('fa-pause');
  968. $(this).addClass('fa-play');
  969. console.log(audio_var);
  970. audio_var.pause();
  971. //audio_var.src='';
  972. //audio_var.load();
  973. console.log(audio_var);
  974. }
  975.  
  976. });
  977.  
  978. audio_var.onended = function () {
  979. $("#" + clicked_id).removeClass('fa-pause');
  980. $("#" + clicked_id).addClass('fa-play');
  981. };
  982.  
  983. </script>
  984.  
  985. <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;">
  986.  
  987. <div style="padding: 0px; margin-top: -4px"><img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="/" title="REFRESH" id="hvr-forward" style="text-shadow:
  988. -1px -1px 0 #000,
  989. 0 -1px 0 #000,
  990. 1px -1px 0 #000,
  991. 1px 0 0 #000,
  992. 1px 1px 0 #000,
  993. 0 1px 0 #000,
  994. -1px 1px 0 #000,
  995. -1px 0 0 #000;">INDEX</a><br>
  996. <img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="/olathe" title="IN PROGRESS" id="hvr-forward" style="text-shadow:
  997. -1px -1px 0 #000,
  998. 0 -1px 0 #000,
  999. 1px -1px 0 #000,
  1000. 1px 0 0 #000,
  1001. 1px 1px 0 #000,
  1002. 0 1px 0 #000,
  1003. -1px 1px 0 #000,
  1004. -1px 0 0 #000;">ABOUT</a><br>
  1005. <img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="https://cod.tumblr.com/tagged/my%20themes" title="TUMBLR THEMES" id="hvr-forward" style="text-shadow:
  1006. -1px -1px 0 #000,
  1007. 0 -1px 0 #000,
  1008. 1px -1px 0 #000,
  1009. 1px 0 0 #000,
  1010. 1px 1px 0 #000,
  1011. 0 1px 0 #000,
  1012. -1px 1px 0 #000,
  1013. -1px 0 0 #000;">MY THEMES</a><br>
  1014. <img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="https://doffy.neocities.org/" title="NEOCITIES" id="hvr-forward" style="text-shadow:
  1015. -1px -1px 0 #000,
  1016. 0 -1px 0 #000,
  1017. 1px -1px 0 #000,
  1018. 1px 0 0 #000,
  1019. 1px 1px 0 #000,
  1020. 0 1px 0 #000,
  1021. -1px 1px 0 #000,
  1022. -1px 0 0 #000;">NEOCITIES</a><br>
  1023. <img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="/ask" title="ASK A QUESTION" id="hvr-forward" style="text-shadow:
  1024. -1px -1px 0 #000,
  1025. 0 -1px 0 #000,
  1026. 1px -1px 0 #000,
  1027. 1px 0 0 #000,
  1028. 1px 1px 0 #000,
  1029. 0 1px 0 #000,
  1030. -1px 1px 0 #000,
  1031. -1px 0 0 #000;">ASK BOX</a><br>
  1032. <img src="https://cdn.discordapp.com/attachments/1119106670195396719/1127768835441832016/13.png"> &nbsp;<a href="https://cod.tumblr.com/faq" title="FAQ" id="hvr-forward" style="text-shadow:
  1033. -1px -1px 0 #000,
  1034. 0 -1px 0 #000,
  1035. 1px -1px 0 #000,
  1036. 1px 0 0 #000,
  1037. 1px 1px 0 #000,
  1038. 0 1px 0 #000,
  1039. -1px 1px 0 #000,
  1040. -1px 0 0 #000;">FAQ</a><br></div><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004113128134561933/divider.png" style="min-width: 198px; margin-left: -10px; margin-right: -13px;">
  1041.  
  1042. <div class="countup" id="countup1" style="position: absolute; margin-left: -3px; margin-top: 4px; text-shadow:
  1043. -1px -1px 0 #000,
  1044. 0 -1px 0 #000,
  1045. 1px -1px 0 #000,
  1046. 1px 0 0 #000,
  1047. 1px 1px 0 #000,
  1048. 0 1px 0 #000,
  1049. -1px 1px 0 #000,
  1050. -1px 0 0 #000;">
  1051.  
  1052. SINCE 06 / 28 / 2018 &nbsp;<a href="https://osyter.tumblr.com" target="_blank" style="color:#000; text-shadow:
  1053. -1px -1px 0 #fff,
  1054. 0 -1px 0 #fff,
  1055. 1px -1px 0 #fff,
  1056. 1px 0 0 #fff,
  1057. 1px 1px 0 #fff,
  1058. 0 1px 0 #fff,
  1059. -1px 1px 0 #fff,
  1060. -1px 0 0 #fff;">♡</a>
  1061.  
  1062. </div>
  1063.  
  1064.  
  1065. </div> <!--NAVIGATION CLOSE-->
  1066.  
  1067. <div class="thering">
  1068.  
  1069. <marquee scrolldelay="120" direction="right" style="margin-bottom: 9px; margin-top: -4px; margin-left: -5px; margin-right: -6px;" onmouseover="this.stop();" onmouseout="this.start();">
  1070.  
  1071. <a href="https://www.youtube.com/watch?v=EMZOtHIL7QM" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004133314610872320/album_1.jpg" style="max-height: 180px; border: 3px double #fff;"></a> &nbsp;
  1072.  
  1073. <a href="https://youtu.be/EGM8-YN5B64" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004137274159669330/album_4.png" style="max-height: 180px; border: 3px double #fff;"></a> &nbsp;
  1074.  
  1075. <a href="https://youtu.be/lILtaPu1O9c" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004135025274519692/album_2.jpg" style="max-height: 180px; border: 3px double #fff;"></a> &nbsp;
  1076.  
  1077. <a href="https://www.youtube.com/playlist?list=PLPAsf8Volpy3zO-dY0xFemDel7ODeZRqN" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004136220462420028/album_3.png" style="max-height: 180px; border: 3px double #fff;"></a> &nbsp;
  1078.  
  1079. <a href="https://www.youtube.com/playlist?list=OLAK5uy_lYQdu6WKex633eK-jQcwWgyvwAvYUDQCc" target="_blank"><img src="https://cdn.discordapp.com/attachments/1004112702626611391/1004137611339776010/album_5.png" style="max-height: 180px; border: 3px double #fff;"></a> &nbsp;
  1080.  
  1081. </marquee>
  1082.  
  1083. <img src="https://cdn.discordapp.com/attachments/1004112702626611391/1128449113147592744/albums_i_like.png" style="position: absolute; width: 120px; margin-left: -150px; margin-top: 165px;">
  1084.  
  1085. </div> <!--THE RING CLOSE-->
  1086.  
  1087. <div class="gallery">
  1088.  
  1089. <div class="pagination">
  1090.  
  1091. {block:Pagination}
  1092.  
  1093. {block:JumpPagination length="5"}
  1094.  
  1095. {block:CurrentPage}
  1096.  
  1097. <span class="current_page">{PageNumber}</span>
  1098.  
  1099. {/block:CurrentPage}
  1100.  
  1101. {block:JumpPage}
  1102.  
  1103. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1104.  
  1105. {/block:JumpPage}
  1106.  
  1107. {/block:JumpPagination}
  1108.  
  1109. {/block:Pagination}
  1110.  
  1111. </div>
  1112.  
  1113. </div> <!--GALLERY CLOSE-->
  1114.  
  1115. </div> <!--SIDEBAR CLOSE-->
  1116.  
  1117. </div> <!--CONTAINER CLOSE-->
  1118.  
  1119. </div> <!--WRAPPER CLOSE-->
  1120.  
  1121. </center>
  1122.  
  1123. </body>
  1124. </html>
  1125.  
Add Comment
Please, Sign In to add comment