put webring in footer

app/webring/page.tsx

@@ -1,29 +0,0 @@
-import InfoBar from "~/components/InfoBar/"
-
-export default function Webring() {
-  return (
-
-    <>
-      <h1 className="pageTitle">
-        Webring
-      </h1>
-      <main className="mainColumn">
-        <InfoBar>
-          Because we have many good friends
-        </InfoBar>
-        <p>
-          This site is part of the umbreon.online webring, which is run by one of our partners.
-        </p>
-        <p>
-          You can find more information about this at the website{' '}
-          <a target="_blank" href="https://webring.umbreon.online">webring.umbreon.online</a>,
-          or you can visit our immediate neighbor sites here:
-        </p>
-        <div style={{ display: 'flex', justifyContent: 'space-around' }}>
-          <a style={{ textDecoration: 'none' }} target="_blank" href="https://webring.umbreon.online/prev?from=https://tempest.dev">&lt;- Previous</a>
-          <a style={{ textDecoration: 'none' }} target="_blank" href="https://webring.umbreon.online/next?from=https://tempest.dev">Next -&gt;</a>
-        </div>
-      </main>
-    </>
-  )
-}

components/layout/Footer.tsx

@@ -2,7 +2,11 @@ export default function Footer() {
   return (
     <footer>
       <span>Website by ashelyn rose</span>
-      <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
+      <span>
+        <a style={{ textDecoration: 'none' }} href="https://webring.umbreon.online/prev?from=https://tempest.dev">&lt;</a>
+        <a target="_blank" href="https://webring.umbreon.online/">webring</a>
+        <a style={{ textDecoration: 'none' }} href="https://webring.umbreon.online/next?from=https://tempest.dev">&gt;</a>
+      </span>
       <a href="/pay-transparency">Pay Transparency</a>
     </footer>
   )

components/layout/Header.tsx

@@ -22,7 +22,7 @@ export default function Title() {
         <a href="/about">about</a>
         {/* <a href="/posts">posts</a> */}
         <a href="/contact">contact</a>
-        <a href="/webring">webring</a>
+        <a target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</a>
       </nav>
       <div className="headerBackground">
         <Image

styles/layout.css

@@ -202,30 +202,38 @@ footer {
   max-width: 100vw;
 }
 
-footer span {
+footer span:first-child {
   flex: 1;
 }
 
-footer a:not(:first-of-type) {
+footer > *:not(:first-child) {
   margin-left: calc(2 * var(--text-padding));
 }
 
+footer span a {
+  margin: 8px;
+}
+
 @media (max-width: 600px) {
   footer {
     box-sizing: initial;
-    flex: initial;
-    flex-wrap: wrap;
+    flex-direction: column;
     height: 60px;
     align-items:center;
     justify-content:center;
     margin: 8px 0;
     padding: 0;
+    height: auto;
+    flex: initial;
   }
 
-  footer span {
+  footer > * {
     display: block;
-    min-width: 100%;
     text-align: center;
   }
 
+
+  footer span:first-child{
+    flex: 0;
+  }
 }