summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsoaos <soaos@soaos.dev>2025-08-24 03:57:47 -0400
committersoaos <soaos@soaos.dev>2025-08-24 03:57:47 -0400
commitfd13a7095e8a52b67bcbbc56e8ac0c2ee21376dc (patch)
tree6c685181e04e669680fb34a8986dd56cdd64438f
parent945a9699f29d869faf64e57f6fc994998730afce (diff)
hell page development + heaven page creation
Diffstat
-rw-r--r--heaven/angel.gifbin0 -> 6866 bytes
-rw-r--r--heaven/angel2.gifbin0 -> 89484 bytes
-rw-r--r--heaven/angel3.gifbin0 -> 8610 bytes
-rw-r--r--heaven/bg.jpgbin0 -> 53321 bytes
-rw-r--r--heaven/everytime_we_touch_nightcore.oggbin0 -> 1946392 bytes
-rw-r--r--heaven/heaven.css24
-rw-r--r--heaven/index.html31
-rw-r--r--hell/bigguy.gif (renamed from hell/big guy.gif)bin11228 -> 11228 bytes
-rw-r--r--hell/hell.css41
-rw-r--r--hell/hellisreal.gif (renamed from hell/hell is real.gif)bin59555 -> 59555 bytes
-rw-r--r--hell/index.html95
-rw-r--r--hell/obama.gifbin3435382 -> 1532992 bytes
-rw-r--r--hell/redfire.gifbin22194 -> 21997 bytes
-rw-r--r--hell/torch.gifbin8320 -> 7960 bytes
-rw-r--r--hell/wolves.oggbin906021 -> 0 bytes
-rw-r--r--style.css42
16 files changed, 179 insertions, 54 deletions
diff --git a/heaven/angel.gif b/heaven/angel.gif
new file mode 100644
index 0000000..1c591e8
--- /dev/null
+++ b/heaven/angel.gif
Binary files differ
diff --git a/heaven/angel2.gif b/heaven/angel2.gif
new file mode 100644
index 0000000..54adc92
--- /dev/null
+++ b/heaven/angel2.gif
Binary files differ
diff --git a/heaven/angel3.gif b/heaven/angel3.gif
new file mode 100644
index 0000000..e6aedcb
--- /dev/null
+++ b/heaven/angel3.gif
Binary files differ
diff --git a/heaven/bg.jpg b/heaven/bg.jpg
new file mode 100644
index 0000000..91a9238
--- /dev/null
+++ b/heaven/bg.jpg
Binary files differ
diff --git a/heaven/everytime_we_touch_nightcore.ogg b/heaven/everytime_we_touch_nightcore.ogg
new file mode 100644
index 0000000..3ac875d
--- /dev/null
+++ b/heaven/everytime_we_touch_nightcore.ogg
Binary files differ
diff --git a/heaven/heaven.css b/heaven/heaven.css
new file mode 100644
index 0000000..5968745
--- /dev/null
+++ b/heaven/heaven.css
@@ -0,0 +1,24 @@
+html {
+ background: url("bg.jpg");
+ background-attachment: fixed;
+ background-size: cover;
+ image-rendering: pixelated;
+}
+
+#heavenly-host {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: -999;
+ background-image: url("angel.gif");
+ background-size: 128px 128px;
+ opacity: 0.25;
+ --pan: 128px -128px;
+ animation: pan linear 3s infinite;
+}
+
+.section {
+ background-color: rgba(from var(--bg-yellow) r g b / 0.5);
+}
diff --git a/heaven/index.html b/heaven/index.html
new file mode 100644
index 0000000..e8b40b1
--- /dev/null
+++ b/heaven/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <title>hell</title>
+ <link rel="icon" href="smallfire.gif">
+ <link rel="preload" href="/assets/unifont.woff2" as="font" type="font/woff2">
+ <link rel="preload" href="/assets/unifont_upper.woff2" as="font" type="font/woff2">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="stylesheet" href="heaven.css">
+ <meta charset="UTF-8">
+</head>
+
+<body>
+ <div id="heavenly-host"></div>
+ <div class="centered">
+ <details class="holy">
+ <summary>🕊🕊🕊
+ (please enable autoplay to hear music lol)</summary>
+ <audio autoplay loop controls>
+ <source src="everytime_we_touch_nightcore.ogg">
+ </audio>
+ </details>
+ <h1 class="holy">😇 GOD BLESS YOU FRIEND... YOU ARE IN HEAVEN! 😇</h1>
+ <div class="huge holy section">
+ YOU ARE LOVED <span style="color: var(--red);">💖</span><span style="color: var(--red);">🌹</span>
+ </div>
+</body>
+
+</html>
diff --git a/hell/big guy.gif b/hell/bigguy.gif
index c3314c7..c3314c7 100644
--- a/hell/big guy.gif
+++ b/hell/bigguy.gif
Binary files differ
diff --git a/hell/hell.css b/hell/hell.css
index 4d2231c..31119ed 100644
--- a/hell/hell.css
+++ b/hell/hell.css
@@ -1,7 +1,3 @@
-.section {
- background-color: none;
-}
-
html {
background: url("bg.jpg");
background-attachment: fixed;
@@ -31,3 +27,40 @@ html {
color: var(--orange);
animation: fire 1s ease-in-out infinite alternate;
}
+
+massive-fucking-background-flame {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: -999;
+ background-image: url("smallfire.gif");
+ background-size: auto 128px;
+ opacity: 0.25;
+ --pan: 0 -128px;
+ animation: pan linear 3s infinite
+}
+
+a {
+ color: black;
+}
+
+#inverted-cross {
+ display: inline-block;
+ rotate: 180deg;
+ transition: rotate 2s, color 0.5s;
+ --glow-color: red;
+ animation: glow 4s linear infinite;
+}
+
+#inverted-cross:hover {
+ rotate: 0deg;
+ --glow-color: white;
+ color: var(--yellow);
+ transition: rotate 2s, color 1s;
+}
+
+.evil {
+ color: black;
+}
diff --git a/hell/hell is real.gif b/hell/hellisreal.gif
index acbd894..acbd894 100644
--- a/hell/hell is real.gif
+++ b/hell/hellisreal.gif
Binary files differ
diff --git a/hell/index.html b/hell/index.html
index b590653..75979cf 100644
--- a/hell/index.html
+++ b/hell/index.html
@@ -3,52 +3,63 @@
<html lang="en">
<head>
- <title>soaos</title>
- <link rel="icon" href="/favicon.png" />
- <link rel="preload" href="/assets/unifont.woff2" as="font" type="font/woff2" />
- <link rel="preload" href="/assets/unifont_upper.woff2" as="font" type="font/woff2" />
- <link rel="stylesheet" href="/style.css" />
- <link rel="stylesheet" href="hell.css" />
- <meta charset="UTF-8" />
+ <title>hell</title>
+ <link rel="icon" href="smallfire.gif">
+ <link rel="preload" href="/assets/unifont.woff2" as="font" type="font/woff2">
+ <link rel="preload" href="/assets/unifont_upper.woff2" as="font" type="font/woff2">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="stylesheet" href="hell.css">
+ <meta charset="UTF-8">
</head>
<body>
- <div class="">
- </div>
- <div class="section evil centered">
- <details>
- <summary>(please enable autoplay to hear music lol)</summary>
- <audio src="hell.ogg" autoplay loop controls />
+ <massive-fucking-background-flame></massive-fucking-background-flame>
+ <div class="centered">
+ <details class="evil">
+ <summary> <img src="hot.gif" />
+ (please enable autoplay to hear music lol)</summary>
+ <audio autoplay loop controls>
+ <source src="hell.ogg">
+ </audio>
</details>
- <h1>👿 WELLCOME INTO HELL... YOU SUCKER!!!!! 👿</h1>
- <img src="redfire.gif" />
- <img src="hot.gif" />
- <img src="demon.gif" />
- <img src="demon2.gif" />
- <img src="demon3.gif" />
- <img src="demon4.gif" />
- <img src="demon_face.gif" />
- <img src="skull.gif" />
- <img src="torch.gif" />
- <img src="big guy.gif" />
- <img src="evilorb.gif" />
- <img src="hell is real.gif" />
- <img src="Flying_Skeleton_Hell.gif" />
- <br />
- <img src="firebreak.gif" />
- <br />
- <img src="pitchfork.gif" />
- <img src="comunismo.gif" />
- <img src="smallfire.gif" />
- <img src="evilmind.gif" />
- <img src="obama.gif" />
- <img src="gay.gif" />
- <img src="hitler.gif" />
- <img src="hitler2.gif" />
- <img src="hitler3.gif" />
- <img src="gay2.gif" />
- <img src="kissing.jpg" />
- </div>
+ <h1 class="evil">👿 WELLCOME INTO HELL... YOU SUCKER!!!!! 👿</h1>
+ <div>
+ <div class="">
+ <div class="torches ">
+ </div>
+ </div>
+ <img src="redfire.gif" />
+ <img src="demon.gif" />
+ <img src="demon2.gif" />
+ <img src="demon3.gif" />
+ <img src="demon4.gif" />
+ <img src="demon_face.gif" />
+ <img src="skull.gif" />
+ <img src="torch.gif" />
+ <img src="bigguy.gif" />
+ <img src="evilorb.gif" />
+ <img src="hellisreal.gif" />
+ <img src="Flying_Skeleton_Hell.gif" />
+ <br />
+ <img src="firebreak.gif" />
+ <br />
+ <img src="pitchfork.gif" />
+ <img src="comunismo.gif" />
+ <img src="smallfire.gif" />
+ <img src="evilmind.gif" />
+ <img src="obama.gif" />
+ <img src="gay.gif" />
+ <img src="hitler.gif" />
+ <img src="hitler2.gif" />
+ <img src="hitler3.gif" />
+ <img src="gay2.gif" />
+ <img src="kissing.jpg" />
+ <div class="huge evil section">
+ <s class="struck">FRICK</s>SCREW YOU, SUCKER <span style="color: var(--bg-red);">💔</span><span style="color: var(--bg-green);">🥀</span>
+ </div>
+ </div>
+ <a id="inverted-cross" class="huge" href="/heaven">✝</a>
+ </div>
</body>
</html>
diff --git a/hell/obama.gif b/hell/obama.gif
index 11639e0..4f42d27 100644
--- a/hell/obama.gif
+++ b/hell/obama.gif
Binary files differ
diff --git a/hell/redfire.gif b/hell/redfire.gif
index 4e9b16d..8f15a7a 100644
--- a/hell/redfire.gif
+++ b/hell/redfire.gif
Binary files differ
diff --git a/hell/torch.gif b/hell/torch.gif
index 76ad0d0..c06066b 100644
--- a/hell/torch.gif
+++ b/hell/torch.gif
Binary files differ
diff --git a/hell/wolves.ogg b/hell/wolves.ogg
deleted file mode 100644
index ed183f7..0000000
--- a/hell/wolves.ogg
+++ /dev/null
Binary files differ
diff --git a/style.css b/style.css
index a612e06..58e8d3b 100644
--- a/style.css
+++ b/style.css
@@ -7,7 +7,7 @@
src: url("/assets/unifont_upper.woff2");
}
-html {
+:root {
--red: #e67e80;
--orange: #e69875;
--yellow: #dbbc7f;
@@ -41,6 +41,7 @@ body {
font-family: unifont;
font-size: 16px;
color: var(--fg);
+ perspective-origin: top left
}
.section {
@@ -110,19 +111,26 @@ h3 {
animation: blinker 1s linear infinite;
}
-@keyframes evilGlow {
+@keyframes glow {
50% {
- text-shadow: 0 0 10px #f00,
- 0 0 20px #f00,
- 0 0 40px #f00,
- 0 0 80px #8b0000,
- 0 0 120px #8b0000;
+ text-shadow: 0 0 10px var(--glow-color),
+ 0 0 20px var(--glow-color),
+ 0 0 40px var(--glow-color),
+ 0 0 80px hsl(from var(--glow-color) h s calc(l - 10)),
+ 0 0 120px hsl(from var(--glow-color) h s calc(l - 10));
}
}
.evil {
color: var(--red);
- animation: evilGlow 4s linear infinite;
+ --glow-color: red;
+ animation: glow 4s linear infinite;
+}
+
+.holy {
+ color: var(--yellow);
+ --glow-color: white;
+ animation: glow 4s linear infinite;
}
a.evil:visited {
@@ -154,3 +162,21 @@ a.evil:hover {
.huge {
font-size: 128px;
}
+
+.struck {
+ opacity: 0.5;
+ position: absolute;
+ z-index: -999;
+ user-select: none;
+}
+
+@keyframes pan {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: var(--pan);
+ }
+}
+
+
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-06 02:19:24 +0000