API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2025
16
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <meta charset="UTF-8">
  3. <title>oceanfront</title>
  4. <link rel="shortcut icon" href="https://pixels.crd.co/assets/images/gallery24/18259812.gif" type="image/x-icon">
  5. <link rel="stylesheet" type="text/css" href="my website.css" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <style>
  8.  
  9. .mainbox {
  10. background-color: #FFFFFF;
  11. border: 1.5px dashed #A2D5F8;
  12. padding: 1.4%;
  13. width: 59.2%;
  14. height: 74.5%;
  15. margin-right: auto;
  16. margin-left: auto;
  17. border-radius: 3.2%;
  18. margin-top: 3.5%;
  19. margin-bottom: 3.6%;
  20. }
  21.  
  22.  
  23. element-class:pointer {
  24. cursor: url(jellyfish.cur), pointer;
  25. }
  26.  
  27.  
  28. *::-webkit-scrollbar {
  29. width: 5px;
  30. }
  31. *::-webkit-scrollbar-thumb {
  32. background-color: #81afc8;
  33. border: 1.5px dashed #A2D5F8;
  34. }
  35. *::-webkit-scrollbar-track {
  36. background: #d4dcec;
  37. }
  38.  
  39. body {
  40. font-family: 'Basiic', sans-serif;
  41. margin: 0;
  42. background-color: #FFFFFF;
  43. color: #999999;
  44. cursor: url(cursor.cur), auto;
  45. background-image: url(https://oceanfront.neocities.org/photos/webfiles/Background02.gif);
  46. }
  47.  
  48.  
  49. a:hover{
  50. cursor:url(https://i.ibb.co/6JL8wR4/download-2.gif), url(https://i.ibb.co/6JL8wR4/download-2.gif), auto;
  51. }
  52.  
  53. .header {
  54. border-width: 1px;
  55. border-style: solid;
  56. border-color: #A2D5F8;
  57. border-radius: 9px;
  58. background-image: url(https://i.pinimg.com/originals/91/b7/a3/91b7a38b5f18cea70c20ae0e1d3a2fe6.gif);
  59. background-size: cover;
  60. height: 13.5%;
  61. border-radius: 30px;
  62. box-shadow: 0 0 8px 8px white inset;
  63. padding: 0.5%;
  64. text-align: center;
  65. align-items:center;
  66. }
  67.  
  68. .navbox {
  69. background-color: #ffffff;
  70. border: 1px solid #A2D5F8;
  71. box-shadow: inset #b0e0f4 0 0 5px;
  72. border-radius: 5px;
  73. width: 18.4%;
  74. height: 54.3%;
  75. margin-top: 1.2%;
  76. overflow: auto;
  77. margin-right: 2.2%;
  78. border-radius: 9px;
  79. line-height: 2;
  80. color:#81afc8;
  81. background-image: url(https://i.pinimg.com/564x/2f/ee/9b/2fee9b122cc090541494d8cea1414316.jpg);
  82. background-repeat: no-repeat;
  83. background-size: cover;
  84.  
  85. }
  86.  
  87. .hitcount {
  88. background-color: #ffffff;
  89. box-shadow: inset #b0e0f4 0 0 5px;
  90. border: 1px solid #A2D5F8;
  91. border-radius: 5px;
  92. width: 18.4%;
  93. height: 25%;
  94. margin-top: 1.8%;
  95. border-radius: 9px;
  96. margin-right:0.5%;
  97. background-image: url(https://fancyparts.com/fancyparts/cg/pattern/dot_04/dot-04-45.gif);
  98. background-repeat: no-repeat;
  99. background-size: 160px 43px;
  100. }
  101.  
  102. .stamps {
  103. width: 17.2%;
  104. height: 10%;
  105. border: 1px solid #A2D5F8;
  106. background: #ffffff
  107. box-shadow: inset #b0e0f4 0 0 5px;
  108. overflow: hidden;
  109. border-radius: 5px;
  110. margin-left: 81%;
  111. margin-top: 1.2%;
  112. padding: 0.5%;
  113. margin-bottom:-1.5%;
  114. background-image: url(blue_pattern.jpg);
  115. }
  116.  
  117. .etc {
  118. width: 27.5%;
  119. height: 14%;
  120. border: 1px solid #A2D5F8;
  121. background: #ffffff
  122. box-shadow: inset #b0e0f4 0 0 5px;
  123. overflow: hidden;
  124. border-radius: 5px;
  125. margin-left: 49.8%;
  126. margin-top: -30.3%;
  127. padding: 0.5%;
  128. margin-bottom:-1.5%;
  129. background-image: url(blue_pattern.jpg);
  130. }
  131.  
  132. .stampbox {
  133. background-color: #ffffff;
  134. border: 1px solid #A2D5F8;
  135. box-shadow: inset #b0e0f4 0 0 5px;
  136. border-radius: 5px;
  137. width: 27.8%;
  138. height: 8.5%;
  139. margin-top: 3%;
  140. margin-left:20.5%;
  141. border-radius: 9px;
  142. line-height: 2;
  143. color:#81afc8;
  144. }
  145.  
  146. .etc2 {
  147. width: 115px;
  148. height:82px;
  149. border: 1px solid #A2D5F8;
  150. background: #ffffff
  151. box-shadow: inset #b0e0f4 0 0 5px;
  152. overflow: hidden;
  153. border-radius: 5px;
  154. margin-left: 433;
  155. margin-top: 25px;
  156. padding: 5px;
  157. margin-bottom:-15px;
  158. background-image: url(https://fancyparts.com/fancyparts/cg/pattern/dot_04/dot-04-45.gif);
  159. box-shadow: inset rgb(255 255 255) 0 0 12px 4px;
  160. }
  161.  
  162. .clearbox {
  163. width: 105px;
  164. height:82px;
  165. border: 1px solid #A2D5F8;
  166. background: #ffffff
  167. box-shadow: inset #b0e0f4 0 0 5px;
  168. overflow: hidden;
  169. border-radius: 5px;
  170. margin-left: 568;
  171. margin-top: -94px;
  172. padding: 5px;
  173. margin-bottom:-15px;
  174. background-image: url(https://i.ibb.co/BgDLXCX/172688890271200983.jpg);
  175. background-size:cover;
  176. box-shadow: inset rgb(255 255 255) 0 0 12px 4px;
  177. }
  178.  
  179. .picture {
  180. margin: 0px;
  181. height: 5rem;
  182. width: 5rem;
  183. margin-top: 1px;
  184. background-size: cover;
  185. background-image: url(https://i.ibb.co/RM1Ld01/image.png);
  186. background-size: cover;
  187. border-radius: 5%;
  188. float: left;
  189. transition: ease 0.3s;
  190. box-shadow: #d1fffc 0 0 0 2px, #ffffff 0 0 6px 4px;
  191. }
  192.  
  193.  
  194. .picturetext {
  195. font-size: 1.2rem;
  196. filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(1px 1px 1px #8ba3cf);
  197. color: #9bc3e0;
  198. margin-left: 3px;
  199. font-family:'MSGothic';
  200. }
  201.  
  202. .picturetext2 {
  203. color:#64a3cd;
  204. letter-spacing: 0;
  205. font-size: 12px;
  206. margin-left: 10px;
  207. left: 8px;
  208. position:relative;
  209. margin-top: 5px;
  210. font-family: "bluescreen";
  211. padding:3px;
  212. }
  213.  
  214.  
  215.  
  216. .chatbox {
  217. width: 160px;
  218. height:240px;
  219. border: 1px solid #A2D5F8;
  220. background: #ffffff
  221. box-shadow: inset #b0e0f4 0 0 5px;
  222. overflow: hidden;
  223. border-radius: 5px;
  224. margin-left: 705;
  225. margin-top: -175px;
  226. }
  227.  
  228. #floating {
  229. animation: floating infinite 2.8s ease-in-out;
  230. }
  231.  
  232. .marqueemeow {
  233. animation: marqmoving 13s linear;
  234. display: flex;
  235. flex-direction: row;
  236. align-items: center;
  237. margin-bottom:-15px;
  238. padding:3px;
  239. flex-wrap: nowrap;
  240. transform: translate(183px, -1px);
  241. animation-iteration-count: infinite;
  242. }
  243.  
  244. .marqueemeow2 {
  245. animation: marqmoving 13s linear;
  246. display: flex;
  247. flex-direction: row;
  248. align-items: center;
  249. margin-top:20px;
  250. padding:3px;
  251. flex-wrap: nowrap;
  252. transform: translate(183px, -1px);
  253. animation-iteration-count: infinite;
  254. }
  255.  
  256. @keyframes marqmoving {
  257. 0% {
  258. transform: translate(183px, -1px);
  259. }
  260. 100% {
  261. transform: translate(-1440px, -1px);
  262. }
  263. }
  264. .intro {
  265. background-color: #ffffff;
  266. border: 1.5px dashed #A2D5F8;
  267. border-radius: 5px;
  268. width: 57.5%;
  269. height: 35%;
  270. margin-left: 20.6%;
  271. margin-top: -56%;
  272. }
  273.  
  274.  
  275. .status {
  276. background-color: #ffffff;
  277. border: 1px solid #A2D5F8;
  278. margin-left: 81%;
  279. margin-top: -24.5%;
  280. font-size: 10px;
  281. align-content: center;
  282. align-items: center;
  283. width: 18.3%;
  284. height: 25%;
  285. border-radius: 9px;
  286. margin-right:0.5%;
  287. font-family: 'MsGothic';
  288. }
  289.  
  290. h1 {
  291. background-image: url(https://i.pinimg.com/originals/fd/7c/c7/fd7cc7555114fb52a5908e200dad91a3.gif);
  292. color:#9fc2e3;
  293. background-color: #eed9f2;
  294. font-family: "bluescreen";
  295. border-radius: 15px;
  296. font-size: 30px;
  297. }
  298.  
  299. h2 {
  300. color: #ffffff;
  301. text-shadow: -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
  302. -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
  303. -2px 1px 1px #81acd1,-2px 4px 1px #81acd1,
  304. -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px 2px 0px #81acd1;
  305. font-size: 20px;
  306. padding-bottom: 5px;
  307. line-height: 1.3;
  308. letter-spacing: 3;
  309. font-family: bluescreen;
  310. }
  311.  
  312.  
  313. p {
  314. color:#64a3cd;
  315. letter-spacing: 0.5;
  316. font-size: 15px;
  317. line-height: 1.9;
  318. margin-left: 5px;
  319. font-family: "bluescreen";
  320. padding:3px;
  321. }
  322.  
  323. a:link {
  324. color: #81afc8;
  325. }
  326.  
  327. a:visited {
  328. color: #6f9bbf;
  329. }
  330.  
  331. a:hover {
  332. color: #81afc8;
  333. }
  334.  
  335. a:active {
  336. color: #81afc8;
  337. }
  338.  
  339.  
  340. .aboutmetext {
  341. color: #449ead;
  342. text-shadow: 2px 2px 4px #4377a1;
  343. letter-spacing: 0.3px;
  344. font-size: 10px;
  345. line-height: 1.9;
  346. margin-left: 5px;
  347. padding:3px;
  348.  
  349. }
  350.  
  351. #counterbox {
  352. width: 0.5%;
  353. margin-bottom: -1px;
  354. align-items: center;
  355. padding-left: 20%;
  356. }
  357.  
  358. .music {
  359.  
  360. border-radius: 5px;
  361. width: 27.7%;
  362. height: 33%;
  363. margin-left: 20.7%;
  364. margin-top: 0.5%;
  365. background-color: #c1d3e8;
  366. }
  367.  
  368. .player {
  369. height: 92%;
  370. width: 92.5%;
  371. display: flex;
  372. align-items: center;
  373. flex-direction: column;
  374. justify-content: center;
  375. padding: 2.8%;
  376. border: 2px solid rgb(255, 255, 255);
  377. outline: 1px solid #b8d9e8;
  378. border-radius: 5px;
  379. box-shadow: inset rgb(255 255 255) 0 0 12px 4px;
  380. background-size: 130%;
  381. background-position: center;
  382. }
  383.  
  384. .playpause-track, .prev-track, .next-track {
  385. opacity: 0.8;
  386. }
  387.  
  388. .playpause-track:hover, .prev-track:hover, .next-track:hover {
  389. opacity: 1.0;
  390. }
  391.  
  392. .tophalf {
  393. width: 100%;
  394. display: flex;
  395. flex-wrap: nowrap;
  396. align-items: center;
  397. }
  398.  
  399. .track-art {
  400. margin: 0%;
  401. height: 80%;
  402. width: 52%;
  403. background-size: cover;
  404. border-radius: 5%;
  405. float: left;
  406. transition: ease 0.3s;
  407. box-shadow: #d1fffc 0 0 0 2px, #ffffff 0 0 6px 4px;
  408. }
  409.  
  410. .details {
  411. width: 7rem;
  412. height: 8.1rem;
  413. text-align: center;
  414. display: flex;
  415. flex-direction: column;
  416. flex-wrap: nowrap;
  417. justify-content: center;
  418. align-items: center;
  419. }
  420.  
  421. .topdetails {
  422. width: 100%;
  423. height: 5.1rem;
  424. text-align: center;
  425. padding-left: 3px;
  426. }
  427.  
  428. .track-name {
  429. font-size: 1.2rem;
  430. filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(1px 1px 1px #8ba3cf);
  431. color: #cfe5ff;
  432. margin-left: 3px;
  433. padding:5px;
  434. }
  435.  
  436. .track-artist {
  437. font-size: 1.05rem;
  438. color: #ffffff;
  439. text-shadow: -1px 1px #b7e6ff, 1px 1px #b7e6ff, 1px 1px #b7e6ff, 1px -1px #b7e6ff;
  440. font-style: italic;
  441. }
  442.  
  443. .buttons {
  444. display: flex;
  445. flex-direction: row;
  446. align-items: center;
  447. filter: drop-shadow(1px 1px 2px rgba(82, 140, 188, 0.527));
  448. }
  449.  
  450. .button {
  451. margin-left: 8px;
  452. margin-right: 15px;
  453. margin-bottom: 8px;
  454. background-color: #ffffff;
  455. padding: 2px 2px 2px 2px;
  456. border-radius: 30px;
  457.  
  458. border-top: 3px groove #add7ed;
  459. border-bottom: 3px groove #add7ed;
  460. border-right: 3px groove #add7ed;
  461. border-left: 3px groove #add7ed;
  462. color: #2f7fff;
  463.  
  464. background-color: var(--clr);
  465. background-color: #ffffff;
  466. background-repeat: no-repeat;
  467. background-position: center var(--gradoffset);
  468. padding: 3px;
  469. height: 22px;
  470. width: 128px;
  471. font-size:14px;
  472. text-align: center;
  473. filter: drop-shadow(0px 0px 1px rgb(140, 198, 224));
  474. }
  475.  
  476. .current-time, .total-duration {
  477. padding: 5px;
  478. }
  479.  
  480. .bottomhalf {
  481. width: 100%;
  482. height: 3.5rem;
  483. display: flex;
  484. flex-direction: column;
  485. flex-wrap: nowrap;
  486. align-items: center;
  487. }
  488.  
  489. .slider_container {
  490. width: 105%;
  491. max-width: 50%;
  492. display: flex;
  493. justify-content: center;
  494. align-items: center;
  495. height: 40%;
  496. color: #fff;
  497. text-shadow: 0 0 3px #8b8fcc;
  498. }
  499.  
  500. .seek_slider, .volume_slider {
  501. -webkit-appearance: none;
  502. -moz-appearance: none;
  503. appearance: none;
  504. height: 20%;
  505. background: #fff;
  506. opacity: 0.88;
  507. -webkit-transition: .2s;
  508. transition: opacity .2s;
  509. filter: drop-shadow(2px 1px 2px rgba(166, 207, 219, 0.719));
  510. border-radius: 3px;
  511. }
  512.  
  513. /* Modify the appearance of the slider thumb */
  514. .seek_slider::-webkit-slider-thumb, .volume_slider::-webkit-slider-thumb {
  515. -webkit-appearance: none;
  516. -moz-appearance: none;
  517. appearance: none;
  518. width: 15px;
  519. height: 15px;
  520. background: white;
  521. cursor: pointer;
  522. border-radius: 50%;
  523. }
  524.  
  525. #statusimage {
  526. height: 20%;
  527. background-image: url(https://dividers.crd.co/assets/images/gallery10/6b95a118.gif?v=05d33f91);
  528. background-repeat: no-repeat;
  529. margin-bottom: -25;
  530. }
  531.  
  532. #statuscafe {
  533. padding: 2%;
  534. top: -20px;
  535. font-family: 'MsGothic';
  536. }
  537. #statuscafe-username {
  538. margin-bottom: .5em;
  539. }
  540. #statuscafe-content {
  541. margin: 0 1em 0.5em 1em;
  542. }
  543.  
  544. .clearfullbody {
  545. text-align: center;
  546. align-items:center;
  547. }
  548.  
  549. i.fas:hover{
  550. cursor:url(https://i.ibb.co/6JL8wR4/download-2.gif), url(https://i.ibb.co/6JL8wR4/download-2.gif), auto;
  551. }
  552.  
  553.  
  554. @font-face {
  555. src: url("MSGothic.ttf");
  556. format("truetype");
  557. font-family: "MSGothic";
  558. }
  559.  
  560. @font-face {
  561. src: url("fonts/Blue\ Screen.ttf");
  562. format("truetype");
  563. font-family: "bluescreen";
  564. }
  565.  
  566.  
  567. #bubble {
  568. color:#EBF0FF;
  569. font-family:Times;
  570. font-size:45px;
  571. font-weight:bold;
  572. display: inline-block;
  573. text-align:center;
  574. }
  575.  
  576. .pointer-link {
  577. cursor: url(jellyfish.cur), pointer;
  578. }
  579. </style>
  580.  
  581. </head>
  582. <body>
  583.  
  584.  
  585. <main>
  586. <article class="mainbox">
  587. <div class="header">
  588. <div id="bubble" style="text-align:center; padding:10px;">oceanfront</div>
  589. <script type="text/javascript">
  590. // <![CDATA[
  591. var bgcolour="#5db0d4"; // background colour
  592. var fgcolour="#a3daf0"; // foreground colour
  593. var speed=60; // speed of bubbling, lower is faster
  594. var shades=12; // number of shades of bubble
  595.  
  596. /****************************
  597. * Bubbling Text Effect *
  598. *(c)2003-13 mf2fm web-design*
  599. * http://www.mf2fm.com/rv *
  600. * DON'T EDIT BELOW THIS BOX *
  601. ****************************/
  602. var bubbcol=new Array();
  603. var bubbshd;
  604. var bubbler, bubbtxt;
  605. var bubbchr=new Array();
  606.  
  607. function addLoadEvent(funky) {
  608. var oldonload=window.onload;
  609. if (typeof(oldonload)!='function') window.onload=funky;
  610. else window.onload=function() {
  611. if (oldonload) oldonload();
  612. funky();
  613. }
  614. }
  615.  
  616. addLoadEvent(bubbagump);
  617.  
  618. function bubbagump() { if (document.getElementById) {
  619. var i, fg, bg, col;
  620. for (bubbler=0; bubbler<=shades; bubbler++) {
  621. col="#";
  622. for (i=1; i<6; i+=2) {
  623. bg=parseInt(bgcolour.substring(i,i+2),16);
  624. fg=parseInt(fgcolour.substring(i,i+2),16);
  625. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  626. }
  627. bubbcol[bubbler+1]=col;
  628. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  629. }
  630. bubbler=document.getElementById("bubble");
  631. bubbtxt=bubbler.firstChild.nodeValue;
  632. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  633. for (i=0; i<bubbtxt.length; i++) {
  634. fg=document.createElement("span");
  635. fg.setAttribute("id", "bubb"+i);
  636. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  637. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  638. bubbler.appendChild(fg);
  639. }
  640. bubbler=setInterval("bubbling()", speed);
  641. }}
  642.  
  643. function dechex(dec) {
  644. dec=Math.floor(dec);
  645. return ((dec<16)?'0':'')+dec.toString(16);
  646. }
  647.  
  648. function bubbling() {
  649. var i, bubby;
  650. for (i=0; i<bubbtxt.length; i++) {
  651. bubby=document.getElementById("bubb"+i);
  652. if (bubbchr[i]) {
  653. bubby.style.color=bubbcol[bubbchr[i]];
  654. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  655. }
  656. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  657. }
  658. }
  659. // ]]>
  660. </script>
  661. </div>
  662. <article class="hitcount">
  663. <div class="inner" style="text-align: center;">
  664. <h2 style="margin-top: 8px;">hit counter</h2>
  665. </div>
  666. <div id="counterbox">
  667. <!-- FC2 Counter Starts here -->
  668. <script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=39915077&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39915077&main=1"/></noscript>
  669.  
  670. </div>
  671. <a href="https://info.flagcounter.com/o856"><img src="https://s11.flagcounter.com/count/o856/bg_FFFFFF/txt_5EA3B8/border_FFFFFF/columns_2/maxflags_10/viewers_3/labels_0/pageviews_1/flags_0/percent_0/" padding="50px" height="65px" border="0"></a></article>
  672.  
  673. <article class="navbox">
  674. <div class="inner" style="text-align: center;">
  675. <h2>navigation</h2>
  676.  
  677. <div class="button"><a href="https://oceanfront.neocities.org/about" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery03/01aa1be7.gif?v=99d3974e" style="margin-top:-10px; margin-right:5px;" alt="">about</a></div>
  678. <div class="button"><a href="https://oceanfront.neocities.org/researchjournal" style="margin-right:8px;"><img src="https://pixelsafari.neocities.org/favicon/object/stationery/pencil.gif" style="margin-top:-10px; margin-right:5px;" alt=""> research jr.</a></div>
  679. <div class="button"><a href="https://oceanfront.neocities.org/photobook" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery61/a4055ec6.gif?v=99d3974e" style="margin-top:-10px; margin-right:5px;" alt=""> photobook</a></div>
  680. <div class="button"><a href="/" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery24/b52df0c1.gif?v=99d3974e" style="margin-top:-10px; margin-right:5px;" alt=""> artwork</a></div>
  681. <div class="button"><a href="/" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery24/dd2b6828.gif?v=99d3974e" style="margin-top:-10px; margin-right:5px;" alt=""> shrines</a></div>
  682. <div class="button"><a href="https://oceanfront.neocities.org/journal" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery61/16d073dc.gif?v=99d3974e" style="margin-top:-10px; margin-right:5px;" alt=""> journal</a></div>
  683. <div class="button"><a href="https://oceanfront.neocities.org/graphics" style="margin-right:8px;"><img src="https://pixelsafari.neocities.org/favicon/animals/fish/shell3.gif" style="margin-top:-10px; margin-right:5px;" alt=""> graphics</a></div>
  684. <div class="button"><a href="" style="margin-right:8px;"><img src="https://pixels.crd.co/assets/images/gallery61/dbf357e0.gif?v=99d3974e" alt=""> games</a></div>
  685. <p style="color: #ffffff; text-shadow: -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
  686. -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
  687. -2px 1px 1px #81acd1,-2px 4px 1px #81acd1,
  688. -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px 2px 0px #81acd1; margin-bottom:1px; margin-top:-8px;">outgoing</p>
  689. <div class="button"> <a href="https://oceanfront.atabook.org/?page=1" style="margin-right:8px;"><img src="https://pixelsafari.neocities.org/favicon/animals/fishjellyshort.gif" style="margin-top:-10px; margin-right:5px;" alt="">guestbook</a></div>
  690. <div class="button"> <a href="https://neocities.org/site/oceanfront" style="margin-right:5px;"><img src="https://pixelsafari.neocities.org/favicon/nature/plant/flower/blue10.gif" style="margin-top:-10px; margin-right:5px;" alt="">neocities profile</a></div>
  691. </article>
  692.  
  693.  
  694. <article class="intro">
  695. <h1 style="text-align:center; margin:10px;">welcome to amo site</h1>
  696. <img src="https://oceanfront.neocities.org/photos/webfiles/jellyfish.gif" id="floating" style="float: left; height: 9rem; scale: 1;">
  697. <div class="aboutmetext"
  698. <p style="text-align:center;">
  699. hi my name is ari and welcome to my site <img src="https://pixels.crd.co/assets/images/gallery24/6b9c6cc1.gif?v=99d3974e" margin-left="2px" height="16px"> i am a cinnamoroll dramatical murder loving guy who also likes html <img src="https://64.media.tumblr.com/tumblr_m5jpfdovnK1qb1380.gif" margin-left="2px" height="16px">
  700. i made this site just for fun but i also want to use it to host pixels, my works, shrines, etc. if you like my site please check my lovely <a href="https://violator.neocities.org/">boyfriend's</a> site where i hope he will
  701. update more...besides that i hope you enjoy my website and have a great day ^.^</p>
  702. </div>
  703. </article>
  704.  
  705. <article class="status">
  706. <div id="statusimage"></div>
  707. <script type="text/javascript">
  708. rssfeed_url = new Array();
  709. rssfeed_url[0]="https://status.cafe/users/oceancity.atom";
  710. rssfeed_frame_width="170";
  711. rssfeed_frame_height="150";
  712. rssfeed_scroll="off";
  713. rssfeed_scroll_step="";
  714. rssfeed_scroll_bar="off";
  715. rssfeed_target="_blank";
  716. rssfeed_font_size="12";
  717. rssfeed_font_face="MSGothic";
  718. overflow="hidden";
  719. rssfeed_border="off";
  720. rssfeed_css_url="https://oceanfront.neocities.org/rssfeed.css";
  721. rssfeed_title="off";
  722. rssfeed_title_name="";
  723. rssfeed_title_bgcolor="#3366ff";
  724. rssfeed_title_color="#55a0ff";
  725. rssfeed_title_bgimage="";
  726. rssfeed_footer="off";
  727. rssfeed_footer_name="rss feed";
  728. rssfeed_footer_bgcolor="#fff";
  729. rssfeed_footer_color="#333";
  730. rssfeed_footer_bgimage="";
  731. rssfeed_item_title_length="12";
  732. rssfeed_item_title_color="#666";
  733. rssfeed_item_bgcolor="#fff";
  734. rssfeed_item_bgimage="";
  735. rssfeed_item_border_bottom="on";
  736. rssfeed_item_source_icon="off";
  737. rssfeed_item_date="on";
  738. rssfeed_item_description="on";
  739. rssfeed_item_description_length="500";
  740. rssfeed_item_description_color="#7494ab";
  741. rssfeed_item_description_link_color="#55a0ff";
  742. rssfeed_item_description_tag="off";
  743. rssfeed_no_items="1";
  744. rssfeed_cache = "a4bd1693b662805115780df5754d9ba1";
  745. //-->
  746. </script>
  747. <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
  748. </article>
  749.  
  750. <div class="stamps">
  751. <div class="marqueemeow">
  752.  
  753. <img src="https://supplies.ju.mp/assets/images/gallery01/54e03b1f.png?v=6a50b904" alt="">
  754. <img src="https://supplies.ju.mp/assets/images/gallery01/6a4d2428.gif?v=6a50b904" alt="">
  755. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1cfc98d8-534a-4950-93d7-df92390e3212/d9vjtl7-f8a6813b-249d-402f-a16a-71a111a667f6.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFjZmM5OGQ4LTUzNGEtNDk1MC05M2Q3LWRmOTIzOTBlMzIxMlwvZDl2anRsNy1mOGE2ODEzYi0yNDlkLTQwMmYtYTE2YS03MWExMTFhNjY3ZjYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.l735TUn7xInZRSwQYmfpsvA1fN-gjM_4PM-HkKB3ZK8" alt="">
  756. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/73a47737-937b-44d7-9e59-61e40e4cd454/d6piwed-bbb40967-df42-4257-9a2e-60a2d1ca95e7.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzczYTQ3NzM3LTkzN2ItNDRkNy05ZTU5LTYxZTQwZTRjZDQ1NFwvZDZwaXdlZC1iYmI0MDk2Ny1kZjQyLTQyNTctOWEyZS02MGEyZDFjYTk1ZTcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.MON9qnDzEmXXtMdsvyoqpJI0zoISBRfMBXiGfp-sAu8" alt="">
  757. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/de023f45-d1b3-420a-a651-55479f3c093f/d2k7du2-03a996f4-f75d-49f1-9a1e-f313bf8487e5.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RlMDIzZjQ1LWQxYjMtNDIwYS1hNjUxLTU1NDc5ZjNjMDkzZlwvZDJrN2R1Mi0wM2E5OTZmNC1mNzVkLTQ5ZjEtOWExZS1mMzEzYmY4NDg3ZTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.FeEYQDzwZdldlLxBD8IDx-KLmz0FlUVE4YYUjESgMJk" alt="">
  758. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d1bd24fe-9db9-468e-8e1d-240c62e97ff3/d6xo4bs-f51a5ebd-b3dc-41ef-8ade-b0fea941504e.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QxYmQyNGZlLTlkYjktNDY4ZS04ZTFkLTI0MGM2MmU5N2ZmM1wvZDZ4bzRicy1mNTFhNWViZC1iM2RjLTQxZWYtOGFkZS1iMGZlYTk0MTUwNGUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.2AmOHneU2Zdrd0-2f_R2neZn-Qs4OAj_ojX_rpHFck0" alt="">
  759. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/45083017-a357-4423-8194-aaa75891db2c/dh5qk19-3f58165a-c2ec-4162-9af8-1efc0201dab0.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ1MDgzMDE3LWEzNTctNDQyMy04MTk0LWFhYTc1ODkxZGIyY1wvZGg1cWsxOS0zZjU4MTY1YS1jMmVjLTQxNjItOWFmOC0xZWZjMDIwMWRhYjAucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.HbSI5MHlWdZh99q6HY4LNY72LK3_A0VWBBPplNAuAdA" alt="">
  760. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9a4655ff-6b8f-45a1-ba9f-e073d92ea519/d1lum8d-57973798-5738-4181-a5fe-99ba036106d2.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzlhNDY1NWZmLTZiOGYtNDVhMS1iYTlmLWUwNzNkOTJlYTUxOVwvZDFsdW04ZC01Nzk3Mzc5OC01NzM4LTQxODEtYTVmZS05OWJhMDM2MTA2ZDIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.fPIO3zmyIoXDA19jYrIZFb-oZGOR0tpEcVvvrStEXro" alt="">
  761. <img src="https://64.media.tumblr.com/906a60ab461207f4c71a9b48c2a025a2/tumblr_pgveky0p0O1xk82cxo6_100.png" alt="">
  762. <img src="https://i.ibb.co/hMGP7kL/172688392712539417.png" alt="">
  763. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c9ae29e5-b3bc-4c4b-b2ca-e581cd8f5b96/d3k6rvp-0d3d289d-8e79-4d05-ab35-a0e8a6da77f7.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M5YWUyOWU1LWIzYmMtNGM0Yi1iMmNhLWU1ODFjZDhmNWI5NlwvZDNrNnJ2cC0wZDNkMjg5ZC04ZTc5LTRkMDUtYWIzNS1hMGU4YTZkYTc3ZjcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1FU7olpxYvHltf-dz9TvezFHWRueAVPuwquc5csY-2A" alt="">
  764. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3e25632a-445f-4251-988b-4c7f5cea8802/dgf4saj-d19a72de-d03b-4ab9-8af2-709fbcedc03a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNlMjU2MzJhLTQ0NWYtNDI1MS05ODhiLTRjN2Y1Y2VhODgwMlwvZGdmNHNhai1kMTlhNzJkZS1kMDNiLTRhYjktOGFmMi03MDlmYmNlZGMwM2EuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.vufvyD1EmlkUjQyt5bxIxkgmpo-rIKf6Fgfeg5iopa4" alt="">
  765. </div>
  766. </div>
  767.  
  768. <div class="music">
  769. <div class="player">
  770. <div class="tophalf">
  771. <div class="track-art" style="background-image: url(https://cdns-images.dzcdn.net/images/cover/1f20d443aacaa7a004d6e8f81a8a1a43/0x1900-000000-80-0-0.jpg);"></div>
  772. <div class="details">
  773. <div class="topdetails">
  774. <div class="track-name">LOVE DOLL</div>
  775. <div class="track-artist">DECO*27</div>
  776. </div>
  777. <div class="buttons">
  778. <div class="prev-track" onclick="prevTrack()"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Step_backward_font_awesome.svg/2048px-Step_backward_font_awesome.svg.png" style= width="20px" height="20px"></div>
  779. <div class="playpause-track" onclick="playpauseTrack()"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Font_Awesome_5_solid_play-circle.svg/1200px-Font_Awesome_5_solid_play-circle.svg.png" style= width="20px" height="20px"></div>
  780. <div class="next-track" onclick="nextTrack()"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Step_forward_font_awesome.svg/1200px-Step_forward_font_awesome.svg.png" style= width="20px" height="20px"></div>
  781. </div>
  782. </div>
  783. </div>
  784. <div class="bottomhalf">
  785. <!-- time -->
  786.  
  787. <div class="slider_container">
  788. <div class="current-time">00:00</div>
  789. <input type="range" min="1" max="100" value="0" class="seek_slider" onchange="seekTo()">
  790. <div class="total-duration">03:02</div>
  791. </div>
  792.  
  793. <!-- volume -->
  794. <div class="slider_container">
  795. <i class="fa fa-volume-down"></i>
  796. <input type="range" min="1" max="100" value="99" class="volume_slider" onchange="setVolume()">
  797. <i class="fa fa-volume-up"></i>
  798. </div>
  799. </div>
  800. </div>
  801. </div>
  802.  
  803.  
  804. <article class="chatbox">
  805. <iframe src="https://www3.cbox.ws/box/?boxid=3540980&boxtag=xdkRsa" width="100%" height="101%" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
  806. </article>
  807.  
  808. <article class="etc">
  809. <div class="picture">
  810. </div>
  811. <div class="picturetext" style="margin-left: 10px;">
  812. what i like right now...
  813. </div>
  814. <div class="picturetext2" style="right:20px;">whiplash by aespa IKTRRR</div>
  815. </article>
  816.  
  817. <article class="etc2">
  818. <div class="picturetext" style="font-size:12px; margin-left: 10px;">
  819. sites to follow
  820. </div>
  821. <div class="marqueemeow2">
  822. <a href="https://cosm1cbrownie.neocities.org" target="_blank"><img src="https://i.ibb.co/Hd8kr6X/36491aa.gif"></a>
  823. <a href="https://goooby.neocities.org/"><img src="https://goooby.neocities.org/goobie_button.gif"></a>
  824. <a href="https://nyaa.neocities.org"><img src="https://nyaa.neocities.org/nyaabanner.gif"></a>
  825. <a href="https://jeith.com/"><img src="https://neocities.jeith.com/jeith.gif" alt="jeith"></a>
  826. <a href="https://410.neocities.org/"><img src="https://410.neocities.org/button.png"></a>
  827. <a href="https://cloverbell.neocities.org/" target=blank><img src="https://cloverbell.neocities.org/n_n/cloverbell.gif"></a>
  828. <a href="https://oceangel.neocities.org/"><img src="https://oceangel.neocities.org/images/blinkies/buttonoceangelneocities.gif"></a>
  829. <a href="https://poemdoll.neocities.org/" target="_blank"><img src="https://i.ibb.co/NrJPCs9/brZ3TDv.png"></a>
  830. </div>
  831. </article>
  832.  
  833. <article class="clearbox">
  834. </article>
  835.  
  836. <article class="stampbox">
  837. <textarea style="margin-left:120px; margin-top:-40px;width:110px; margin-top:8px; color:#64a3cd; border-color: #64a3cd;"><;a href="https://oceanfront.neocities.org/" target="_blank"><img src="https://i.ibb.co/cyXFNgk/button.png"></a></textarea>
  838. <img src="https://i.ibb.co/cyXFNgk/button.png" style="margin-top:-33px;margin-left:10px;">
  839.  
  840. </article>
  841.  
  842. <img src="https://i.ibb.co/Q9HkQbv/tumblr-31bddd343eb81d0814331facd9d0879c-a8e8a31e-250.webp" style="margin-left:450px; margin-top:-60px;" alt="">
  843.  
  844. </main>
  845. <div class="clearfullbody">
  846. <img src="clearfullbody.png" style="width:150px;z-index:999; margin-left:-555px; margin-top:-345px; position: absolute;">
  847. <script src="main.js"></script></div>
  848.  
  849. </body>
  850. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!