API tools faq
paste
dollcrds

bliss ju mp menu

dollcrds
Jul 2nd, 2022 (edited)
1,449
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.00 KB | None | 1 0
raw download clone embed print report
  1. </head><body class="is-loading"><div id="wrapper"><div id="main"><div class="inner"><div id="embed01"><!DOCTYPE html><head><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 { background: #FFA6C0; } 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://dl.dropbox.com/s/29t7eb3avyl0o24/original%20%2818%29.gif"), 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></head><body><div id="holder"><div id="music-player"><div id="section01"><p><img src="https://dl.dropbox.com/s/88k53h07cfna8he/379DE4BE-1A02-4CB2-B008-ED444C1F8FA8.gif" id="startOrStopImg" alt="Play Button"></p></div><div id="section02"> <p> Oh My God! by Girl’s Day</p></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"><textPath xlink:href="#circle"> jasmine/jei. she/they. nb les. poc. </textPath></text></svg></div><div class="item1 box"><h3>abt me!</h3><p> im jei. but you can also call me jasmine, or courtney. i'm genderfluid lesbian & i prefer she/they prns please. i'm 14, so don't be weird (our body is a -15 as well). i'm a part of a system and i am not the host, so i will not always be active. i am an introject of: mina ashido, coryxkenshin, and courtreezy. we have multiple neurodivergencies & learning disabilities that affect us. these may affect the way i interact with people. we are hyperfixated on making carrds, the mimic (roblox), kubz scouts & coryxkenshin. I enjoy learning HTMLCSS, videogames (arsenal, the mimic, nintendo +). lets play roblox together! i LOVE pinkpantheress & i listen to her EVERYDAY ! </p></div><div class="item2 box"><h3>dni</h3><p> please dni if you are: racist, lgbtphobic, anti-mogai, anti-neos + anti-xenos, islamophobic, albeist, genuine suibater, etc. dnf if -13 or 20+ support dream or schlatt!!!/srs. if you're white, kinda srs. you think "blackwashing" is a thing. you fetishize cultures or have those "japancore" accounts :rolls-eyes: thats pretty much it, no pass just rq or you could send the strawberry emoji</p></div><div class="item3 box"><h3>extra</h3><p> i really have no idea what else to put in this carrd lol. go subscribe to my channels : courtreezy & coryxkenshin on youtube!!! ;) </p></div></div>
  2. <script>
  3. document.getElementById("startOrStopImg").onclick = function() {
  4. var audio = document.getElementById("audio");
  5. if (audio.paused) audio.play();
  6. else audio.pause();
  7. };
  8. </script><audio id="audio" src="https://dl.dropbox.com/s/9yfgangqp2ahzor/yt1s.com%20-%20Oh%20My%20God.mp3"></audio>
  9. </div>
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!