Add space

This commit is contained in:
MrLetsplay 2025-02-14 21:27:56 +01:00
parent 0a5d2c2696
commit 1cf5345e1c
Signed by: mr
SSH Key Fingerprint: SHA256:92jBH80vpXyaZHjaIl47pjRq+Yt7XGTArqQg1V7hSqg

View File

@ -8,12 +8,13 @@
html { html {
background-color: var(--color1); background-color: var(--color1);
color: var(--color2); color: var(--color2);
background: url(https://cdn.pixabay.com/animation/2022/12/31/18/55/18-55-44-968_256.gif); /* background: url(https://cdn.pixabay.com/animation/2022/12/31/18/55/18-55-44-968_256.gif); */
} }
body { body {
text-align: center; text-align: center;
font-family: 'Comic Mono'; font-family: 'Comic Mono';
margin: 50px;
} }
#theme-customizer { #theme-customizer {
@ -23,6 +24,11 @@
z-index: 10000; z-index: 10000;
} }
#table-container {
width: 100%;
overflow-x: scroll;
}
table { table {
border-collapse: collapse; border-collapse: collapse;
overflow-x: scroll; overflow-x: scroll;
@ -69,10 +75,22 @@
.background { .background {
background-color: var(--color1); background-color: var(--color1);
} }
#space-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -100;
border: none;
outline: none;
}
</style> </style>
</head> </head>
<body> <body>
<iframe id="space-background" src="/space.html"></iframe>
<details id="theme-customizer"> <details id="theme-customizer">
<summary>Customize your theme</summary> <summary>Customize your theme</summary>
<div> <div>
@ -96,177 +114,186 @@
<h2>Crewmates</h2> <h2>Crewmates</h2>
</div> </div>
<table style="width:100%;"> <div id="table-container" class="background">
<thead> <table style="width:100%;">
<tr> <thead>
<th></th> <tr>
<th>TheArrayser</th> <th></th>
<th>Blobert</th> <th>TheArrayser</th>
<th>MrLetsplay</th> <th>Blobert</th>
<th>Akito123321</th> <th>MrLetsplay</th>
<th>JG-Cody</th> <th>Akito123321</th>
<th>JD</th> <th>JG-Cody</th>
</tr> <th>JD</th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<th>Image</th> <tr>
<td><img src="https://i.imgflip.com/5c02mv.gif" width="256" height="256"></td> <th>Image</th>
<td><img class="rotate" src="https://nsfw.cringe-studios.com/jester.gif"></td> <td><img src="https://i.imgflip.com/5c02mv.gif" width="256" height="256"></td>
<td><img src="https://media.tenor.com/IKi9_tdSveIAAAAi/miku-hatsune.gif" width="256" height="256"></td> <td><img class="rotate" src="https://nsfw.cringe-studios.com/jester.gif"></td>
<td><img src="https://media.tenor.com/ZfVdtde6BUsAAAAM/rimuru-rimuru-tempest.gif" width="256" <td><img src="https://media.tenor.com/IKi9_tdSveIAAAAi/miku-hatsune.gif" width="256" height="256">
height="256"></td> </td>
<td><img src="https://nsfw.cringe-studios.com/JG-Cody.gif"></td> <td><img src="https://media.tenor.com/ZfVdtde6BUsAAAAM/rimuru-rimuru-tempest.gif" width="256"
<td><img src="https://media1.tenor.com/m/1y8zDc-ll-EAAAAd/3d-saul-saul-goodman.gif" width="256" height="256"></td>
height="256"></td> <td><img src="https://nsfw.cringe-studios.com/JG-Cody.gif"></td>
</tr> <td><img src="https://media1.tenor.com/m/1y8zDc-ll-EAAAAd/3d-saul-saul-goodman.gif" width="256"
<tr> height="256"></td>
<th>Alias</th> </tr>
<td></td> <tr>
<td>Da Blob</td> <th>Alias</th>
<td>meeemster</td> <td></td>
<td>Master E</td> <td>Da Blob</td>
<td>Cody</td> <td>meeemster</td>
<td></td> <td>Master E</td>
</tr> <td>Cody</td>
<tr> <td></td>
<th>Role</th> </tr>
<td>Ex-CEO</td> <tr>
<td>Lead Jester</td> <th>Role</th>
<td>Chief Idiot</td> <td>Ex-CEO</td>
<td>Plank Supervisor</td> <td>Lead Jester</td>
<td>Head Designer</td> <td>Chief Idiot</td>
<td>Main Magistrate</td> <td>Plank Supervisor</td>
</tr> <td>Head Designer</td>
<tr> <td>Main Magistrate</td>
<th>E-Mail</th> </tr>
<td>arrayser@cringe-studios.com</td> <tr>
<td>blobert@cringe-studios.com</td> <th>E-Mail</th>
<td>mr@cringe-studios.com</td> <td>arrayser@cringe-studios.com</td>
<td>akito@cringe-studios.com</td> <td>blobert@cringe-studios.com</td>
<td>cody@cringe-studios.com</td> <td>mr@cringe-studios.com</td>
<td>jd@cringe-studios.com</td> <td>akito@cringe-studios.com</td>
</tr> <td>cody@cringe-studios.com</td>
<tr> <td>jd@cringe-studios.com</td>
<th>Sub-Page</th> </tr>
<td>https://arrayser.cringe-studios.com/</td> <tr>
<td>https://blobert.cringe-studios.com/</td> <th>Sub-Page</th>
<td>https://mr.cringe-studios.com/</td> <td>https://arrayser.cringe-studios.com/</td>
<td>https://akito.cringe-studios.com/</td> <td>https://blobert.cringe-studios.com/</td>
<td>https://cody.cringe-studios.com</td> <td>https://mr.cringe-studios.com/</td>
<td>N/A</td> <td>https://akito.cringe-studios.com/</td>
</tr> <td>https://cody.cringe-studios.com</td>
<tr> <td>N/A</td>
<th>GitHub</th> </tr>
<td>https://github.com/TheArrayser</td> <tr>
<td>https://github.com/JDobeshow</td> <th>GitHub</th>
<td>https://github.com/MrLetsplay2003</td> <td>https://github.com/TheArrayser</td>
<td>https://github.com/Akito123321</td> <td>https://github.com/JDobeshow</td>
<td>https://github.com/JG-Cody</td> <td>https://github.com/MrLetsplay2003</td>
<td>https://github.com/jonas-jd</td> <td>https://github.com/Akito123321</td>
</tr> <td>https://github.com/JG-Cody</td>
<tr> <td>https://github.com/jonas-jd</td>
<th>Cringe Studios Git</th> </tr>
<td>https://git.cringe-studios.com/TheArrayser</td> <tr>
<td>https://git.cringe-studios.com/blobert</td> <th>Cringe Studios Git</th>
<td>https://git.cringe-studios.com/mr</td> <td>https://git.cringe-studios.com/TheArrayser</td>
<td>https://git.cringe-studios.com/akito123321</td> <td>https://git.cringe-studios.com/blobert</td>
<td>https://git.cringe-studios.com/cody</td> <td>https://git.cringe-studios.com/mr</td>
<td>N/A</td> <td>https://git.cringe-studios.com/akito123321</td>
</tr> <td>https://git.cringe-studios.com/cody</td>
<tr> <td>N/A</td>
<th>Favorite OS</th> </tr>
<td>VAX/VMS</td> <tr>
<td>Arch Linsus</td> <th>Favorite OS</th>
<td>Linux From Scratch</td> <td>VAX/VMS</td>
<td>Windows</td> <td>Arch Linsus</td>
<td>Fedora Linux</td> <td>Linux From Scratch</td>
<td></td> <td>Windows</td>
</tr> <td>Fedora Linux</td>
<tr> <td></td>
<th>Favorite Song</th> </tr>
<td>Speedy Speed Boy</td> <tr>
<td>I can only count to FOUR</td> <th>Favorite Song</th>
<td>Among Us Trap Remix</td> <td>Speedy Speed Boy</td>
<td>Voices In My Head</td> <td>I can only count to FOUR</td>
<td>Skillet Monster</td> <td>Among Us Trap Remix</td>
<td></td> <td>Voices In My Head</td>
</tr> <td>Skillet Monster</td>
<tr> <td></td>
<th>Favorite Bean</th> </tr>
<td>Kidney Bean</td> <tr>
<td>Red Jelly Bean</td> <th>Favorite Bean</th>
<td>Aperture Science Computer-Aided Enrichment Center Beans</td> <td>Kidney Bean</td>
<td>13606 Bean</td> <td>Red Jelly Bean</td>
<td>Mr. Bean</td> <td>Aperture Science Computer-Aided Enrichment Center Beans</td>
<td></td> <td>13606 Bean</td>
</tr> <td>Mr. Bean</td>
<tr> <td></td>
<th>Favorite Video Game</th> </tr>
<td>Amogus</td> <tr>
<td>Boulder's Gate 3</td> <th>Favorite Video Game</th>
<td>Kekmania</td> <td>Amogus</td>
<td>RL</td> <td>Boulder's Gate 3</td>
<td>Halo</td> <td>Kekmania</td>
<td></td> <td>RL</td>
</tr> <td>Halo</td>
<tr> <td></td>
<th>Favorite Programming Language</th> </tr>
<td><img src="https://nsfw.cringe-studios.com/C.png" width="256" height="256"></td> <tr>
<td><img src="https://nsfw.cringe-studios.com/iu.png" width="256" height="256"></td> <th>Favorite Programming Language</th>
<td><img src="https://nsfw.cringe-studios.com/java.png" width="256" height="256"></td> <td><img src="https://nsfw.cringe-studios.com/C.png" width="256" height="256"></td>
<td><img src="https://search.cringe-studios.com/image_proxy?url=https%3A%2F%2Fwww.kindpng.com%2Fpicc%2Fm%2F198-1984828_java-icon-transparent-hd-png-download.png&h=25dd9904a70740d7961c49db538c0e99e73693d062a26a32fbfcfa1713928223" width="256" height="256"></td> <td><img src="https://nsfw.cringe-studios.com/iu.png" width="256" height="256"></td>
<td><img src="https://xmission.com/blog/wp-content/uploads/2017/08/best-wordpress-plugins-2014.jpg" <td><img src="https://nsfw.cringe-studios.com/java.png" width="256" height="256"></td>
width="256" height="256"> <td><img src="https://search.cringe-studios.com/image_proxy?url=https%3A%2F%2Fwww.kindpng.com%2Fpicc%2Fm%2F198-1984828_java-icon-transparent-hd-png-download.png&h=25dd9904a70740d7961c49db538c0e99e73693d062a26a32fbfcfa1713928223"
</td> width="256" height="256"></td>
<td></td> <td><img src="https://xmission.com/blog/wp-content/uploads/2017/08/best-wordpress-plugins-2014.jpg"
</tr> width="256" height="256">
<tr> </td>
<th>Favorite Password</th> <td></td>
<td> </tr>
<div style="word-break: break-all;"> <tr>
DjszY5W&amp;Zh3^QvCpgCEH9CEC!3$G*gqaBaY4pnXB6BwpAQ#Zj8G96EGeLjAbGkea%CUejLUsV9bs$n92Mg^t!*C5CSz$Gy9u*t!j3cuqDG!A8#XEs6%g5^*TXmV%U@8VrRs3z9hTg9eetFp!Lb6i8nw7KSwnsmLJ2PwnCWYnYniateHm7Mu$FxDA4NfyAfy5BtouU4RZiPd%vAxJ4*wM8AZ#MUKy3YQRHfqX*$JTWwB9%hf^7j#5nC8Ehg6wrwMj <th>Favorite Password</th>
</div> <td>
</td> <div style="word-break: break-all;">
<td><div style="word-break: break-all;">c184719e296d9f812f353ff74779ae3a2f340bc43078ae449131207edeb3605a</div></td> DjszY5W&amp;Zh3^QvCpgCEH9CEC!3$G*gqaBaY4pnXB6BwpAQ#Zj8G96EGeLjAbGkea%CUejLUsV9bs$n92Mg^t!*C5CSz$Gy9u*t!j3cuqDG!A8#XEs6%g5^*TXmV%U@8VrRs3z9hTg9eetFp!Lb6i8nw7KSwnsmLJ2PwnCWYnYniateHm7Mu$FxDA4NfyAfy5BtouU4RZiPd%vAxJ4*wM8AZ#MUKy3YQRHfqX*$JTWwB9%hf^7j#5nC8Ehg6wrwMj
<td>p4$$w0rd</td> </div>
<td>3x5GNQ5p^2*s%kLbDBZ&amp;DPCj*@wS&amp;mfM</td> </td>
<td>********</td> <td>
<td></td> <div style="word-break: break-all;">
</tr> c184719e296d9f812f353ff74779ae3a2f340bc43078ae449131207edeb3605a
<tr> </div>
<th>Quote</th> </td>
<td>"Amogus!"</td> <td>p4$$w0rd</td>
<td>"Nein"</td> <td>3x5GNQ5p^2*s%kLbDBZ&amp;DPCj*@wS&amp;mfM</td>
<td>"\""</td> <td>********</td>
<td>"Hab ich noch 'nen PP-Wish?"</td> <td></td>
<td>"hab hier nix zu sagen&#129315;"</td> </tr>
<td></td> <tr>
</tr> <th>Quote</th>
<tr> <td>"Amogus!"</td>
<th>Do you like spreadsheets?</th> <td>"Nein"</td>
<td>TRUE</td> <td>"\""</td>
<td>Yes, I ues them to count my money</td> <td>"Hab ich noch 'nen PP-Wish?"</td>
<td>perchance</td> <td>"hab hier nix zu sagen&#129315;"</td>
<td>-</td> <td></td>
<td>yep</td> </tr>
<td></td> <tr>
</tr> <th>Do you like spreadsheets?</th>
<tr> <td>TRUE</td>
<th>Flex</th> <td>Yes, I ues them to count my money</td>
<td><iframe src="https://arrayser.cringe-studios.com" width="256" height="256"></iframe></td> <td>perchance</td>
<td></td> <td>-</td>
<td> <td>yep</td>
<div id="mrFlex"></div> <td></td>
<script src="mr/index-flex/flex.js"></script> </tr>
<link rel="stylesheet" href="mr/index-flex/flex.css"> <tr>
</td> <th>Flex</th>
<td><img src="https://nsfw.cringe-studios.com/flex2.png" width="256" height="256"></td> <td><iframe src="https://arrayser.cringe-studios.com" width="256" height="256"></iframe></td>
<td><a href="https://jg-cody.de/" target="_blank"><img src="https://nsfw.cringe-studios.com/Flex.gif"></a></td> <td></td>
<td></td> <td>
</tr> <div id="mrFlex"></div>
</tbody> <script src="mr/index-flex/flex.js"></script>
</table> <link rel="stylesheet" href="mr/index-flex/flex.css">
</td>
<td><img src="https://nsfw.cringe-studios.com/flex2.png" width="256" height="256"></td>
<td><a href="https://jg-cody.de/" target="_blank"><img
src="https://nsfw.cringe-studios.com/Flex.gif"></a></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<script> <script>
let color1 = document.getElementById("color1"); let color1 = document.getElementById("color1");