diff options
-rw-r--r-- | data/amd.gif | bin | 0 -> 3251 bytes | |||
-rw-r--r-- | data/asexules.gif | bin | 0 -> 1169 bytes | |||
-rw-r--r-- | data/awshit.png | bin | 0 -> 607878 bytes | |||
-rw-r--r-- | data/counter.png | bin | 0 -> 77977 bytes | |||
-rw-r--r-- | data/dither.gif | bin | 0 -> 18074 bytes | |||
-rw-r--r-- | data/election.png | bin | 0 -> 265918 bytes | |||
-rw-r--r-- | data/free.gif | bin | 0 -> 5158 bytes | |||
-rw-r--r-- | data/girl.png | bin | 0 -> 177985 bytes | |||
-rw-r--r-- | data/gracies.png | bin | 0 -> 97273 bytes | |||
-rw-r--r-- | data/html.gif | bin | 0 -> 1280 bytes | |||
-rw-r--r-- | data/ie.gif | bin | 0 -> 16100 bytes | |||
-rw-r--r-- | data/munson.mp4 | bin | 0 -> 80138051 bytes | |||
-rw-r--r-- | data/netscape.gif | bin | 0 -> 8881 bytes | |||
-rw-r--r-- | data/pepsi.png | bin | 0 -> 493116 bytes | |||
-rw-r--r-- | data/rats.png | bin | 0 -> 310979 bytes | |||
-rw-r--r-- | data/rit.webp | bin | 0 -> 2200 bytes | |||
-rw-r--r-- | data/roo.webp | bin | 0 -> 71466 bytes | |||
-rw-r--r-- | data/umbrella.webp | bin | 0 -> 117768 bytes | |||
-rw-r--r-- | index.html | 128 | ||||
-rw-r--r-- | style.css | 187 |
20 files changed, 315 insertions, 0 deletions
diff --git a/data/amd.gif b/data/amd.gif Binary files differnew file mode 100644 index 0000000..344cda4 --- /dev/null +++ b/data/amd.gif diff --git a/data/asexules.gif b/data/asexules.gif Binary files differnew file mode 100644 index 0000000..7642e36 --- /dev/null +++ b/data/asexules.gif diff --git a/data/awshit.png b/data/awshit.png Binary files differnew file mode 100644 index 0000000..3076374 --- /dev/null +++ b/data/awshit.png diff --git a/data/counter.png b/data/counter.png Binary files differnew file mode 100644 index 0000000..5bfd2f0 --- /dev/null +++ b/data/counter.png diff --git a/data/dither.gif b/data/dither.gif Binary files differnew file mode 100644 index 0000000..27c8f78 --- /dev/null +++ b/data/dither.gif diff --git a/data/election.png b/data/election.png Binary files differnew file mode 100644 index 0000000..f10ba68 --- /dev/null +++ b/data/election.png diff --git a/data/free.gif b/data/free.gif Binary files differnew file mode 100644 index 0000000..6391de5 --- /dev/null +++ b/data/free.gif diff --git a/data/girl.png b/data/girl.png Binary files differnew file mode 100644 index 0000000..9a45223 --- /dev/null +++ b/data/girl.png diff --git a/data/gracies.png b/data/gracies.png Binary files differnew file mode 100644 index 0000000..5c37724 --- /dev/null +++ b/data/gracies.png diff --git a/data/html.gif b/data/html.gif Binary files differnew file mode 100644 index 0000000..8ff4129 --- /dev/null +++ b/data/html.gif diff --git a/data/ie.gif b/data/ie.gif Binary files differnew file mode 100644 index 0000000..9aee848 --- /dev/null +++ b/data/ie.gif diff --git a/data/munson.mp4 b/data/munson.mp4 Binary files differnew file mode 100644 index 0000000..cc158f5 --- /dev/null +++ b/data/munson.mp4 diff --git a/data/netscape.gif b/data/netscape.gif Binary files differnew file mode 100644 index 0000000..3a54dbc --- /dev/null +++ b/data/netscape.gif diff --git a/data/pepsi.png b/data/pepsi.png Binary files differnew file mode 100644 index 0000000..9ed6667 --- /dev/null +++ b/data/pepsi.png diff --git a/data/rats.png b/data/rats.png Binary files differnew file mode 100644 index 0000000..bac5c06 --- /dev/null +++ b/data/rats.png diff --git a/data/rit.webp b/data/rit.webp Binary files differnew file mode 100644 index 0000000..b5086c8 --- /dev/null +++ b/data/rit.webp diff --git a/data/roo.webp b/data/roo.webp Binary files differnew file mode 100644 index 0000000..e4c443f --- /dev/null +++ b/data/roo.webp diff --git a/data/umbrella.webp b/data/umbrella.webp Binary files differnew file mode 100644 index 0000000..1e87b3d --- /dev/null +++ b/data/umbrella.webp diff --git a/index.html b/index.html new file mode 100644 index 0000000..1b313c3 --- /dev/null +++ b/index.html @@ -0,0 +1,128 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="style.css"> + <title>Document</title> + </head> + <body><div><div><div id="mainBod"> + <p class="title"> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.42s">r</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.22s">i</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.01s">t</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-0.81s">.</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-0.61s">w</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-0.41s">t</span> + <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-0.21s">f</span> + </p> + <table> + <tr> + <td style="animation-delay:-0.61s"> + <a href="http://munsonmakesamillion.com/" target="_blank"> + 💸 Munson Money 💸 + </a> + </td> + <td style="animation-delay:0s"> + <a href="https://www.rit.edu/news/umbrella-mistaken-as-weapon-campus" target="_blank"> + Get an umbrella? ☂️ + </a> + </td> + <td style="animation-delay:+0.21s"> + <a href="data/gracies.png" target="_blank"> + Gracies dinner time theater + </a> + </td> + </tr> + </table> + <marquee behavior="alternate"> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/roo.webp"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/roo.webp"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/roo.webp"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/roo.webp"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/awshit.png"/> + <img src="data/counter.png"/> + <img src="data/election.png"/> + <img src="data/girl.png"/> + <img src="data/pepsi.png"/> + <img src="data/rats.png"/> + <img src="data/roo.webp"/> + </marquee> + <p class="sprinkler"> + Call 1-800-1ST-YEAR to get a sprinkler to go off in a room near you! + </p> + <div class="thicc"></div> + <div class="buttons"> + <img src="data/amd.gif"/> + <img src="data/asexules.gif"/> + <img src="data/dither.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')"/> + <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank"> + <img src="data/html.gif"/> + </a> + <img src="data/ie.gif"/> + <img src="data/netscape.gif"/> + <a href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank"> + <img src="data/free.gif"/> + </a> + </div> + <footer> + <video autoplay muted> + <source src="data/munson.mp4" type="video/mp4"> + </video> + </footer> + </div></div></div></body> +</html>
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..622691e --- /dev/null +++ b/style.css @@ -0,0 +1,187 @@ +body { + margin: 0; +} + +#mainBod { + background-image: url("data/rit.webp"); + width: 100vw; + height: 100vh; + animation: animatedBackground 1s linear infinite alternate; + display: flex; + flex-direction: column; + margin: 0; + font-family: "Comic Sans", "Comic Sans MS", "Chalkboard", + "ChalkboardSE-Regular", "Marker Felt", "Purisa", "URW Chancery L", cursive, + sans-serif; +} + +.thicc { + flex: 1; +} + +a { + color: yellow; +} + +table { + width: 50%; + background-color: black; + color: white; + align-self: center; + text-align: center; +} + +table td { + animation: border 1s linear infinite alternate; +} + +footer { + background-size: cover; + position: sticky; + bottom: 0; + height: 10%; +} + +footer video { + width: 100%; + height: 100%; + object-fit: fill; + animation: spin 10s linear infinite; +} + +marquee { + margin-top: 2em; + display: block; + height: 12em; +} + +marquee img { + height: 12em; +} + +.title { + width: 100%; + text-align: center; + font-size: 75px; + margin: 0.75em 0em; + color: #f7ff07; + font-family: Courier New; + text-shadow: 0px 0px 0 rgb(240,248,0), + 1px 1px 0 rgb(234,242,0), + 2px 2px 0 rgb(227,235,0), + 3px 3px 0 rgb(221,229,0), + 4px 4px 0 rgb(214,222,0), + 5px 5px 0 rgb(208,216,0), + 6px 6px 0 rgb(201,209,0), + 7px 7px 0 rgb(194,202,0), + 8px 8px 0 rgb(188,196,0), + 9px 9px 0 rgb(181,189,0), + 10px 10px 0 rgb(175,183,0), + 11px 11px 0 rgb(168,176,0), + 12px 12px 0 rgb(161,169,0), + 13px 13px 0 rgb(155,163,0), + 14px 14px 0 rgb(148,156,0), + 15px 15px 0 rgb(142,150,0), + 16px 16px 0 rgb(135,143,0), + 17px 17px 0 rgb(129,137,0), + 18px 18px 0 rgb(122,130,0), + 19px 19px 0 rgb(115,123,0), + 20px 20px 0 rgb(109,117,0), + 21px 21px 0 rgb(102,110,0), + 22px 22px 0 rgb(96,104,0), + 23px 23px 0 rgb(89,97,0), + 24px 24px 0 rgb(83,91,0), + 25px 25px 0 rgb(76,84,0), + 26px 26px 0 rgb(69,77,0), + 27px 27px 0 rgb(63,71,0), + 28px 28px 0 rgb(56,64,0), + 29px 29px 0 rgb(50,58,0), + 30px 30px 0 rgb(43,51,0), + 31px 31px 0 rgb(36,44,0), + 32px 32px 0 rgb(30,38,0), + 33px 33px 0 rgb(23,31,0), + 34px 34px 0 rgb(17,25,0), + 35px 35px 0 rgb(10,18,0), + 36px 36px 0 rgb(4,12,0), + 37px 37px 0 rgb(-3,5,0), + 38px 38px 0 rgb(-10,-2,0), + 39px 39px 38px rgba(255,0,0,1), + 39px 39px 1px rgba(255,0,0,0.5), + 0px 0px 38px rgba(255,0,0,.2); + } + +.buttons { + align-self: center; + margin-bottom: 2em; +} + +html.dither>body>div{ + background: url("data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY="); + filter: contrast(2000); + image-rendering: crisp-edges; +} + +html.dither>body>div>div{ +filter: initial; + mix-blend-mode: soft-light; + isolation: isolate; + image-rendering: initial; +} + +.sprinkler { + margin-top: 2.5em; + text-align: center; + font-size: 2.5em; + font-weight: 1000; + color: aqua; + animation: flash 0.3s linear infinite; +} + +@keyframes animatedBackground { + from { + background-position: 0 0; + } + to { + background-position: 10% 10%; + } +} + +@keyframes spin { + from { + transform: rotateY(0deg) rotateX(0deg); + } + to { + transform: rotateY(3000deg) rotateX(3000deg); + } +} + +@keyframes title { + 0%, + 100% { + transform:translateY(-25%); + animation-timing-function:cubic-bezier(.8,0,1,1) + } + 50% { + transform:none; + animation-timing-function:cubic-bezier(0,0,.2,1) + } +} + +@keyframes flash { + 50% { + opacity: 0; + } +} + +@keyframes border { + 0%, + 100% { + border: 2px solid rgb(255, 0, 0); + } + 33% { + border: 2px solid rgb(0, 255, 0); + } + 66% { + border: 2px solid rgb(0, 0, 255); + } +}
\ No newline at end of file |