diff options
| author | tylermurphy534 <tylermurphy534@gmail.com> | 2022-12-04 13:11:33 -0500 |
|---|---|---|
| committer | tylermurphy534 <tylermurphy534@gmail.com> | 2022-12-04 13:11:33 -0500 |
| commit | 1544f459f72a1c26c8d5044837f62423f0b2f7bb (patch) | |
| tree | 7210c625bf2e53f5e716322912bee6695396b095 | |
| parent | change title (diff) | |
| download | rit.wtf-1544f459f72a1c26c8d5044837f62423f0b2f7bb.tar.gz rit.wtf-1544f459f72a1c26c8d5044837f62423f0b2f7bb.tar.bz2 rit.wtf-1544f459f72a1c26c8d5044837f62423f0b2f7bb.zip | |
v2
| -rw-r--r-- | data/apocalypse.gif | bin | 0 -> 1297 bytes | |||
| -rw-r--r-- | data/counting.gif | bin | 0 -> 53549 bytes | |||
| -rw-r--r-- | data/education.gif | bin | 0 -> 61186 bytes | |||
| -rw-r--r-- | data/food.gif | bin | 0 -> 33252 bytes | |||
| -rw-r--r-- | data/housing.gif | bin | 0 -> 49906 bytes | |||
| -rw-r--r-- | data/munson/1.jpg | bin | 0 -> 6294397 bytes | |||
| -rw-r--r-- | data/munson/10.jpg | bin | 0 -> 30832 bytes | |||
| -rw-r--r-- | data/munson/3.jpg | bin | 0 -> 41768 bytes | |||
| -rw-r--r-- | data/munson/4.jpg | bin | 0 -> 41740 bytes | |||
| -rw-r--r-- | data/munson/5.jpg | bin | 0 -> 191624 bytes | |||
| -rw-r--r-- | data/munson/6.jpg | bin | 0 -> 181061 bytes | |||
| -rw-r--r-- | data/munson/7.jpg | bin | 0 -> 32450 bytes | |||
| -rw-r--r-- | data/munson/8.jpg | bin | 0 -> 8863 bytes | |||
| -rw-r--r-- | data/munson/9.jpg | bin | 0 -> 40200 bytes | |||
| -rw-r--r-- | data/obama.png | bin | 0 -> 408970 bytes | |||
| -rw-r--r-- | data/onion.webp | bin | 0 -> 48946 bytes | |||
| -rw-r--r-- | data/phone.webp | bin | 0 -> 49176 bytes | |||
| -rw-r--r-- | data/recharge.webp | bin | 0 -> 31134 bytes | |||
| -rw-r--r-- | data/silence.webp | bin | 0 -> 36924 bytes | |||
| -rw-r--r-- | data/twitter.webp | bin | 0 -> 28926 bytes | |||
| -rw-r--r-- | index.html | 121 | ||||
| -rw-r--r-- | style.css | 150 |
22 files changed, 192 insertions, 79 deletions
diff --git a/data/apocalypse.gif b/data/apocalypse.gif Binary files differnew file mode 100644 index 0000000..650ea88 --- /dev/null +++ b/data/apocalypse.gif diff --git a/data/counting.gif b/data/counting.gif Binary files differnew file mode 100644 index 0000000..32ed841 --- /dev/null +++ b/data/counting.gif diff --git a/data/education.gif b/data/education.gif Binary files differnew file mode 100644 index 0000000..24012ff --- /dev/null +++ b/data/education.gif diff --git a/data/food.gif b/data/food.gif Binary files differnew file mode 100644 index 0000000..ce0fdbf --- /dev/null +++ b/data/food.gif diff --git a/data/housing.gif b/data/housing.gif Binary files differnew file mode 100644 index 0000000..118e71c --- /dev/null +++ b/data/housing.gif diff --git a/data/munson/1.jpg b/data/munson/1.jpg Binary files differnew file mode 100644 index 0000000..a9d4e2e --- /dev/null +++ b/data/munson/1.jpg diff --git a/data/munson/10.jpg b/data/munson/10.jpg Binary files differnew file mode 100644 index 0000000..2fedc35 --- /dev/null +++ b/data/munson/10.jpg diff --git a/data/munson/3.jpg b/data/munson/3.jpg Binary files differnew file mode 100644 index 0000000..02a373e --- /dev/null +++ b/data/munson/3.jpg diff --git a/data/munson/4.jpg b/data/munson/4.jpg Binary files differnew file mode 100644 index 0000000..aa1330d --- /dev/null +++ b/data/munson/4.jpg diff --git a/data/munson/5.jpg b/data/munson/5.jpg Binary files differnew file mode 100644 index 0000000..d5323e2 --- /dev/null +++ b/data/munson/5.jpg diff --git a/data/munson/6.jpg b/data/munson/6.jpg Binary files differnew file mode 100644 index 0000000..9dfbf9b --- /dev/null +++ b/data/munson/6.jpg diff --git a/data/munson/7.jpg b/data/munson/7.jpg Binary files differnew file mode 100644 index 0000000..9dceba6 --- /dev/null +++ b/data/munson/7.jpg diff --git a/data/munson/8.jpg b/data/munson/8.jpg Binary files differnew file mode 100644 index 0000000..b7cd7d8 --- /dev/null +++ b/data/munson/8.jpg diff --git a/data/munson/9.jpg b/data/munson/9.jpg Binary files differnew file mode 100644 index 0000000..043377c --- /dev/null +++ b/data/munson/9.jpg diff --git a/data/obama.png b/data/obama.png Binary files differnew file mode 100644 index 0000000..61ceb68 --- /dev/null +++ b/data/obama.png diff --git a/data/onion.webp b/data/onion.webp Binary files differnew file mode 100644 index 0000000..f2e05fc --- /dev/null +++ b/data/onion.webp diff --git a/data/phone.webp b/data/phone.webp Binary files differnew file mode 100644 index 0000000..8fe9a6a --- /dev/null +++ b/data/phone.webp diff --git a/data/recharge.webp b/data/recharge.webp Binary files differnew file mode 100644 index 0000000..ac7cf47 --- /dev/null +++ b/data/recharge.webp diff --git a/data/silence.webp b/data/silence.webp Binary files differnew file mode 100644 index 0000000..614f488 --- /dev/null +++ b/data/silence.webp diff --git a/data/twitter.webp b/data/twitter.webp Binary files differnew file mode 100644 index 0000000..90e4aa7 --- /dev/null +++ b/data/twitter.webp @@ -1,7 +1,7 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>munson</title> @@ -16,7 +16,7 @@ <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> + <table class="top"> <tr> <td style="animation-delay:-0.61s"> <a href="http://munsonmakesamillion.com/" target="_blank"> @@ -25,7 +25,7 @@ </td> <td style="animation-delay:0s"> <a href="https://www.rit.edu/news/umbrella-mistaken-as-weapon-campus" target="_blank"> - Get an umbrella? ☂️ + Got an umbrella? ☂️ </a> </td> <td style="animation-delay:+0.21s"> @@ -42,71 +42,68 @@ <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"/> + <img src="data/onion.webp"/> + <img src="data/twitter.webp"/> + <img src="data/silence.webp" /> + <img src="data/recharge.webp" /> + <img src="data/phone.webp" /> + <img src="data/obama.png" /> </marquee> <p class="sprinkler"> Call 1-800-1ST-YEAR to get a sprinkler to go off in a room near you! </p> + <p id="middle"> + important stuff + </p> + <table class="middle"> + <tr> + <td> + <a href="http://rochesterapex.com/" target="_blank"> + <img src="data/housing.gif"/> + </a> + </td> + </tr> + <tr> + <td> + <a href="https://www.reveddit.com/v/rit/comments/z719e8/theyre_lying_to_us_about_the_females_here_blowing/?utm_source=share&utm_medium=ios_app&utm_name=iossmf" target="_blank"> + <img src="data/counting.gif"/> + </a> + </td> + </tr> + <tr> + <td> + <a href="https://www.democratandchronicle.com/story/news/2021/08/31/peter-kiwitt-former-rit-professor-sex-trafficking/5589597001/" target="_blank"> + <img src="data/education.gif"/> + </a> + </td> + </tr> + <tr> + <td> + <a href="https://www.rit.edu/fa/diningservices/gracies#1" target="_blank"> + <img src="data/food.gif"/> + </a> + </td> + </tr> + </table> + <iframe src="https://john.citrons.xyz/embed?ref=rit.wtf" class="john"></iframe> + <p class=munson> + The munson art gallery + </p> + <div id="munson"> + <img src="data/munson/1.jpg"/> + <img src="data/munson/3.jpg"/> + <img src="data/munson/4.jpg"/> + <img src="data/munson/5.jpg"/> + <img src="data/munson/6.jpg"/> + <img src="data/munson/7.jpg"/> + <img src="data/munson/8.jpg"/> + <img src="data/munson/9.jpg"/> + <img src="data/munson/10.jpg"/> + </div> <div class="thicc"></div> <div class="buttons"> + <img src="data/apocalypse.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('wank')"/> <img src="data/amd.gif"/> <img src="data/asexules.gif"/> <img src="data/dither.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')"/> @@ -120,7 +117,7 @@ </a> </div> <footer> - <video autoplay muted> + <video autoplay muted loop> <source src="data/munson.mp4" type="video/mp4"> </video> </footer> @@ -1,29 +1,33 @@ -body { +html, body, #mainBod { margin: 0; + padding: 0; } #mainBod { + position: absolute; + top: 0; bottom: 0; + left: 0; right: 0; + overflow: auto; background-image: url("data/rit.webp"); width: 100vw; height: 100vh; - animation: animatedBackground 1s linear infinite alternate; + animation: bg 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; +.wank { + transform: rotateZ(180deg) translateY(-100vh); } -a { - color: yellow; +.thicc { + flex: 1; } -table { +.top { width: 50%; background-color: black; color: white; @@ -31,21 +35,69 @@ table { text-align: center; } -table td { +#middle { + font-size: 30px; + width: fit-content; + margin-left: 12.5%; + background-color: black; + color: orange; + animation: across 2s linear infinite; +} + +td a { + color: yellow; +} + +td:hover { + background-color: orange; +} + +td:hover a { + color: black; +} + +.top td { animation: border 1s linear infinite alternate; } +.middle { + width: 75%; + align-self: center; + text-align: center; + background-color: black; + margin-bottom: 2em; +} + +.middle td { + border: 2px solid orange; +} + +.middle td:hover { + border: 2px solid black; + background-color: orange; +} + footer { background-size: cover; position: sticky; bottom: 0; height: 10%; + margin: 0; +} + +.buttons { + position: sticky; + bottom: 10%; + align-self: center; + margin: 0; + margin-top: 1em; } footer video { width: 100%; height: 100%; object-fit: fill; + margin: 0; animation: spin 10s linear infinite; } @@ -110,11 +162,6 @@ marquee img { 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); @@ -137,7 +184,44 @@ filter: initial; animation: flash 0.3s linear infinite; } -@keyframes animatedBackground { +.munson { + text-align: center; + width: 80%; + font-size: 50px; + padding: 0; + margin: 0; + margin-bottom: 1em; + animation: colorflash 1s linear infinite; + margin-left: 10%; +} + +#munson { + display: grid; + grid-template-columns: repeat(3, 1fr); +} + +#munson img { + height: 20em; + width: 100%; +} + +#munson img:hover { + animation: scale 0.3s linear; + animation-fill-mode: forwards; +} + +.john { + margin-left: auto; + display: block; + margin-right: auto; + max-width: 732px; + width: 100%; + height: 94px; + border: none; + margin-bottom: 2em; +} + +@keyframes bg { from { background-position: 0 0; } @@ -147,10 +231,10 @@ filter: initial; } @keyframes spin { - from { + 0%, 100% { transform: rotateY(0deg) rotateX(0deg); } - to { + 50% { transform: rotateY(3000deg) rotateX(3000deg); } } @@ -173,6 +257,19 @@ filter: initial; } } +@keyframes colorflash { + 0%, 100%, 49% { + border: 5px solid orange; + background-color: black; + color: orange; + } + 50%, 99% { + border: 5px solid black; + background-color: orange; + color: black; + } +} + @keyframes border { 0%, 100% { @@ -184,4 +281,23 @@ filter: initial; 66% { border: 2px solid rgb(0, 0, 255); } +} + +@keyframes across { + 0%, + 100% { + transform: translateX(0vw); + } + 50% { + transform: translateX(62.5vw); + } +} + +@keyframes scale { + from { + transform: scale3d(100%, 100%, 100%); + } + to { + transform: scale3d(120%, 120%, 120%); + } }
\ No newline at end of file |
