summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortylermurphy534 <tylermurphy534@gmail.com>2022-12-04 01:47:25 -0500
committertylermurphy534 <tylermurphy534@gmail.com>2022-12-04 01:47:25 -0500
commit5724fd7caafe411f3e03dc6744bace7e431f1841 (patch)
treebe0867e356d21e3236118f438f6b450183efd06a
downloadrit.wtf-5724fd7caafe411f3e03dc6744bace7e431f1841.tar.gz
rit.wtf-5724fd7caafe411f3e03dc6744bace7e431f1841.tar.bz2
rit.wtf-5724fd7caafe411f3e03dc6744bace7e431f1841.zip
initial
-rw-r--r--data/amd.gifbin0 -> 3251 bytes
-rw-r--r--data/asexules.gifbin0 -> 1169 bytes
-rw-r--r--data/awshit.pngbin0 -> 607878 bytes
-rw-r--r--data/counter.pngbin0 -> 77977 bytes
-rw-r--r--data/dither.gifbin0 -> 18074 bytes
-rw-r--r--data/election.pngbin0 -> 265918 bytes
-rw-r--r--data/free.gifbin0 -> 5158 bytes
-rw-r--r--data/girl.pngbin0 -> 177985 bytes
-rw-r--r--data/gracies.pngbin0 -> 97273 bytes
-rw-r--r--data/html.gifbin0 -> 1280 bytes
-rw-r--r--data/ie.gifbin0 -> 16100 bytes
-rw-r--r--data/munson.mp4bin0 -> 80138051 bytes
-rw-r--r--data/netscape.gifbin0 -> 8881 bytes
-rw-r--r--data/pepsi.pngbin0 -> 493116 bytes
-rw-r--r--data/rats.pngbin0 -> 310979 bytes
-rw-r--r--data/rit.webpbin0 -> 2200 bytes
-rw-r--r--data/roo.webpbin0 -> 71466 bytes
-rw-r--r--data/umbrella.webpbin0 -> 117768 bytes
-rw-r--r--index.html128
-rw-r--r--style.css187
20 files changed, 315 insertions, 0 deletions
diff --git a/data/amd.gif b/data/amd.gif
new file mode 100644
index 0000000..344cda4
--- /dev/null
+++ b/data/amd.gif
Binary files differ
diff --git a/data/asexules.gif b/data/asexules.gif
new file mode 100644
index 0000000..7642e36
--- /dev/null
+++ b/data/asexules.gif
Binary files differ
diff --git a/data/awshit.png b/data/awshit.png
new file mode 100644
index 0000000..3076374
--- /dev/null
+++ b/data/awshit.png
Binary files differ
diff --git a/data/counter.png b/data/counter.png
new file mode 100644
index 0000000..5bfd2f0
--- /dev/null
+++ b/data/counter.png
Binary files differ
diff --git a/data/dither.gif b/data/dither.gif
new file mode 100644
index 0000000..27c8f78
--- /dev/null
+++ b/data/dither.gif
Binary files differ
diff --git a/data/election.png b/data/election.png
new file mode 100644
index 0000000..f10ba68
--- /dev/null
+++ b/data/election.png
Binary files differ
diff --git a/data/free.gif b/data/free.gif
new file mode 100644
index 0000000..6391de5
--- /dev/null
+++ b/data/free.gif
Binary files differ
diff --git a/data/girl.png b/data/girl.png
new file mode 100644
index 0000000..9a45223
--- /dev/null
+++ b/data/girl.png
Binary files differ
diff --git a/data/gracies.png b/data/gracies.png
new file mode 100644
index 0000000..5c37724
--- /dev/null
+++ b/data/gracies.png
Binary files differ
diff --git a/data/html.gif b/data/html.gif
new file mode 100644
index 0000000..8ff4129
--- /dev/null
+++ b/data/html.gif
Binary files differ
diff --git a/data/ie.gif b/data/ie.gif
new file mode 100644
index 0000000..9aee848
--- /dev/null
+++ b/data/ie.gif
Binary files differ
diff --git a/data/munson.mp4 b/data/munson.mp4
new file mode 100644
index 0000000..cc158f5
--- /dev/null
+++ b/data/munson.mp4
Binary files differ
diff --git a/data/netscape.gif b/data/netscape.gif
new file mode 100644
index 0000000..3a54dbc
--- /dev/null
+++ b/data/netscape.gif
Binary files differ
diff --git a/data/pepsi.png b/data/pepsi.png
new file mode 100644
index 0000000..9ed6667
--- /dev/null
+++ b/data/pepsi.png
Binary files differ
diff --git a/data/rats.png b/data/rats.png
new file mode 100644
index 0000000..bac5c06
--- /dev/null
+++ b/data/rats.png
Binary files differ
diff --git a/data/rit.webp b/data/rit.webp
new file mode 100644
index 0000000..b5086c8
--- /dev/null
+++ b/data/rit.webp
Binary files differ
diff --git a/data/roo.webp b/data/roo.webp
new file mode 100644
index 0000000..e4c443f
--- /dev/null
+++ b/data/roo.webp
Binary files differ
diff --git a/data/umbrella.webp b/data/umbrella.webp
new file mode 100644
index 0000000..1e87b3d
--- /dev/null
+++ b/data/umbrella.webp
Binary files differ
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