first commit

This commit is contained in:
alyx 2026-01-07 22:53:21 +01:00
commit 62fe0f2135
3 changed files with 119 additions and 0 deletions

74
css/style.css Normal file
View File

@ -0,0 +1,74 @@
body {
background-color: #161618;
font-family: "Noto Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.vtubegay-logo {
width: 50%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 10em;
text-align: center;
}
.cta {
color: #f2f5f4;
width: auto;
height: auto;
display: flex;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content: center;
text-decoration: none;
font-size: 2rem;
}
.discord {
width: auto;
height: auto;
display: flex;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content: center;
text-decoration: none;
}
.discord-logo {
width: 3em;
height: auto;
display: flex;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #5865f2;
}
.discord-logo:hover {
color: #f2f5f4;
}
.footer {
color: #f2f5f4;
text-align: center;
margin: 25px auto;
margin-top: 20px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
.footer small {
font-size: 0.3em;
}

BIN
i/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

45
index.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<title>VTube.gay 🌈</title>
</head>
<body>
<div class="vtubegay-logo">
<img class="vtubegay-logo" src="./i/logo.png" />
</div>
<div class="cta">
<p>
You want [yourusername].vtube.gay as your Bluesky username? <br>
Message me on <a href="https://link.jaxoff.tv" target="_blank">Social Media</a>! :3
</p>
</div>
<div class="discord">
<a href="https://discord.com/invite/ThVZHqvXnD" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="discord-logo" fill="currentColor"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M524.5 133.8C524.3 133.5 524.1 133.2 523.7 133.1C485.6 115.6 445.3 103.1 404 96C403.6 95.9 403.2 96 402.9 96.1C402.6 96.2 402.3 96.5 402.1 96.9C396.6 106.8 391.6 117.1 387.2 127.5C342.6 120.7 297.3 120.7 252.8 127.5C248.3 117 243.3 106.8 237.7 96.9C237.5 96.6 237.2 96.3 236.9 96.1C236.6 95.9 236.2 95.9 235.8 95.9C194.5 103 154.2 115.5 116.1 133C115.8 133.1 115.5 133.4 115.3 133.7C39.1 247.5 18.2 358.6 28.4 468.2C28.4 468.5 28.5 468.7 28.6 469C28.7 469.3 28.9 469.4 29.1 469.6C73.5 502.5 123.1 527.6 175.9 543.8C176.3 543.9 176.7 543.9 177 543.8C177.3 543.7 177.7 543.4 177.9 543.1C189.2 527.7 199.3 511.3 207.9 494.3C208 494.1 208.1 493.8 208.1 493.5C208.1 493.2 208.1 493 208 492.7C207.9 492.4 207.8 492.2 207.6 492.1C207.4 492 207.2 491.8 206.9 491.7C191.1 485.6 175.7 478.3 161 469.8C160.7 469.6 160.5 469.4 160.3 469.2C160.1 469 160 468.6 160 468.3C160 468 160 467.7 160.2 467.4C160.4 467.1 160.5 466.9 160.8 466.7C163.9 464.4 167 462 169.9 459.6C170.2 459.4 170.5 459.2 170.8 459.2C171.1 459.2 171.5 459.2 171.8 459.3C268 503.2 372.2 503.2 467.3 459.3C467.6 459.2 468 459.1 468.3 459.1C468.6 459.1 469 459.3 469.2 459.5C472.1 461.9 475.2 464.4 478.3 466.7C478.5 466.9 478.7 467.1 478.9 467.4C479.1 467.7 479.1 468 479.1 468.3C479.1 468.6 479 468.9 478.8 469.2C478.6 469.5 478.4 469.7 478.2 469.8C463.5 478.4 448.2 485.7 432.3 491.6C432.1 491.7 431.8 491.8 431.6 492C431.4 492.2 431.3 492.4 431.2 492.7C431.1 493 431.1 493.2 431.1 493.5C431.1 493.8 431.2 494 431.3 494.3C440.1 511.3 450.1 527.6 461.3 543.1C461.5 543.4 461.9 543.7 462.2 543.8C462.5 543.9 463 543.9 463.3 543.8C516.2 527.6 565.9 502.5 610.4 469.6C610.6 469.4 610.8 469.2 610.9 469C611 468.8 611.1 468.5 611.1 468.2C623.4 341.4 590.6 231.3 524.2 133.7zM222.5 401.5C193.5 401.5 169.7 374.9 169.7 342.3C169.7 309.7 193.1 283.1 222.5 283.1C252.2 283.1 275.8 309.9 275.3 342.3C275.3 375 251.9 401.5 222.5 401.5zM417.9 401.5C388.9 401.5 365.1 374.9 365.1 342.3C365.1 309.7 388.5 283.1 417.9 283.1C447.6 283.1 471.2 309.9 470.7 342.3C470.7 375 447.5 401.5 417.9 401.5z" /></svg>
</a>
</div>
<footer class="footer">
<br>
<hr>
<p>&copy; JaxOffTV
<script>document.write(new Date().getFullYear())</script>
<br>
<small>if u read this, ur gay ♥</small>
</p>
</footer>
</body>
</html>