API tools faq
paste
Cheemsy

Menu Code

Cheemsy
Jun 6th, 2026
22
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.99 KB | None | 0 0
raw download clone embed print report
  1. </head>
  2. <body class="is-loading"><div id="wrapper"><div id="main"><div class="inner"><div id="embed01">
  3. <html lang="en">
  4. <head>
  5. <script src="https://iframe.chat/scripts/main.min.js"></script>
  6. <script> chattable.initialize({ stylesheet: "https://cheemsy.neocities.org/chattable.css"});</script>
  7. <link rel="stylesheet" href="https://cdn.cursors-4u.net/cursors/animated/gam3-11-c974d93a-32.css">
  8. <!-- Change your site title: (It is shown in the tab) -->
  9. <title>Cheemsy's Indie Web</title>
  10. <!DOCTYPE html>
  11. <style> @font-face { font-family: sweety; src: url(https://dl.dropbox.com/s/yoiop0myv47eaoy/SweetyRasty.otf); } @font-face { font-family: good-time; src: url(https://dl.dropbox.com/s/ijxda4xb1cyjpe4/KGAlwaysAGoodTime.ttf); } @font-face { font-family: cerl; src: url(https://dl.dropbox.com/s/vaz4fe5yzk1uiku/CHERL___.TTF); } @font-face { font-family: 'Magica'; src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf); } * { padding: 0; margin: 0; box-sizing: border-box; } html body { background: transparent; height: 100vh; width: 100vw; max-width: 100%; position: fixed; display: flex; align-items: center; justify-content: center; font-size: 16px; } @media (min-width: 900px) { body { transform: scale(1.1, 1.1); } } .container, .box, #music-player, #links { transition: all 2s ease; transition-timing-function: cubic-bezier(0.75, 0.45, 0.05, 1); margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .container, .box { border-radius: 50%; box-shadow: 0 0 1em 0.625em rgba(181, 69, 102, 0.35) inset, 0 0 0.5em rgba(181, 69, 102, 1); } .item2 { transition-delay: 0.25s; } .item3 { transition-delay: 0.5s; } #holder { position: relative; margin: auto; width: 14em; height: 14em; } #holder:hover .container { transform: rotate(360deg) translateX(-3.5em); animation: blur 0.5s; } #holder:hover .item1 { transform: translate(2.5em, -8.25em); } #holder:hover .item2 { transform: translate(6.5em, 0); } #holder:hover .item3 { transform: translate(2.5em, 8.25em); } .container, #music-player { border: 1px solid #000; } .container { position: absolute; z-index: 3; width: 100%; height: 100%; background: url("https://cheemsy.neocities.org/gallery/pokeballespeo.png"), no-repeat; background-size: 100%; background-position: center; padding: 0.625em; display: flex; align-items: center; justify-content: center; } svg { fill: white; opacity: 85%; transform-origin: center; width: 100%; animation: spin 8s linear infinite; } @keyframes spin { 100% { transform: rotate(-360deg); } } .box { position: absolute; z-index: 2; height: 60%; width: 60%; background: white; overflow: auto; padding: 2em 0.625em; text-align: center; } .box p { transition: opacity 0.5s ease; opacity: 0; transition-delay: 2s; font-family: 'Magica'; font-size: 1em; line-height: 1em; color: black; font-weight: bold; } #holder:hover .box p { opacity: 1; } #music-player { position: absolute; background: linear-gradient(#FF99B7 20%, white); width: 6em; height: 2em; display: inline-flex; border-radius: 0.875em; padding: 0.125em; transition-delay: 0.75s; } #holder:hover #music-player { transform: translate(-5.5em, 9em); } #section01, #section02 { overflow: hidden; white-space: nowrap; height: 100%; display: flex; align-items: center; justify-content: center; } #section01 { margin-right: 0.125em; flex: 33%; } #section02 p { transform: translateX(100%); animation: marquee 6s linear infinite; font-family: good-time; letter-spacing: 0.1em; } #section02 { flex: 66%; } #section01 img { height: 1.5em; } #section01 img:hover { animation: rotating 0.3s linear infinite; } a { text-decoration: none; } #links { position: absolute; font-size: 1em; transition: opacity: 0.5s; transition-delay: 0.75s; opacity: 0; font-family: cerl; } #holder:hover #links { transform: translate(-5.5em, -3.625em); opacity: 1; } h3 { color: white; text-shadow: 0 0 1px black, 0 0 2px black; padding: 0.125em; font-family: 'Magica'; font-size: 1.5em; } @keyframes blur { 0% { filter: blur(0); } 100% { filter: blur(5px); } } @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes rotating { 0% { transform: rotate(0); } 33% { transform: rotate(-25deg); } 66% { transform: rotate(25deg); } 100% { transform: rotate(0); } } </style>
  12. <meta charset="UTF-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <title>My Page</title>
  15. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  16. </head>
  17. <body>
  18. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20. <!-------MUSIC PLAYER BY GLENTHEMES------->
  21. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  22.  
  23. <style type="text/css">
  24. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  25. #glenplayer02 {
  26. position:fixed;
  27. top:2em;
  28. margin-bottom:20px;
  29. left:0;
  30. margin-left:20px;
  31. display:flex;
  32. z-index:99;
  33. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  34. }
  35. #glenplayer02 a {text-decoration:none;}
  36.  
  37. #glenplayer02 > div {
  38. align-self:center;
  39. -webkit-align-self:center;
  40. }
  41.  
  42. .music-controls {
  43. user-select:none;
  44. -webkit-user-select:none;
  45. width:13px;
  46. font-size:13px;
  47. cursor:pointer;
  48. }
  49.  
  50. .playy, .pausee {color:#fff;} /* color of play & pause buttons */
  51.  
  52. .pausee {display:none;}
  53.  
  54. .sonata {
  55. margin-left:10px;
  56. color:#000; /* color of music note symbol */
  57. }
  58.  
  59. .labeltext {
  60. margin-left:1px;
  61. font-family:courier new;
  62. font-size:9px;
  63. color:#fff; /* color of song title */
  64. }
  65.  
  66. </style>
  67. </head>
  68. <body>
  69. <body style="background-image href:'https://cheemsy.neocities.org/gallery/thumb-1920-574726.jpg'; background-size: cover;">
  70. </body>
  71. <div id="holder"><div id="music-player"><div id="section01"><p></p><img src="https://cheemsy.neocities.org/gallery/dayo3ow-7ac86c31-8b2b-4810-89f2-e6134caf1f2d.gif" id="startOrStopImg" alt="Play Button"></p></div><div id="section02">
  72. <div id="glenplayer02">
  73. <div class="music-controls" onclick="songstart();">
  74. <div class="playy">►</div>
  75. <div class="pausee">❚❚</div>
  76. </div>
  77. <div class="sonata"> </div>
  78. <div class="labeltext"><img src="https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"><img src="https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"><img src="https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"><img src="https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"> </div>
  79. </div><!--end music player-->
  80.  
  81. <audio id="tune" src="https://cheemsy.neocities.org/musicsets/Wii%20U%20eShop%20OST%20-%20January%202015.mp3"audio"></audio></div></div><div class="container"><svg viewBox="0 0 100 100" width="240" height="240"><defs><path id="circle" d=" M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0"/></defs><text font-size="1em" font-family="sweety">
  82. <textPath xlink:href="#circle"></textPath></text></svg></div>
  83. <div class="item1 box"><h3><a href="https://cheemsy.neocities.org/home">Start New Game</h3></a>
  84. </div><div class="item2 box"><h3><a href="https://cheemsy.neocities.org/notice">Options</a></h3></div>
  85. <div class="item3 box"><h3><a href=https://cheemsy.neocities.org/credits">Credits</a></h3></div>
  86.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!