-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (40 loc) · 12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/stars.css">
<link rel="stylesheet" href="./css/098b69295fc260d1.css">
</head>
<body>
<div class="flex-vertical">
<div id="cards" class="centered">
<div class="card">
<ul class="flex flex-row flex-wrap justify-center gap-3 mt-1.5 z p translate-x-16 translate-y-[3.75rem]"><li class="group flex flex-col items-center z" style="z-index:29;opacity:1"><a href="https://bsky.app/profile/isukiipko.bsky.social" target="_blank" style="border-color:#fdffffff;border-width:3px;border-radius:9999px;background-color:#00000033" class="p-2 duration-300 flex hover:brightness-50"><svg role="img" style="filter:drop-shadow(0px 0px 3.5px #ffffff);fill:#ffffff" class="h-7 w-7 z" viewbox="0 0 600 530"version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="#fffff"/></svg></a><div style="border-color:#fdffffff;border-width:3px;border-radius:0.4rem;background-color:#000000ff" class="absolute p-1 translate-y-6 z-50 scale-0 group-hover:scale-100 group-hover:translate-y-[3.2rem] duration-300 transform-gpu whitespace-nowrap"><span style="color:#ffffff" class="font-semibold text-sm">Bluesky</span></div></li><li class="group flex flex-col items-center" style="z-index:28;opacity:1"><a href="https://www.tiktok.com/@isukiipki" target="_blank" style="border-color:#fdffffff;border-width:3px;border-radius:9999px;background-color:#00000033" class="p-2 duration-300 flex hover:brightness-50"><svg style="filter:drop-shadow(0px 0px 3.5px #ffffff);fill:#ffffff" class="h-7 w-7"viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.8217 5.1344C16.0886 4.29394 15.6479 3.19805 15.6479 2H14.7293M16.8217 5.1344C17.4898 5.90063 18.3944 6.45788 19.4245 6.67608C19.7446 6.74574 20.0786 6.78293 20.4266 6.78293V10.2191C18.645 10.2191 16.9932 9.64801 15.6477 8.68211V15.6707C15.6477 19.1627 12.8082 22 9.32386 22C7.50043 22 5.85334 21.2198 4.69806 19.98C3.64486 18.847 2.99994 17.3331 2.99994 15.6707C2.99994 12.2298 5.75592 9.42509 9.17073 9.35079M16.8217 5.1344C16.8039 5.12276 16.7861 5.11101 16.7684 5.09914M6.9855 17.3517C6.64217 16.8781 6.43802 16.2977 6.43802 15.6661C6.43802 14.0734 7.73249 12.7778 9.32394 12.7778C9.62087 12.7778 9.9085 12.8288 10.1776 12.9124V9.40192C9.89921 9.36473 9.61622 9.34149 9.32394 9.34149C9.27287 9.34149 8.86177 9.36884 8.81073 9.36884M14.7244 2H12.2097L12.2051 15.7775C12.1494 17.3192 10.8781 18.5591 9.32386 18.5591C8.35878 18.5591 7.50971 18.0808 6.98079 17.3564" stroke="#ffffff" stroke-linejoin="round"></path> </g></svg></a><div style="border-color:#fdffffff;border-width:3px;border-radius:0.4rem;background-color:#000000ff" class="absolute p-1 translate-y-6 z-50 scale-0 group-hover:scale-100 group-hover:translate-y-[3.2rem] duration-300 transform-gpu whitespace-nowrap"><span style="color:#ffffff" class="font-semibold text-sm">Tiktok</span></div></li><li class="group flex flex-col items-center" style="z-index:26;opacity:1"><a href="https://steamcommunity.com/profiles/76561199508594734/" target="_blank" style="border-color:#fdffffff;border-width:3px;border-radius:9999px;background-color:#00000033" class="p-2 duration-300 flex hover:brightness-50"><svg role="img" style="filter:drop-shadow(0px 0px 3.5px #ffffff);fill:#ffffff" class="h-7 w-7" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"></path></svg></a><div style="border-color:#fdffffff;border-width:3px;border-radius:0.4rem;background-color:#000000ff" class="absolute p-1 translate-y-6 z-50 scale-0 group-hover:scale-100 group-hover:translate-y-[3.2rem] duration-300 transform-gpu whitespace-nowrap"><span style="color:#ffffff" class="font-semibold text-sm">Steam</span></div></li></ul>
<div class="card-content">
<div class="card-image">
</div>
<div class="card-info-wrapper mt-4">
<div class="card-info">
<div class="card-info-title freaky">
<h3 class="text-center ">@The</h3>
<h4 class="text-center whitebutgrey">"Alien, thats the power of the stage..."</h4>
</div>
</div>
</div>
<div class="freak -translate-y-[4.5rem] flex items-center justify-center"><img draggable="false" style="border-color:rgb(0, 0, 0);border-width:5px" class="h-[120px] w-[120px] rounded-full relative" src="https://cdn.discordapp.com/avatars/982366159326281858/83ad7490aeb07ad636bec6d170916b80.webp?size=1024&format=webp&width=384&height=384"></div>
</div>
</div>
</div>
<div id="cards-2" class="centered">
<div class="card-2">
<div class="flex flex-col justify-center w-full p-2" ><div class="flex sm:flex-row flex-col sm:items-center justify-between w-full"><div class="flex flex-row items-center gap-3"><div class="flex flex-row"><img draggable="false" style="border-radius: 0.4rem; border-color: rgb(253, 255, 255); border-width: 3px;" class="h-[4.5rem] w-[4.5rem] min-w-[4.5rem] min-h-[4.5rem]" src="https://cdn.discordapp.com/avatars/982366159326281858/83ad7490aeb07ad636bec6d170916b80.webp?size=1024&format=webp&width=384&height=384"><div class="absolute bg-green-600 w-4 h-4 rounded-full translate-x-16 translate-y-[3.75rem] z-10"></div></div><div class="flex flex-col"><div class="flex flex-col gap-1"><div class="flex flex-row gap-1"><h2 style="color: rgb(255, 255, 255);" class="font-semibold break-all">@The! :3</h2><div class="flex flex-row flex-wrap"><div class="group flex flex-col items-center justify-center transition-all duration-300 ease-linear"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 48 48"><linearGradient id="zRI2OYLsG78dWLNriAQBma_u1TI0IQMcE7q_gr1" x1="13.482" x2="42.789" y1="1.258" y2="48.94" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#737be6"></stop><stop offset="1" stop-color="#4750b3"></stop></linearGradient><path fill="url(#zRI2OYLsG78dWLNriAQBma_u1TI0IQMcE7q_gr1)" d="M42,5H6C5.448,5,5,5.448,5,6v24.743c0,0.312,0.146,0.606,0.394,0.795l18,13.714 c0.358,0.273,0.854,0.273,1.212,0l18-13.714C42.854,31.349,43,31.055,43,30.743V6C43,5.448,42.552,5,42,5z"></path><path d="M24,34.88c-0.301,0-0.593-0.089-0.847-0.259l-12.511-9.093c-0.487-0.345-0.694-0.97-0.509-1.551 C10.319,23.393,10.855,23,11.47,23h1.869l-3.611-6.78c-0.248-0.476-0.233-1.026,0.039-1.477c0.274-0.452,0.767-0.731,1.286-0.731 c0.297,0,0.586,0.09,0.837,0.26l9.923,6.596c0.573,0.377,1.047,0.909,1.368,1.538L24,24.057l0.813-1.641 c0.326-0.637,0.801-1.171,1.376-1.55l9.928-6.598c0.245-0.166,0.533-0.255,0.83-0.255c0.52,0,1.012,0.28,1.286,0.73 c0.272,0.451,0.288,1,0.043,1.471L34.661,23h1.869c0.614,0,1.15,0.393,1.336,0.979c0.186,0.58-0.023,1.207-0.519,1.558l-12.47,9.062 C24.596,34.789,24.306,34.88,24,34.88z" opacity=".05"></path><path d="M24,34.38c-0.201,0-0.397-0.06-0.568-0.174l-12.495-9.082c-0.312-0.22-0.445-0.622-0.326-0.995 c0.119-0.376,0.465-0.629,0.859-0.629h2.702l-4.003-7.515c-0.166-0.318-0.155-0.684,0.025-0.983c0.184-0.302,0.512-0.49,0.858-0.49 c0.196,0,0.389,0.06,0.557,0.174l9.927,6.598c0.502,0.331,0.917,0.797,1.199,1.349L24,25.182l1.262-2.544 c0.285-0.557,0.7-1.023,1.203-1.355l9.929-6.599c0.165-0.112,0.357-0.172,0.554-0.172c0.347,0,0.675,0.188,0.858,0.49 c0.181,0.299,0.191,0.665,0.027,0.979L33.828,23.5h2.702c0.395,0,0.74,0.253,0.859,0.629c0.119,0.373-0.015,0.774-0.331,0.999 l-12.475,9.066C24.397,34.32,24.201,34.38,24,34.38z" opacity=".07"></path><path fill="#fff" d="M37.39,15.75c0.24-0.46-0.29-0.94-0.72-0.65l-9.93,6.6c-0.44,0.29-0.79,0.69-1.03,1.16l-1.35,2.72 c-0.08,0.15-0.22,0.22-0.36,0.22s-0.28-0.07-0.36-0.22l-1.35-2.72c-0.24-0.47-0.59-0.87-1.03-1.16l-9.93-6.6 c-0.43-0.29-0.96,0.19-0.72,0.65l4.08,7.66c0.14,0.27-0.05,0.59-0.36,0.59h-2.86c-0.39,0-0.55,0.5-0.24,0.72l12.48,9.07 c0.09,0.06,0.19,0.09,0.29,0.09s0.2-0.03,0.29-0.09l12.48-9.07C37.08,24.5,36.92,24,36.53,24h-2.86c-0.31,0-0.5-0.32-0.36-0.59 L37.39,15.75z"></path></svg><div style="border-color: rgb(253, 255, 255); border-width: 3px; border-radius: 0.4rem; background-color: rgb(0, 0, 0);" class="absolute p-1 translate-y-2 z-10 scale-0 group-hover:scale-100 group-hover:translate-y-[2rem] duration-300 transform-gpu whitespace-nowrap"><span style="color: rgb(255, 255, 255);" class="font-semibold text-sm">HypeSquad Balance</span></div></div><div class="group flex flex-col items-center justify-center transition-all duration-300 ease-linear"><svg xmlns="http://www.w3.org/2000/svg" class="group" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.47213 4L4 6.47213V17.5279L6.47217 20H17.5278L20 17.5279V6.47213L17.5279 4H6.47213ZM10.8582 16.4255H8.64551C8.64551 14.5952 7.1567 13.1064 5.32642 13.1064V10.8936C7.1567 10.8936 8.64551 9.40483 8.64551 7.57454H10.8582C10.8582 9.39042 9.96684 10.9908 8.61129 12C9.96684 13.0093 10.8582 14.6096 10.8582 16.4255ZM18.6667 13.1064C16.8364 13.1064 15.3476 14.5952 15.3476 16.4255H13.1348C13.1348 14.6096 14.0263 13.0093 15.3818 12C14.0263 10.9908 13.1348 9.39042 13.1348 7.57454H15.3476C15.3476 9.40483 16.8364 10.8936 18.6667 10.8936V13.1064V13.1064Z" fill="#2EA967"></path></svg><div style="border-color: rgb(253, 255, 255); border-width: 3px; border-radius: 0.4rem; background-color: rgb(0, 0, 0);" class="absolute p-1 translate-y-2 z-10 scale-0 group-hover:scale-100 group-hover:translate-y-[2rem] duration-300 transform-gpu whitespace-nowrap"><span style="color: rgb(255, 255, 255);" class="font-semibold text-sm">Active Developer</span></div></div></div></div><p style="color: rgb(255, 255, 255);" class="text-sm break-all"></p></div></div></div><a href="https://discord.com/users/576743016442626068" target="_blank" style="border-color: rgb(253, 255, 255); border-width: 3px; border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255);" class="p-1.5 pl-3 duration-300 flex hover:brightness-125 sm:w-fit w-full justify-center items-center text-sm font-semibold group whitespace-nowrap">Discord<svg style="fill: rgb(253, 255, 255);" xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 group-hover:translate-x-1 duration-300" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"></path></svg></a></div></div>
</div>
</div>
</div>
<script src="./scripts/star.js"></script>
<script src="./scripts/stupid.js"></script>
</body>
</html>