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">
Call 1-800-1ST-YEAR to get a sprinkler to go off in a dorm near you!
</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">
important stuff
</p>
@ -121,7 +135,7 @@
</a>
<img src="data/ie.gif" class="clickable" onclick="document.documentElement.classList.toggle('flash')"/>
<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"/>
</a>
</div>

58
style.css
View file

@ -15,9 +15,7 @@ html, body, #mainBod {
animation: bg 1s linear infinite alternate;
display: flex;
flex-direction: column;
font-family: "Comic Sans", "Comic Sans MS", "Chalkboard",
"ChalkboardSE-Regular", "Marker Felt", "Purisa", "URW Chancery L", cursive,
sans-serif;
font-family: "Comic Sans", "Comic Sans MS", "Chalkboard", "ChalkboardSE-Regular", sans-serif;
}
.wank {
@ -394,4 +392,56 @@ html.flash>body>div>div>div>menu {
80% {
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;
}
}