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"> <p class="sprinkler">
Call 1-800-1ST-YEAR to get a sprinkler to go off in a dorm near you! Call 1-800-1ST-YEAR to get a sprinkler to go off in a dorm near you!
</p> </p>
<div class="wrapper">
<p id="middle"> <p id="middle">
important stuff important stuff
</p> </p>
</div>
<table class="middle"> <table class="middle">
<tr> <tr>
<td> <td>
@ -105,16 +103,16 @@
</div> </div>
<div class="thicc"></div> <div class="thicc"></div>
<div class="buttons"> <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/amd.gif"/>
<img src="data/asexules.gif"/> <img src="data/asexules.gif"/>
<img src="data/dither.gif" style="cursor: pointer;" onclick="document.documentElement.classList.toggle('dither')"/> <img src="data/dither.gif" class="clickable" onclick="document.documentElement.classList.toggle('dither')"/>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank"> <a class="clickable" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
<img src="data/html.gif"/> <img src="data/html.gif"/>
</a> </a>
<img src="data/ie.gif"/> <img src="data/ie.gif"/>
<img src="data/netscape.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"/> <img src="data/free.gif"/>
</a> </a>
</div> </div>

25
style.css
View file

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