freya/rit.wtf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

initial

Browse source
This commit is contained in:
tylermurphy534 2022-12-04 01:47:25 -05:00
commit 5724fd7caa
20 changed files with 315 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
data/amd.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
data/asexules.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
data/awshit.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 594 KiB

BIN
data/counter.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
data/dither.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
data/election.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 260 KiB

BIN
data/free.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

BIN
data/girl.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
data/gracies.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
data/html.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
data/ie.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
data/munson.mp4 Normal file
View file

Binary file not shown.

BIN
data/netscape.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
data/pepsi.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 482 KiB

BIN
data/rats.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
data/rit.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
data/roo.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
data/umbrella.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 115 KiB

128
index.html Normal file
View file

@ -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>

187
style.css Normal file
View file

@ -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);
}
}