New index coming soon
This commit is contained in:
parent
7df89926b7
commit
a7d9b25e69
36
index2.html
Normal file
36
index2.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<style>
|
||||
html {
|
||||
background-color: var(--color1);
|
||||
color: var(--color2);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<details>
|
||||
<summary>Customize your theme</summary>
|
||||
<div>
|
||||
<input id="color1" type="color" oninput="setColor(1, this.value)">
|
||||
<input id="color2" type="color" oninput="setColor(2, this.value)">
|
||||
</div>
|
||||
</details>
|
||||
<script>
|
||||
let color1 = document.getElementById("color1");
|
||||
let color2 = document.getElementById("color2");
|
||||
|
||||
function setColor(n, color) {
|
||||
document.documentElement.style.setProperty("--color" + n, color);
|
||||
document.getElementById("color" + n).value = color;
|
||||
}
|
||||
|
||||
function randomColor() {
|
||||
return '#' + (Math.random() * 0xFFFFFF >> 0).toString(16);
|
||||
}
|
||||
|
||||
setColor(1, randomColor());
|
||||
setColor(2, randomColor());
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
64
index_new.html
Normal file
64
index_new.html
Normal file
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Home of the Cringos!">
|
||||
<meta property="og:image" content="https://nsfw.cringe-studios.com/grimacing.png">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://cringe-studios.com/">
|
||||
<meta property="og:title" content="¢яιηgє $тυ∂ισѕ Official Website">
|
||||
<meta property="og:description" content="Home of the Cringos!">
|
||||
|
||||
<title>¢яιηgє $тυ∂ισѕ</title>
|
||||
<link rel="icon" href="https://nsfw.cringe-studios.com/Untitled.png">
|
||||
<link rel="stylesheet" href="/fnont/comic.css">
|
||||
|
||||
<script src="special/new-year.js" defer></script>
|
||||
<script src="special/april-fools.js" defer></script>
|
||||
|
||||
<style>
|
||||
.index {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
outline: none;
|
||||
border: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#slider {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
let indexes = document.getElementsByClassName("index");
|
||||
|
||||
function slide(v) {
|
||||
for(let i of indexes) {
|
||||
i.style.display = "none";
|
||||
}
|
||||
|
||||
let e = document.querySelector(".index[data-index=\"" + v + "\"]");
|
||||
if(e) e.style.display = "unset";
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="fireworks" style="pointer-events: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;">
|
||||
<canvas id="fireworks-canvas"></canvas>
|
||||
</div>
|
||||
<iframe class="index" data-index="0" src="index.html"></iframe>
|
||||
<iframe class="index" data-index="1" src="index2.html"></iframe>
|
||||
<div id="slider">
|
||||
<div>Revision</div>
|
||||
<input type="range" min="0" max="1" value="10" oninput="slide(this.value)" class="slide">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user