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

ring

Browse source
This commit is contained in:
Freya Murphy 2023-06-27 22:31:35 -04:00
parent c8211e6ad7
commit 38692c6dc6
2 changed files with 69 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

@ -54,6 +54,20 @@
<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="center">
<div id="webring">
<p>
The
<a class="spread" href="https://wr.stationery.lol">Stationery</a>
Webring
</p>
<div class="links">
<a href="https://wr.stationery.lol/prev/rit.wtf">&lt; Prev</a>
<a href="https://wr.stationery.lol/random">Random</a>
<a href="https://wr.stationery.lol/next/rit.wtf">Next &gt;</a>
</div>
</div>
</div>
<p id="middle"> <p id="middle">
important stuff important stuff
</p> </p>
@ -121,7 +135,7 @@
</a> </a>
<img src="data/ie.gif" class="clickable" onclick="document.documentElement.classList.toggle('flash')"/> <img src="data/ie.gif" class="clickable" onclick="document.documentElement.classList.toggle('flash')"/>
<img src="data/netscape.gif"/> <img src="data/netscape.gif"/>
<a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank"> <a class="clickable" href="https://g.rit.wtf/tylermurphy534/rit.wtf" target="_blank">
<img src="data/free.gif"/> <img src="data/free.gif"/>
</a> </a>
</div> </div>

58
style.css
View file

@ -15,9 +15,7 @@ html, body, #mainBod {
animation: bg 1s linear infinite alternate; animation: bg 1s linear infinite alternate;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: "Comic Sans", "Comic Sans MS", "Chalkboard", font-family: "Comic Sans", "Comic Sans MS", "Chalkboard", "ChalkboardSE-Regular", sans-serif;
"ChalkboardSE-Regular", "Marker Felt", "Purisa", "URW Chancery L", cursive,
sans-serif;
} }
.wank { .wank {
@ -394,4 +392,56 @@ html.flash>body>div>div>div>menu {
80% { 80% {
background-color: rgba(0,0,255,.4); background-color: rgba(0,0,255,.4);
} }
} }
.center {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#webring {
min-width: 25%;
padding: .5rem;
border: solid 5px orange;
background-color: black;
color: white;
display: flex;
flex-direction: row;
}
#webring .links {
display: flex;
flex-direction: row;
justify-content: space-between;
min-width: 30%;
padding: 0 .5rem;
}
#webring .links a {
margin: 0;
height: auto;
margin-left: .25rem;
}
#webring p {
margin: 0;
flex: 1;
}
.spread {
animation: 3s infinite ease-in-out alternate kurn;
font-style: italic;
text-decoration: underline;
}
@keyframes kurn {
from {
letter-spacing: .05rem;
}
to {
letter-spacing: .25rem;
}
}