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

ritchie

Browse source
This commit is contained in:
tylermurphy534 2022-12-04 23:25:49 -05:00
parent 5235a9589b
commit da971b4a0f
4 changed files with 16 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
data/cursor.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/rotchie.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.7 KiB

10
index.html
View file

@ -53,11 +53,9 @@
<p class="sprinkler">
Call 1-800-1ST-YEAR to get a sprinkler to go off in a dorm near you!
</p>
<div class="wrapper">
<p id="middle">
important stuff
</p>
</div>
<table class="middle">
<tr>
<td>
@ -105,16 +103,16 @@
</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/apocalypse.gif" class="clickable" image.png 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')"/>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
<img src="data/dither.gif" class="clickable" onclick="document.documentElement.classList.toggle('dither')"/>
<a class="clickable" 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">
<a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank">
<img src="data/free.gif"/>
</a>
</div>

25
style.css
View file

@ -4,6 +4,7 @@ html, body, #mainBod {
}
#mainBod {
cursor: url("data/rotchie.png"), auto;
top: 0; bottom: 0;
left: 0; right: 0;
overflow: auto;
@ -41,18 +42,21 @@ html, body, #mainBod {
background-color: black;
color: orange;
animation: across 2s linear infinite;
margin-left: 10%;
}
.wrapper {
animation: across_parent 2s linear infinite;
width: 80%;
margin-left: 10%;
a {
cursor: url("data/cursor.png"), pointer !important;
}
td a {
color: yellow;
}
.clickable:hover {
cursor: url("data/cursor.png"), pointer !important;
}
td:hover {
background-color: orange;
}
@ -296,20 +300,9 @@ html.dither>body>div>div{
transform: translateX(0%);
}
50% {
transform: translateX(-100%);
transform: translateX(calc(80vw - 100%));
}
}
@keyframes across_parent {
0%,
100% {
transform: translateX(0%);
}
50% {
transform: translateX(100%);
}
}
@keyframes scale {
from {
transform: scale3d(100%, 100%, 100%);