diff options
| -rw-r--r-- | heaven/angel.gif | bin | 0 -> 6866 bytes | |||
| -rw-r--r-- | heaven/angel2.gif | bin | 0 -> 89484 bytes | |||
| -rw-r--r-- | heaven/angel3.gif | bin | 0 -> 8610 bytes | |||
| -rw-r--r-- | heaven/bg.jpg | bin | 0 -> 53321 bytes | |||
| -rw-r--r-- | heaven/everytime_we_touch_nightcore.ogg | bin | 0 -> 1946392 bytes | |||
| -rw-r--r-- | heaven/heaven.css | 24 | ||||
| -rw-r--r-- | heaven/index.html | 31 | ||||
| -rw-r--r-- | hell/bigguy.gif (renamed from hell/big guy.gif) | bin | 11228 -> 11228 bytes | |||
| -rw-r--r-- | hell/hell.css | 41 | ||||
| -rw-r--r-- | hell/hellisreal.gif (renamed from hell/hell is real.gif) | bin | 59555 -> 59555 bytes | |||
| -rw-r--r-- | hell/index.html | 95 | ||||
| -rw-r--r-- | hell/obama.gif | bin | 3435382 -> 1532992 bytes | |||
| -rw-r--r-- | hell/redfire.gif | bin | 22194 -> 21997 bytes | |||
| -rw-r--r-- | hell/torch.gif | bin | 8320 -> 7960 bytes | |||
| -rw-r--r-- | hell/wolves.ogg | bin | 906021 -> 0 bytes | |||
| -rw-r--r-- | style.css | 42 |
16 files changed, 179 insertions, 54 deletions
diff --git a/heaven/angel.gif b/heaven/angel.gif Binary files differnew file mode 100644 index 0000000..1c591e8 --- /dev/null +++ b/heaven/angel.gif diff --git a/heaven/angel2.gif b/heaven/angel2.gif Binary files differnew file mode 100644 index 0000000..54adc92 --- /dev/null +++ b/heaven/angel2.gif diff --git a/heaven/angel3.gif b/heaven/angel3.gif Binary files differnew file mode 100644 index 0000000..e6aedcb --- /dev/null +++ b/heaven/angel3.gif diff --git a/heaven/bg.jpg b/heaven/bg.jpg Binary files differnew file mode 100644 index 0000000..91a9238 --- /dev/null +++ b/heaven/bg.jpg diff --git a/heaven/everytime_we_touch_nightcore.ogg b/heaven/everytime_we_touch_nightcore.ogg Binary files differnew file mode 100644 index 0000000..3ac875d --- /dev/null +++ b/heaven/everytime_we_touch_nightcore.ogg 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 Binary files differindex c3314c7..c3314c7 100644 --- a/hell/big guy.gif +++ b/hell/bigguy.gif 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 Binary files differindex acbd894..acbd894 100644 --- a/hell/hell is real.gif +++ b/hell/hellisreal.gif 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 Binary files differindex 11639e0..4f42d27 100644 --- a/hell/obama.gif +++ b/hell/obama.gif diff --git a/hell/redfire.gif b/hell/redfire.gif Binary files differindex 4e9b16d..8f15a7a 100644 --- a/hell/redfire.gif +++ b/hell/redfire.gif diff --git a/hell/torch.gif b/hell/torch.gif Binary files differindex 76ad0d0..c06066b 100644 --- a/hell/torch.gif +++ b/hell/torch.gif diff --git a/hell/wolves.ogg b/hell/wolves.ogg Binary files differdeleted file mode 100644 index ed183f7..0000000 --- a/hell/wolves.ogg +++ /dev/null @@ -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); + } +} + + |
