ring

2 files changed, 69 insertions, 5 deletions

diff --git a/index.html b/index.html
index 6d6d0f6..c318468 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/style.css b/style.css
index 2b971b4..3d86278 100644
--- a/style.css
+++ b/style.css
@@ -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);
     }
-}
\ No newline at end of file
+}
+
+.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;
+    }
+}