Shark Layout

Tags: shark, silly, gay, blue

Description:

silly goofy shark layout that took forever :3 (not all code is mine so credit to the parts that i used from others) feel free to edit anything, js make sure to credit me!! Includes: autoplay music (100 sunny - omori), button shake, entrance / warning page, custom cursor and more !!

Preview:

Code:

<!-- (c) Layout created by ⛤⭒Finn⭒⛤ (https://layouts.spacehey.com/layout?id=103904) --> <style> /* customization */ :root { --background-color: #; --background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQXEuw-evh9a-IkKBdx9xvgOJK0Uex6SK3v4R_CGV9BJtOAfnAN); --banner-image: url(); --accent: #326da8; } /* code itself */.container,nav{width:100%}.top .right *,footer a{color:#89CFF0!important}.center button,.center label,.mood b a,.top .right a:first-child,.url-info,nav .links a,nav .links a:not([title=Notifications]):hover:after{font-size:0px}.table-section,.url-info{margin-bottom:0!important}.mood b,.report a,.section h4,nav .links a{text-transform:uppercase}.blog-preview h4,.f-col,.friends-grid .person p,.mood p:last-child{overflow:hidden;text-overflow:ellipsis}.f-col a,.section h4,footer a{text-decoration:underline}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#89CFF0}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#FFF;box-shadow:inset -1px -1px #89CFF0,inset 1px 1px #89CFF0,inset -2px -2px grey,inset 2px 2px #89CFF0}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}body::-webkit-scrollbar-corner{margin-top:60px}body{font-family:'MS PGothic';background:var(--background-color) var(--background-image);background-attachment:fixed}main{background:0 0}nav{height:100px;position:fixed;z-index:999}.col a,.online{color:color-mix(in srgb,var(--accent) 50%,#FFF);filter:saturate(3)}.count,.friends-grid .person p{color:color-mix(in srgb,var(--accent) 50%,#89CFF0)!important;filter:saturate(3)}.edit-link,.online img,.profile-info,.supporter .icon,footer p:nth-child(2){display:none}.col,.table-section+.table-section tbody,.top .left:before,.url-info::after{display:block}.top{height:50px;background:#89CFF0!important;color:#89CFF0!important}.center label::after{content:"SEARCH X3";font-size:12px}.center button::after{content:"🔎";font-size:12px}.top .right *{font-size:12px;font-family:'MS Pgothic';text-decoration:underline!important}.contact .heading,.profile h1{color:#89CFF0!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#FFF)}.top .right a:first-child::after{content:"HELP ME.";font-size:12px}.top .left{position:relative;height:fit-content;margin-top:-10px!important}.top .left:before{content:"";position:absolute;background:var(--accent);width:110%;height:130%;top:-10px;mix-blend-mode:lighten;z-index:9999;opacity:.9;pointer-events:none}.logo-fallback{filter:drop-shadow(1px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(1px -1px 0px black) drop-shadow(-1px 1px 0px black)}.links{text-align:center}.col{width:100%!important;background:#89CFF0;border-left:1px solid #89CFF0}.row{top:65px;width:75%;position:absolute;right:0}.general-about,.mood,.profile h1{position:fixed;left:1%}.profile h1{top:90px;background:#89CFF0;width:23%;padding-inline:10px;padding-bottom:3px;border-radius:10px 10px 0 0;background:var(--accent);box-shadow:0 -8px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #89CFF0;border-bottom:0}.general-about,footer{width:23%;border:1px solid #89CFF0;background:#89CFF0}.general-about{top:115px;padding:5px 5px 40px;height:250px}.blog-preview h4,.blog-preview p,.inner>p,.mood{padding-inline:5px}.mood{top:310px;width:21%!important;left:2vw;border-top:1px dashed var(--accent);padding-top:5px}.contact,footer{position:fixed;left:1%}.mood p:last-child{white-space:nowrap}.contact{width:23%!important;top:365px;border:0!important}#comments,.blog-preview,.url-info{position:relative}footer{top:520px;padding:2px 0}.profile-pic .pfp-fallback{border:1px solid gray;width:100%!important;height:100%!important;object-fit:cover}.profile-pic{width:11vw;height:11vw!important}.details{text-align:right;margin-right:10px}.mood b{font-weight:400}footer .links,footer p{margin:0}footer p:first-child{width:100px;display:inline-block;vertical-align:top}footer p:first-child::after{content:"@n0tt_ex1stant";display:block}footer::before{content:"";display:inline-block;width:175px;height:100px;background:url(https://i.ytimg.com/vi/LFJAFYBMfsg/maxresdefault.jpg) 0 0/contain;margin-right:10px;cursor:pointer}.blog-preview h4,nav .links a{padding-top:3px;background:var(--accent);white-space:nowrap}.contact .heading{background:#FFF;border-radius:8px 8px 0 0;background:var(--accent)!important;box-shadow:0 -4px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #89CFF0;border-bottom:0}.contact .inner{background:#FFF;border:1px solid #89CFF0;height:120px}.url-info::before{content:"SHARKZ 4 LIFE 🦈";font-size:35px;color:#FFF;text-shadow:var(--accent) 3px 0 0,var(--accent) 2.83487px .981584px 0,var(--accent) 2.35766px 1.85511px 0,var(--accent) 1.62091px 2.52441px 0,var(--accent) .705713px 2.91581px 0,var(--accent) -.287171px 2.98622px 0,var(--accent) -1.24844px 2.72789px 0,var(--accent) -2.07227px 2.16926px 0,var(--accent) -2.66798px 1.37182px 0,var(--accent) -2.96998px .42336px 0,var(--accent) -2.94502px -.571704px 0,var(--accent) -2.59586px -1.50383px 0,var(--accent) -1.96093px -2.27041px 0,var(--accent) -1.11013px -2.78704px 0,var(--accent) -.137119px -2.99686px 0,var(--accent) .850987px -2.87677px 0,var(--accent) 1.74541px -2.43999px 0,var(--accent) 2.44769px -1.73459px 0,var(--accent) 2.88051px -.838247px 0}.url-info{background:#89CFF0 var(--banner-image);background-size:cover;background-position:center;height:200px;grid-column:span 3;image-rendering:pixelated;border:1px solid #89CFF0!important;width:calc(100% - 210px)!important}#comments,.blurbs,.table-section:not(.table-section + .table-section){grid-column:span 2}.url-info::after{content:"";width:200px;height:197px;background:url('https://cdn3.emoji.gg/emojis/8394-shark.gif') center/cover no-repeat;position:absolute;left:calc(100% + 10px);top:0;border:1px solid #89CFF0;cursor:pointer}.table-section+.table-section tr{margin-bottom:5px}.table-section+.table-section td:first-child p{pointer-events:none;text-align:left}.table-section+.table-section td:first-child a{color:color-mix(in srgb,var(--accent) 80%,#FFF)!important;filter:saturate(1)!important}.table-section+.table-section td:last-child p{white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.table-section+.table-section td{height:20px!important}.table-section a img{border:1px solid gray;border-radius:4px;filter:saturate(5)}.table-section{width:100%!important;display:inline-block;background:#89CFF0;border:0!important;max-height:320px}.table-section .heading{background:#FFF;border-radius:10px 10px 0 0;background:var(--accent)!important;box-shadow:0 -3px 3px 3px rgba(255,255,255,.5) inset;border:1px solid #89CFF0;border-bottom:0;color:#89CFF0!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#89CFF0),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#89CFF0)}.blog-preview h4,.blurbs .heading,.friends .heading,nav .links a{box-shadow:0 -2px 2px 3px rgba(255,255,255,.5) inset;color:#89CFF0!important;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),0 0 1px color-mix(in srgb,var(--accent) 70%,#FFF),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#FFF),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#FFF)}.table-section .inner{border:1px solid #89CFF0;height:calc(100% - 20px);overflow-y:auto;text-align:right}.table-section td:first-child{background:linear-gradient(color-mix(in srgb,var(--accent) 40%,#89CFF0 50%),#89CFF0 100%);height:20px}.table-section td:first-child p{color:color-mix(in srgb,var(--accent) 80%,#89CFF0);text-decoration:underline;font-weight:400;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:left}.table-section td:last-child{height:calc(100% - 20px);background:#FFF}.table-section tbody{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:5px}.table-section tr{display:block;width:100%;border:1px solid color-mix(in srgb,var(--accent) 50%,#89CFF0)}.table-section td{display:block;width:100%!important}.col.left{display:grid;grid-template-columns:repeat(2,1fr) 15%;grid-column-gap:10px;padding-bottom:0}.col.right{display:grid;padding-top:10px;grid-template-columns:240px calc(100% - 240px);grid-column-gap:5px}#comments::after,.blog-preview::after{content:"";display:block;position:absolute;cursor:pointer}.blog-preview h4{border-radius:10px 10px 0 0;border:1px solid #89CFF0;position:absolute;width:calc(100% + 2px);left:-1px;top:-1px;margin:0!important}.blog-preview{order:1;width:236px;background:#FFF;height:calc(100% - 70px);border:1px solid #89CFF0;padding-top:20px;border-radius:20px 20px 0 0}.blog-preview::after{background:url(<a href="https://miro.medium.com/v2/resize:fit:564/1*Bz8MiJLeW-P9P_IYgMinYQ.jpeg" alt="Screenshot-2023-11-13-6-00-59-PM" border="0">) 🦈 🤨🤨🤨center/cover no-repeat;border:1px solid #FFF;width:234px;height:60px;bottom:-74px}.friends:not(#comments){order:2;height:290px}#comments,.blurbs{order:3}#comments{order:4;width:calc(100% - 147px);height:530px}.friends:not(#comments) .inner{height:calc(100% - 20px);padding:0;overflow-y:auto}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-2px}.friends-grid .person{margin:auto auto 5px;padding:0!important}.friends-grid .person p{margin:2px 0;width:100%;height:14px;white-space:nowrap}.friends-grid .person .pfp-fallback{border:1px solid gray;height:100px!important;width:100px!important;object-fit:cover}.inner>p{position:sticky;top:0;background:#89CFF0;width:100%;z-index:1;border-bottom:1px solid gray;font-size:12px}.inner>p b{font-weight:400!important}.blurbs .heading,.friends .heading{border-radius:10px 10px 0 0;background:var(--accent)!important;border:1px solid #FFF;margin:0!important;font-weight:400}.blurbs .inner,.friends .inner{border:1px solid #89CFF0;border-top:0}.section h4{color:color-mix(in srgb,var(--accent) 80%,#89CFF0)!important;font-weight:400;font-size:11px;letter-spacing:1px;text-align:left}.section:first-child{border-bottom:1px dashed var(--accent)}.blurbs{margin-block:10px!important}#comments .inner{height:calc(100% - 22px);padding:0;overflow-y:auto}#comments::after{top:-8px;right:-147px;width:137px;height:528px;margin-top:10px;border:1px solid #89CFF0;background:url(https://www.visitsealife.com/london/media/zn3moy3g/clownfish.png) 0 0/cover}.comments-table{border-collapse:collapse;width:calc(100% - 20px)!important;margin:10px}.comments-table tr{border:1px solid var(--accent)}.comments-table td:first-child{width:10%}.comments-table td{background:linear-gradient(color-mix(in srgb,var(--accent) 50%,#89CFF0) 0,#89CFF0 10%)!important}.comments-table .pfp-fallback{border:1px solid gray}.comments-table b,.comments-table small{font-weight:400!important;font-size:10px;color:color-mix(in srgb,var(--accent) 80%,#89CFF0);letter-spacing:1px}.contact a,.table-section td:first-child{white-space:nowrap}[title=Notifications]{font-size:12px!important;display:inline-block!important;margin-bottom:-1px;margin-right:10px;transform:translateY(0)!important}[title=Notifications]:after{content:"|";display:inline-block;text-shadow:none;color:#FFF;transform:translate(35px,2px);line-height:10px}nav .links{padding-inline:0px!important;padding-bottom:0!important;padding-top:5px!important;border-bottom:2px solid #89CFF0;background:#FFF;margin-top:-8px}nav .links a{width:75px;border-radius:10px 10px 0 0;border:1px solid #89CFF0;transform:translateY(1px);margin-top:2px;display:inline-block;font-family:SimSun;font-weight:400!important;text-decoration:none!important}.blog-preview h4,.f-col a,.heading h4,footer .links a{font-size:0px;text-transform:uppercase;font-weight:400}nav .links a:after,nav .links a:hover{font-size:14px}nav .links li:first-child a:not([title=Notifications]):after{content:"🩵"}nav .links li:nth-child(2) a:after{content:"🌊"}nav .links li:nth-child(3) a:after{content:"🌖"}nav .links li:nth-child(4) a:after{content:"🐋"}nav .links li:nth-child(5) a:after{content:"🦈"}nav .links li:nth-child(6) a:after{content:"🩻"}nav .links li:nth-child(7) a:after{content:"💧"}nav .links li:nth-child(8) a:after{content:"☔"}nav .links li:nth-child(9) a:after{content:"🐟"}nav .links li:nth-child(10) a:after{content:"👣"}nav .links li:nth-child(11) a:after{content:"🥏"}nav .links li:nth-child(12) a:after{content:"💠"}nav .links li:nth-child(13) a:after{content:"🪣"}nav .links li:nth-child(14) a:after{content:"🫧"}:is(.heading h4,.blog-preview h4):hover{font-size:14px}:is(.heading h4,.blog-preview h4):hover:after{font-size:0px!important}.contact .heading h4:after{font-size:14px;content:"🐬"}.table-section:not(.table-section + .table-section) .heading h4:after{font-size:14px;content:"🗣️"}.table-section+.table-section .heading h4:after{font-size:14px;content:"🦈"}.more{color:#FFF!important;text-transform:uppercase;text-shadow:0 0 1px color-mix(in srgb,var(--accent) 70%,#89CFF0),0 0 1px color-mix(in srgb,var(--accent) 70%,#89CFF0),0 0 1px color-mix(in srgb,var(--accent) 70%,#89CFF0),1px 1px 0 color-mix(in srgb,var(--accent) 70%,#89CFF0),-1px -1px 0 color-mix(in srgb,var(--accent) 70%,#89CFF0),-1px 1px 0 color-mix(in srgb,var(--accent) 70%,#89CFF0),1px -1px 0 color-mix(in srgb,var(--accent) 70%,#89CFF0);filter:saturate(1)!important}.blog-preview h4:after{font-size:14px;content:"WOMP"}.blurbs .heading h4:after{font-size:14px;content:"STUFFZ ABOUT MEEEEE"}.friends:not(#comments) .heading h4:after{font-size:14px;content:"FREAKZ"}#comments .heading h4:after{font-size:14px;content:"SU1C!DE N0TEZ"}.f-col a :first-child{font-size:13px;margin-right:5px}.f-col a{color:#00f}.f-col a:hover,.mood b a:hover,footer .links a:hover{font-size:11px}.f-col a:hover:after,.mood b a:hover:after,footer .links a:hover:after{font-size:0px!important}.f-row:first-child .f-col:first-child a:after{font-size:14px;content:"💦"}.f-row:first-child .f-col:last-child a:after{font-size:14px;content:"🐳"}.f-row:nth-child(2) .f-col:first-child a:after{font-size:14px;content:"🌤️"}.f-row:nth-child(2) .f-col:last-child a:after{font-size:14px;content:"🌱"}.f-row:nth-child(3) .f-col:first-child a:after{font-size:12px;content:"🦭"}.f-row:nth-child(3) .f-col:last-child a:after{font-size:12px;content:"❄️"}.f-row:nth-child(4) .f-col:first-child a:after{font-size:12px;content:"🛩️"}.f-row:nth-child(4) .f-col:last-child a:after{font-size:14px;content:"🐚"}footer .links{height:25px}footer .links li:first-child a:after{font-size:9px;content:"🌠"}footer .links li:nth-child(2) a:after{font-size:9px;content:"🩻"}footer .links li:nth-child(3) a:after{font-size:9px;content:"🩺"}footer .links li:nth-child(4) a:after{font-size:9px;content:"🐦"}footer .links li:nth-child(5) a:after{font-size:9px;content:"🫧"}footer .links li:nth-child(6) a:after{font-size:9px;content:"🪣"}footer .links li:nth-child(8) a:after{font-size:9px;content:"🌑"}footer .links li:nth-child(9) a:after{font-size:9px;content:"💨"}footer .links li:nth-child(10) a:after{font-size:9px;content:"🌀"}footer .links li:nth-child(11) a:after{font-size:9px;content:"🤿"}footer .links li:nth-child(12) a:after{font-size:9px;content:"💠"}footer .links li:nth-child(13) a:after{font-size:9px;content:"🐬"}footer .links li:nth-child(14) a:after{font-size:9px;content:"🐟"}.mood b a:first-child:after{font-size:12px;content:"🦈"}.mood b a:nth-child(2):after{font-size:12px;content:"🌊"}.mood b a:last-child:after{font-size:12px;content:"🩴"}</style> <style> :root { --background-color: #; --background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQnfpgBip9ZBdtUpIq7WYMFGZhzH_US3EJluFpRYBvR_acvyUNd); --banner-image: url(https://cdn.dribbble.com/users/1162650/screenshots/3023471/test.gif); --accent:#2375e8} </style> <style> .profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/MK4VPkGn/2024-01-28-0jv-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;} </style> <style> .comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/MK4VPkGn/2024-01-28-0jv-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;} </style> <style>* {cursor: url(https://i.ibb.co/qB78ng5/download.png), auto !important;}</style> <a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a> <style> .online { content: url("https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExc2hzaWo2MW9sN2o3cGM5dnBlbjByNGUxZWN4MWc1ZHNjbTU3anR6dyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/vS0mrGLsTELr25kzsW/giphy.gif");} </style> <style> img:hover { /* Start the shake animation and make the animation last for 0.5 seconds */ animation: shake 0.5s; /* When the animation is finished, start again */ animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } </style> <iframe width="0" height="0" src="https://www.youtube.com/embed/rg9pvXGl1Fg?autoplay=1&loop=1&playlist=rg9pvXGl1Fg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled=""> </iframe> <div id="profile"> <ul> <center> <h1> stawp. <br/> </h1><p>This profile contains:<br/> <img src="https://media.tenor.com/mnqbrylJH1cAAAAi/shark-spin.gif"/> <br/>Music autoplay <br/>Adorable Sharks <br/>Bad Music Taste <br/> Flashing Lights (kinda) <br/> Homosexuality <br/> <br/>DNI <br/>homophobes, racists, shitty people in general, over 18s (I'm a minor bro)<br/> <br/><br/><br/>ᶜˡᶦᶜᵏ ᵇᵉˡᵒʷ ᵗᵒ ᵍᵉᵗ ᵗᵒ ᵐʸ ᵖʳᵒᶠᶦˡᵉ<br/> <a href="#profile"><img src="https://file.garden/ZiUxlwH693R5laWC/Untitled385_20240421194727.png"/> </a><a href="https://spacehey.com/home"><img src="https://file.garden/ZiUxlwH693R5laWC/Untitled386_20240421194753.png"/></a> <br/><br/> <style> #profile{ position: fixed; background-image: url('https://images7.alphacoders.com/104/1049004.jpg'); background-color: black; color: white; z-index: 100; top: 0; left: 0; width: 100vw; height: 100vh; padding: 50px 100px; font-size: 150%; overflow-y: scroll; opacity: 1; transition: .2s; } #profile > * { width: 100%; max-width: 700px!important; margin: 20px auto; display: block; } #profile:target { opacity: 0; visibility: hidden; } #profile > ul { padding: 10px 50px; border: 5px double blue; background-color: #89CFF0; } </style></p></center></ul></div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.