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

more stuff

Browse source
This commit is contained in:
tylermurphy534 2022-12-04 17:53:15 -05:00
parent 1544f459f7
commit 5235a9589b
2 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -51,11 +51,13 @@
<img src="data/obama.png" /> <img src="data/obama.png" />
</marquee> </marquee>
<p class="sprinkler"> <p class="sprinkler">
Call 1-800-1ST-YEAR to get a sprinkler to go off in a room 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>

33
style.css
View file

@ -4,12 +4,12 @@ html, body, #mainBod {
} }
#mainBod { #mainBod {
position: absolute;
top: 0; bottom: 0; top: 0; bottom: 0;
left: 0; right: 0; left: 0; right: 0;
overflow: auto; overflow: auto;
background-image: url("data/rit.webp"); background-image: url("data/rit.webp");
width: 100vw; width: 100vw;
min-height: 100%;
height: 100vh; height: 100vh;
animation: bg 1s linear infinite alternate; animation: bg 1s linear infinite alternate;
display: flex; display: flex;
@ -36,14 +36,19 @@ html, body, #mainBod {
} }
#middle { #middle {
font-size: 30px; font-size: 2em;
width: fit-content; width: fit-content;
margin-left: 12.5%;
background-color: black; background-color: black;
color: orange; color: orange;
animation: across 2s linear infinite; animation: across 2s linear infinite;
} }
.wrapper {
animation: across_parent 2s linear infinite;
width: 80%;
margin-left: 10%;
}
td a { td a {
color: yellow; color: yellow;
} }
@ -82,7 +87,9 @@ footer {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
height: 10%; height: 10%;
min-height: 10%;
margin: 0; margin: 0;
overflow: auto;
} }
.buttons { .buttons {
@ -169,7 +176,7 @@ html.dither>body>div{
} }
html.dither>body>div>div{ html.dither>body>div>div{
filter: initial; filter: initial;
mix-blend-mode: soft-light; mix-blend-mode: soft-light;
isolation: isolate; isolation: isolate;
image-rendering: initial; image-rendering: initial;
@ -187,7 +194,7 @@ filter: initial;
.munson { .munson {
text-align: center; text-align: center;
width: 80%; width: 80%;
font-size: 50px; font-size: 5vh;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-bottom: 1em; margin-bottom: 1em;
@ -201,7 +208,7 @@ filter: initial;
} }
#munson img { #munson img {
height: 20em; height: 20vh;
width: 100%; width: 100%;
} }
@ -286,10 +293,20 @@ filter: initial;
@keyframes across { @keyframes across {
0%, 0%,
100% { 100% {
transform: translateX(0vw); transform: translateX(0%);
} }
50% { 50% {
transform: translateX(62.5vw); transform: translateX(-100%);
}
}
@keyframes across_parent {
0%,
100% {
transform: translateX(0%);
}
50% {
transform: translateX(100%);
} }
} }