Update index2

This commit is contained in:
bot 2024-06-23 17:58:25 +02:00
parent 3474582b61
commit 4608614bbc
6 changed files with 268 additions and 89 deletions

BIN
img/amogus.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
img/jester.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
img/lawyer.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/miku.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/slime.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -1,12 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-US"> <html lang="en-US">
<head>
<head>
<link rel="stylesheet" href="/fnont/comic.css"> <link rel="stylesheet" href="/fnont/comic.css">
<style> <style>
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);
} }
body { body {
@ -18,34 +20,82 @@
position: fixed; position: fixed;
top: 10px; top: 10px;
left: 10px; left: 10px;
z-index: 10000;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
overflow-x: scroll; overflow-x: scroll;
background-color: var(--color1);
} }
td, th { td,
padding:10px; th {
padding: 10px;
border: 1px solid var(--color2); border: 1px solid var(--color2);
} }
*:has(> img) {
background: url(data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY=);
/*background-color: white;*/
filter: contrast(var(--fry));
image-rendering: crisp-edges;
}
img {
mix-blend-mode: soft-light;
background: white;
isolation: isolate;
}
img.rotate {
animation: 3s ease-in-out 1s rotate infinite;
}
@keyframes rotate {
0% {
transform: rotate3d(0);
}
50% {
transform: rotate3d(1, 1, 0, 180deg);
}
100% {
transform: rotate3d(0);
}
}
.background {
background-color: var(--color1);
}
</style> </style>
</head> </head>
<body>
<body>
<details id="theme-customizer"> <details id="theme-customizer">
<summary>Customize your theme</summary> <summary>Customize your theme</summary>
<div> <div>
<input id="color1" type="color" oninput="setColor(1, this.value)"> <input id="color1" type="color" oninput="setColor(1, this.value)">
<input id="color2" type="color" oninput="setColor(2, this.value)"> <input id="color2" type="color" oninput="setColor(2, this.value)">
<input id="fry" type="range" min="1" max="20" oninput="setFry(this.value)">
</div> </div>
</details> </details>
<div class="background">
<h1>Cronge Studios</h1> <h1>Cronge Studios</h1>
</div>
<div class="background">
<h2><i>REDESIGNED (Revision 2)</i></h2> <h2><i>REDESIGNED (Revision 2)</i></h2>
</div>
<br> <br>
<h2>TEAM</h2> <div class="background">
<h2>Crewmates</h2>
</div>
<table style="width:100%;"> <table style="width:100%;">
<thead> <thead>
<tr> <tr>
@ -61,12 +111,23 @@
<tbody> <tbody>
<tr> <tr>
<th>Image</th> <th>Image</th>
<td><img src="https://i.imgflip.com/5c02mv.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/IKi9_tdSveIAAAAi/miku-hatsune.gif" width="256" height="256"></td>
<td><img src="https://media.tenor.com/ZfVdtde6BUsAAAAM/rimuru-rimuru-tempest.gif" width="256"
height="256"></td>
<td><img src="https://place-hold.it/256"></td> <td><img src="https://place-hold.it/256"></td>
<td><img src="https://place-hold.it/256"></td> <td><img src="https://media1.tenor.com/m/1y8zDc-ll-EAAAAd/3d-saul-saul-goodman.gif" width="256"
<td><img src="https://place-hold.it/256"></td> height="256"></td>
<td><img src="https://place-hold.it/256"></td> </tr>
<td><img src="https://place-hold.it/256"></td> <tr>
<td><img src="https://place-hold.it/256"></td> <th>Alias</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> </tr>
<tr> <tr>
<th>Role</th> <th>Role</th>
@ -86,6 +147,117 @@
<td>cody@cringe-studios.com</td> <td>cody@cringe-studios.com</td>
<td>jd@cringe-studios.com</td> <td>jd@cringe-studios.com</td>
</tr> </tr>
<tr>
<th>Sub-Page</th>
<td>https://arrayser.cringe-studios.com/</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>GitHub</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Cringe Studios Git</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Favorite OS</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Favorite Song</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Favorite Bean</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Favorite Video Game</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Favorite Programming Language</th>
<td><img src="https://nsfw.cringe-studios.com/C.png" width="256" height="256"></td>
<td><img src=" https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/115px-Python-logo-notext.svg.png"
width="256" height="256"></td>
<td><img src="https://nsfw.cringe-studios.com/java.png" width="256" height="256"></td>
<td></td>
<td><img src="https://xmission.com/blog/wp-content/uploads/2017/08/best-wordpress-plugins-2014.jpg"
width="256" height="256">
</td>
<td></td>
</tr>
<tr>
<th>Favorite Password</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Quote</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Do you like spreadsheets?</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>Flex</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody> </tbody>
</table> </table>
@ -98,12 +270,19 @@
document.getElementById("color" + n).value = color; document.getElementById("color" + n).value = color;
} }
function setFry(n) {
document.documentElement.style.setProperty("--fry", n);
document.getElementById("fry").value = n;
}
function randomColor() { function randomColor() {
return '#' + (Math.random() * 0xFFFFFF >> 0).toString(16); return '#' + (Math.random() * 0xFFFFFF >> 0).toString(16);
} }
setColor(1, '#FFFF00'); setColor(1, '#FFFF00');
setColor(2, '#FF0000'); setColor(2, '#FF0000');
setFry(10);
</script> </script>
</body> </body>
</html> </html>