From fd13a7095e8a52b67bcbbc56e8ac0c2ee21376dc Mon Sep 17 00:00:00 2001 From: soaos Date: Sun, 24 Aug 2025 03:57:47 -0400 Subject: hell page development + heaven page creation --- heaven/angel.gif | Bin 0 -> 6866 bytes heaven/angel2.gif | Bin 0 -> 89484 bytes heaven/angel3.gif | Bin 0 -> 8610 bytes heaven/bg.jpg | Bin 0 -> 53321 bytes heaven/everytime_we_touch_nightcore.ogg | Bin 0 -> 1946392 bytes heaven/heaven.css | 24 ++++++++ heaven/index.html | 31 +++++++++++ hell/big guy.gif | Bin 11228 -> 0 bytes hell/bigguy.gif | Bin 0 -> 11228 bytes hell/hell is real.gif | Bin 59555 -> 0 bytes hell/hell.css | 41 ++++++++++++-- hell/hellisreal.gif | Bin 0 -> 59555 bytes hell/index.html | 95 ++++++++++++++++++-------------- hell/obama.gif | Bin 3435382 -> 1532992 bytes hell/redfire.gif | Bin 22194 -> 21997 bytes hell/torch.gif | Bin 8320 -> 7960 bytes hell/wolves.ogg | Bin 906021 -> 0 bytes style.css | 42 +++++++++++--- 18 files changed, 179 insertions(+), 54 deletions(-) create mode 100644 heaven/angel.gif create mode 100644 heaven/angel2.gif create mode 100644 heaven/angel3.gif create mode 100644 heaven/bg.jpg create mode 100644 heaven/everytime_we_touch_nightcore.ogg create mode 100644 heaven/heaven.css create mode 100644 heaven/index.html delete mode 100644 hell/big guy.gif create mode 100644 hell/bigguy.gif delete mode 100644 hell/hell is real.gif create mode 100644 hell/hellisreal.gif delete mode 100644 hell/wolves.ogg diff --git a/heaven/angel.gif b/heaven/angel.gif new file mode 100644 index 0000000..1c591e8 Binary files /dev/null and b/heaven/angel.gif differ diff --git a/heaven/angel2.gif b/heaven/angel2.gif new file mode 100644 index 0000000..54adc92 Binary files /dev/null and b/heaven/angel2.gif differ diff --git a/heaven/angel3.gif b/heaven/angel3.gif new file mode 100644 index 0000000..e6aedcb Binary files /dev/null and b/heaven/angel3.gif differ diff --git a/heaven/bg.jpg b/heaven/bg.jpg new file mode 100644 index 0000000..91a9238 Binary files /dev/null and b/heaven/bg.jpg differ diff --git a/heaven/everytime_we_touch_nightcore.ogg b/heaven/everytime_we_touch_nightcore.ogg new file mode 100644 index 0000000..3ac875d Binary files /dev/null and b/heaven/everytime_we_touch_nightcore.ogg 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 @@ + + + + + + hell + + + + + + + + + +
+
+
+ 🕊🕊🕊 + (please enable autoplay to hear music lol) + +
+

😇 GOD BLESS YOU FRIEND... YOU ARE IN HEAVEN! 😇

+
+ YOU ARE LOVED 💖🌹 +
+ + + diff --git a/hell/big guy.gif b/hell/big guy.gif deleted file mode 100644 index c3314c7..0000000 Binary files a/hell/big guy.gif and /dev/null differ diff --git a/hell/bigguy.gif b/hell/bigguy.gif new file mode 100644 index 0000000..c3314c7 Binary files /dev/null and b/hell/bigguy.gif differ diff --git a/hell/hell is real.gif b/hell/hell is real.gif deleted file mode 100644 index acbd894..0000000 Binary files a/hell/hell is real.gif and /dev/null 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/hellisreal.gif b/hell/hellisreal.gif new file mode 100644 index 0000000..acbd894 Binary files /dev/null and b/hell/hellisreal.gif 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 @@ - soaos - - - - - - + hell + + + + + + -
-
-
-
- (please enable autoplay to hear music lol) -
diff --git a/hell/obama.gif b/hell/obama.gif index 11639e0..4f42d27 100644 Binary files a/hell/obama.gif and b/hell/obama.gif differ diff --git a/hell/redfire.gif b/hell/redfire.gif index 4e9b16d..8f15a7a 100644 Binary files a/hell/redfire.gif and b/hell/redfire.gif differ diff --git a/hell/torch.gif b/hell/torch.gif index 76ad0d0..c06066b 100644 Binary files a/hell/torch.gif and b/hell/torch.gif differ diff --git a/hell/wolves.ogg b/hell/wolves.ogg deleted file mode 100644 index ed183f7..0000000 Binary files a/hell/wolves.ogg and /dev/null 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); + } +} + + -- cgit v1.2.3