273 lines
13 KiB
HTML
273 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>GalaxySpin.Space</title>
|
|
<link rel="stylesheet" href="chat.css">
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Courier New', Courier, 'Liberation Mono', 'Consolas', monospace;
|
|
background: #0b0d0e;
|
|
color: #fff;
|
|
min-height: 100vh;
|
|
position: relative;
|
|
}
|
|
|
|
/* Starfield */
|
|
.starfield {
|
|
position: fixed;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
|
|
.star {
|
|
position: absolute;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
animation: twinkle var(--duration) ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes twinkle {
|
|
|
|
0%,
|
|
100% {
|
|
opacity: var(--opacity);
|
|
}
|
|
|
|
50% {
|
|
opacity: calc(var(--opacity) * 0.3);
|
|
}
|
|
}
|
|
|
|
/* Scanlines overlay */
|
|
.scanlines {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 4px);
|
|
pointer-events: none;
|
|
z-index: 100;
|
|
}
|
|
|
|
/* Container */
|
|
.container {
|
|
position: relative;
|
|
z-index: 10;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.parallax-content {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
max-width: 800px;
|
|
}
|
|
|
|
/* Title */
|
|
.title {
|
|
font-size: clamp(2rem, 8vw, 5rem);
|
|
font-weight: 700;
|
|
background: linear-gradient(90deg, #00d4ff, #be3eea);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 0.5rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
.tagline {
|
|
font-size: 1.1rem;
|
|
color: #5b77d1;
|
|
letter-spacing: 0.3em;
|
|
text-transform: uppercase;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
/* Notification */
|
|
.notification-wrapper {
|
|
width: 100%;
|
|
margin-bottom: 3rem;
|
|
padding: 0;
|
|
}
|
|
|
|
.notification {
|
|
background: rgba(190, 62, 234, 0.1);
|
|
border: 1px solid #be3eea;
|
|
border-radius: 8px;
|
|
padding: 1.5rem;
|
|
color: #fff;
|
|
font-size: 1.1rem;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
line-height: 1.4;
|
|
max-width: 700px;
|
|
margin: 0 auto;
|
|
box-shadow: 0 0 20px rgba(190, 62, 234, 0.15);
|
|
}
|
|
|
|
/* Main links */
|
|
.main-link {
|
|
width: 200px;
|
|
height: 180px;
|
|
border: 2px solid #be3eea;
|
|
border-radius: 8px;
|
|
margin: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.3s;
|
|
background: rgba(11, 13, 14, 0.8);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.main-link:hover {
|
|
border-color: #00d4ff;
|
|
box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
|
|
transform: scale(1.02);
|
|
}
|
|
|
|
.links-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: 2rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.main-link img,
|
|
.main-link svg {
|
|
max-width: 120px;
|
|
max-height: 120px;
|
|
object-fit: contain;
|
|
}
|
|
|
|
/* Attribution */
|
|
.attribution {
|
|
margin-top: 2rem;
|
|
color: #7f8484;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.attribution a,
|
|
.footer a {
|
|
color: #be3eea;
|
|
text-decoration: none;
|
|
transition: color 0.3s;
|
|
}
|
|
|
|
.attribution a:hover,
|
|
.footer a:hover {
|
|
color: #00d4ff;
|
|
}
|
|
|
|
/* Footer */
|
|
.footer {
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer a {
|
|
color: #5b77d1;
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 600px) {
|
|
.container {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.main-link {
|
|
width: 160px;
|
|
height: 150px;
|
|
}
|
|
|
|
.main-link img {
|
|
max-width: 100px;
|
|
max-height: 100px;
|
|
}
|
|
|
|
.tagline {
|
|
letter-spacing: 0.15em;
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body data-ws-url="">
|
|
<div class="starfield" id="starfield"></div>
|
|
<div class="scanlines"></div>
|
|
|
|
<div class="container">
|
|
<div class="parallax-content">
|
|
<h1 class="title">GalaxySpin.Space</h1>
|
|
<p class="tagline">Welcome to the experience!</p>
|
|
|
|
<div class="notification-wrapper">
|
|
<div class="notification">
|
|
▶ Notice to all users: temporal fluctuations may occur during extended usage. Please report any
|
|
space time distortions or temporal paradoxes to administrators immediately. ◀
|
|
</div>
|
|
</div>
|
|
|
|
<div class="links-container">
|
|
<a href="https://jfin.galaxyspin.space" class="main-link" target="_blank" rel="noopener" aria-label="Jellyfin"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512" width="80" height="80"><linearGradient id="jf-a" x1="97.508" x2="522.069" y1="308.135" y2="63.019" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#aa5cc3"/><stop offset="1" style="stop-color:#00a4dc"/></linearGradient><path d="M256 196.2c-22.4 0-94.8 131.3-83.8 153.4s156.8 21.9 167.7 0-61.3-153.4-83.9-153.4" style="fill:url(#jf-a)"/><linearGradient id="jf-b" x1="94.193" x2="518.754" y1="302.394" y2="57.278" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#aa5cc3"/><stop offset="1" style="stop-color:#00a4dc"/></linearGradient><path d="M256 0C188.3 0-29.8 395.4 3.4 462.2s472.3 66 505.2 0S323.8 0 256 0m165.6 404.3c-21.6 43.2-309.3 43.8-331.1 0S211.7 101.4 256 101.4 443.2 361 421.6 404.3" style="fill:url(#jf-b)"/></svg></a>
|
|
<a href="https://seerr.galaxyspin.space" class="main-link" target="_blank" rel="noopener" aria-label="Jellyseerr"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 449 449" width="80" height="80"><linearGradient id="js-ja" x1="-2254.016" x2="-2267.51" y1="-2831.433" y2="-2961.618" gradientTransform="matrix(1.75 0 0 -1.75 4099.705 -4631.96)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#502d95"/><stop offset=".1" style="stop-color:#6d37ac"/><stop offset=".57" style="stop-color:#6786d1"/></linearGradient><path d="m170.9 314-27-6s-6.2 39.6-8.6 59.5c-3.8 32.1-8.4 76.5-6.6 110.5 2 37.4 12.2 73.4 15.6 73.4s-1.8-22.9.5-73.3c1.5-33.6 7.1-74 13.8-110.5 3.3-18 12.9-53.4 12.9-53.4h-.6z" style="fill:url(#js-ja)"/><linearGradient id="js-jb" x1="-2175.81" x2="-2189.303" y1="-2839.483" y2="-2969.721" gradientTransform="matrix(1.75 0 0 -1.75 4099.705 -4631.96)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#502d95"/><stop offset=".1" style="stop-color:#6d37ac"/><stop offset=".57" style="stop-color:#6786d1"/></linearGradient><path d="M284.8 311.2h8.3c11.1 41.4 13.2 101.1 10.8 146.1-2.6 49.5-16.2 97.2-20.6 97.2s2.4-30.3-.7-97.1C280.4 412.9 271 371 270 311.2z" style="fill:url(#js-jb)"/><linearGradient id="js-jc" x1="-1831.757" x2="-1831.757" y1="-2576.996" y2="-2695.45" gradientTransform="matrix(2.12 0 0 -2.12 4199.46 -5137.32)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#763dcd"/><stop offset=".22" style="stop-color:#8d61eb"/><stop offset=".37" style="stop-color:#8c86ec"/><stop offset=".64" style="stop-color:#748ce8"/><stop offset=".9" style="stop-color:#6ba1e6"/></linearGradient><path d="M309.8 181.6h13.3c17.8 66.2 26.1 161.9 22.2 234-4.2 79.4-25.9 155.7-33.1 155.7s3.8-48.6-1.1-155.6c-3.3-71.4-23.5-138.4-25.1-234.2z" style="fill:url(#js-jc)"/><linearGradient id="js-jd" x1="-1891.134" x2="-1891.134" y1="-2576.996" y2="-2695.45" gradientTransform="matrix(2.12 0 0 -2.12 4199.46 -5137.32)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#763dcd"/><stop offset=".22" style="stop-color:#8d61eb"/><stop offset=".37" style="stop-color:#8c86ec"/><stop offset=".64" style="stop-color:#748ce8"/><stop offset=".9" style="stop-color:#6ba1e6"/></linearGradient><path d="M196.6 180.1h-13.3c-17.8 66.2-26.1 161.9-22.2 234 4.2 79.4 25.9 155.7 33.1 155.7s-3.8-48.6 1.1-155.6c3.3-71.4 23.5-138.4 25.1-234.2h-23.8z" style="fill:url(#js-jd)"/><linearGradient id="js-je" x1="-1922.004" x2="-1922.004" y1="-2576.996" y2="-2695.45" gradientTransform="matrix(2.12 0 0 -2.12 4199.46 -5137.32)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#763dcd"/><stop offset=".22" style="stop-color:#8d61eb"/><stop offset=".37" style="stop-color:#8c86ec"/><stop offset=".64" style="stop-color:#748ce8"/><stop offset=".9" style="stop-color:#6ba1e6"/></linearGradient><path d="m155.6 150-30.2-10.8s-11.1 70.7-15.3 106.2c-6.7 57.3-20 136.6-16.7 197.3 3.6 66.8 21.8 131.1 27.8 131.1s-3.2-40.9 1-131c2.8-60.1 21.2-117 27.4-197.4 2.5-31.9 7.3-95.5 7.3-95.5z" style="fill:url(#js-je)"/><linearGradient id="js-jf" x1="-1862.421" x2="-1862.421" y1="-2576.996" y2="-2695.45" gradientTransform="matrix(2.12 0 0 -2.12 4199.46 -5137.32)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#763dcd"/><stop offset=".22" style="stop-color:#8d61eb"/><stop offset=".37" style="stop-color:#8c86ec"/><stop offset=".64" style="stop-color:#748ce8"/><stop offset=".9" style="stop-color:#6ba1e6"/></linearGradient><path d="m255.5 181.6-27.3 4.6s3.6 53 3.6 83.1c0 48.9 1.9 98.2 1.8 149.5-.2 58.9 9.7 157.6 14.8 157.6s21.7-127 25.2-203c2.3-50.7-5.2-95.1-6.5-125.4-1.2-27-5-63.4-5-63.4z" style="fill:url(#js-jf)"/><linearGradient id="js-jg" x1="-1735.548" x2="-1586.936" y1="-2673.095" y2="-2838.19" gradientTransform="matrix(1.79 0 0 -1.79 3246.155 -4657.91)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#c395fc"/><stop offset="1" style="stop-color:#4f65f5"/></linearGradient><path d="M405.8 197.7c0 68.8-11.7 73-30.8 102.1-13.8 20.9 14.1 37.1 2.9 42.9-13.3 6.9-9.1-5.6-35.6-12.7-11.5-3-36.5.3-46.6 2.3-10 1.9-40.6-15.1-48.7-17.3-12.1-3.3-41.8 12.5-59.9 12.5s-37-15.8-61.1-9.3c-28.6 7.7-63.1 26.3-68.3 20.2-10-11.7 21.9-20.6 10-41.4-7.5-13.2-33.4-47.9-34.2-83-2.4-112.8 91-208.1 191.1-208.1s181.1 86.8 181.1 183.9" style="fill:url(#js-jg)"/></svg></a>
|
|
<a href="https://books.galaxyspin.space" class="main-link" target="_blank" rel="noopener" aria-label="AudioBookShelf"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1235.7 1235.4" width="80" height="80"><linearGradient id="abs-grad" gradientUnits="userSpaceOnUse" x1="617.37" y1="1257.3" x2="617.37" y2="61.44" gradientTransform="matrix(1 0 0 -1 0 1278)"><stop offset="0.32" style="stop-color:#CD9D49"/><stop offset="0.99" style="stop-color:#875D27"/></linearGradient><circle style="fill:url(#abs-grad)" cx="617.4" cy="618.6" r="597.9"/><path style="fill:#FFFFFF" d="M1005.6,574.1c-4.8-4-12.4-10-22.6-17v-79.2c0-201.9-163.7-365.6-365.6-365.6l0,0 c-201.9,0-365.6,163.7-365.6,365.6v79.2c-10.2,7-17.7,13-22.6,17c-4.1,3.4-6.5,8.5-6.5,13.9v94.9c0,5.4,2.4,10.5,6.5,14 c11.3,9.4,37.2,29.1,77.5,49.3v9.2c0,24.9,16,45,35.8,45l0,0c19.8,0,35.8-20.2,35.8-45V527.8c0-24.9-16-45-35.8-45l0,0 c-19,0-34.5,18.5-35.8,41.9h-0.1v-46.9c0-171.6,139.1-310.7,310.7-310.7l0,0C789,167.2,928,306.3,928,477.9v46.9H928 c-1.3-23.4-16.8-41.9-35.8-41.9l0,0c-19.8,0-35.8,20.2-35.8,45v227.6c0,24.9,16,45,35.8,45l0,0c19.8,0,35.8-20.2,35.8-45v-9.2 c40.3-20.2,66.2-39.9,77.5-49.3c4.2-3.5,6.5-8.6,6.5-14V588C1012.1,582.6,1009.7,577.5,1005.6,574.1z"/><path style="fill:#FFFFFF" d="M489.9,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3h-44.7 c-23.9,0-43.3,19.4-43.3,43.3v484.8c0,23.9,19.4,43.3,43.3,43.3L489.9,969.7z M418.2,514.6h98.7v10.3h-98.7V514.6z"/><path style="fill:#FFFFFF" d="M639.7,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3H595c-23.9,0-43.3,19.4-43.3,43.3 v484.8c0,23.9,19.4,43.3,43.3,43.3H639.7z M568,514.6h98.7v10.3H568V514.6z"/><path style="fill:#FFFFFF" d="M789.6,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3h-44.7 c-23.9,0-43.3,19.4-43.3,43.3v484.8c0,23.9,19.4,43.3,43.3,43.3L789.6,969.7z M717.9,514.6h98.7v10.3h-98.7V514.6z"/><path style="fill:#FFFFFF" d="M327.1,984.7h580.5c18,0,32.6,14.6,32.6,32.6v0c0,18-14.6,32.6-32.6,32.6H327.1c-18,0-32.6-14.6-32.6-32.6v0 C294.5,999.3,309.1,984.7,327.1,984.7z"/></svg></a>
|
|
</div>
|
|
|
|
<p class="attribution">
|
|
brought to you by <a href="https://gravitywell.xyz" target="_blank" rel="noopener">GravityWell Services</a>
|
|
</p>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<a href="https://zombo.com" target="_blank" rel="noopener">You can do anything!</a>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
(function () {
|
|
var starfield = document.getElementById('starfield');
|
|
if (starfield) {
|
|
for (var i = 0; i < 75; i++) {
|
|
var star = document.createElement('div');
|
|
star.className = 'star';
|
|
var size = Math.random() * 2 + 1;
|
|
star.style.cssText = 'width: ' + size + 'px; height: ' + size + 'px; left: ' + (Math.random() * 100) + '%; top: ' + (Math.random() * 100) + '%; --duration: ' + (Math.random() * 3 + 2) + 's; --opacity: ' + (Math.random() * 0.7 + 0.3) + ';';
|
|
starfield.appendChild(star);
|
|
}
|
|
}
|
|
})();
|
|
</script>
|
|
<script src="chat.js"></script>
|
|
</body>
|
|
|
|
</html>
|