dollcrds

bliss ju mp menu

Jul 2nd, 2022 (edited)
1,534
1
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.00 KB | None | 1 0
  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