Narrower index, webring message edit

3 files changed, 49 insertions, 37 deletions

diff --git a/index.html b/index.html
index d736716..ad5f652 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
             <img src="arfnet_logo.png" width="64"><span class="title"><strong>ARFNET</strong></span>
         </header>
         <hr>
-        <center>
+        <nav class="nav">
             <a class="fst" href="/design.html">Design Philosophy</a>
             <a class="sec" href="https://www.youtube.com/watch?v=lbsce1DniQA&list=PLhWQL9gpbCPb8JNtOFo760GUD4ekXiR-9">Youtube</a>
             <a class="sec" href="http://cgit.arf20.com/">Git</a>
@@ -27,44 +27,49 @@
             <a class="sec" href="http://grafana.arf20.com/public-dashboards/074973f696bd4d56afcddb08a3114041">Grafana</a>
             <a class="sec" href="https://discord.gg/jy6AjN9ACP">Discord</a>
             <a class="sec" href="/donate.html">Donations and Accounting</a><br>
-        </center>
+
             <marquee scrollamount="15">Now fully legal</marquee>
+        </nav>
         <hr>
-        <a class="fst" href="/about_me.html">About me</a><br>
-        <a class="fst" href="/projects/">Projects</a><br>
-            <a class="sec" href="/about/">About ARFNET</a><br>
-            <a class="sec" href="/explanation.txt">Lore</a><br>
-        <a class="fst" href="https://blog.arf20.com">Blog</a><br>
-        <a class="fst" href="/services.html">Services</a><a class="sec" href="https://dash.arf20.com">Order</a><br>
-            <a class="sec" href="https://memes.arf20.com/">Memes</a><br>
-            <a class="sec" href="/chat.html">Chat</a><br>
-            <a class="sec" href="/game.html">Game</a><br>
-            <a class="sec" href="https://webmail.arf20.com">Webmail</a><br>
-            <a class="sec" href="https://nextcloud.arf20.com">Nextcloud</a><br>
-            <a class="sec" href="https://jellyfin.arf20.com">Jellyfin</a><br>
-            <a class="sec" href="http://cgit.arf20.com">Cgit</a><br>
-            <a class="sec" href="http://forum.arf20.com">Forum</a><br>
-            <a class="sec" href="/usenet.html">USENET</a>
-                <a class="sec" href="http://news.arf20.com/">Web newsreader</a><br>
-            <a class="sec" href="https://grafana.arf20.com">Grafana</a><br>
-            <a class="sec" href="http://deb.arf20.com">Debian repo</a><br>
-            <a class="sec" href="http://radio.arf20.com">Radio</a><br>
-        <a class="fst" href="/astro/">Astrophotography section</a><br>
-        <a class="fst" href="/webring.html">Webring</a><br>
+        <article>
+            <a class="fst" href="/about_me.html">About me</a><br>
+            <a class="fst" href="/projects/">Projects</a><br>
+                <a class="sec" href="/about/">About ARFNET</a><br>
+                <a class="sec" href="/explanation.txt">Lore</a><br>
+            <a class="fst" href="https://blog.arf20.com">Blog</a><br>
+            <a class="fst" href="/services.html">Services</a><a class="sec" href="https://dash.arf20.com">Order</a><br>
+                <a class="sec" href="https://memes.arf20.com/">Memes</a><br>
+                <a class="sec" href="/chat.html">Chat</a><br>
+                <a class="sec" href="/game.html">Game</a><br>
+                <a class="sec" href="https://webmail.arf20.com">Webmail</a><br>
+                <a class="sec" href="https://nextcloud.arf20.com">Nextcloud</a><br>
+                <a class="sec" href="https://jellyfin.arf20.com">Jellyfin</a><br>
+                <a class="sec" href="http://cgit.arf20.com">Cgit</a><br>
+                <a class="sec" href="http://forum.arf20.com">Forum</a><br>
+                <a class="sec" href="/usenet.html">USENET</a>
+                    <a class="sec" href="http://news.arf20.com/">Web newsreader</a><br>
+                <a class="sec" href="https://grafana.arf20.com">Grafana</a><br>
+                <a class="sec" href="http://deb.arf20.com">Debian repo</a><br>
+                <a class="sec" href="http://radio.arf20.com">Radio</a><br>
+            <a class="fst" href="/astro/">Astrophotography section</a><br>
+            <a class="fst" href="/webring.html">Webring</a><br>
+        </article>
 
         <hr>
-        <span>Last modification 20-02-2024. Estabished somewhere around 2019. Sysadmin: arf20. Contact: <a target="_blank" href="mailto:arf20@arf20.com">arf20@arf20.com</a> <a href="/arf20_public.asc">PGP</a> Murcia, Spain.</span><br>
-        <a href="/LICENSE">Everything here is by default published under the GPLv3</a>
-        <a href="/">Copyright &copy; 2023 ARFNET</a><br>
-        <img src="gifs/bestvw.gif">
-        <img src="gifs/vim.gif">
-        <img src="gifs/powered-by-nginx.gif">
-        <img src="gifs/powered-by-debian.gif">
-        <img src="gifs/powered-by-opnsense.png">
-        <img src="gifs/powered-by-proxmox.png">
-        <img src="gifs/ipv6.gif">
-        <img src="gifs/gplv3.gif">
-        <img src="gifs/piracy.gif">
-        <img src="gifs/gay.gif">
+        <footer>
+            <span>Last modification 20-02-2024. Estabished somewhere around 2019. Sysadmin: arf20. Contact: <a target="_blank" href="mailto:arf20@arf20.com">arf20@arf20.com</a> <a href="/arf20_public.asc">PGP</a> Murcia, Spain.</span><br>
+            <a href="/LICENSE">Everything here is by default published under the GPLv3</a>
+            <a href="/">Copyright &copy; 2023 ARFNET</a><br>
+            <img src="gifs/bestvw.gif">
+            <img src="gifs/vim.gif">
+            <img src="gifs/powered-by-nginx.gif">
+            <img src="gifs/powered-by-debian.gif">
+            <img src="gifs/powered-by-opnsense.png">
+            <img src="gifs/powered-by-proxmox.png">
+            <img src="gifs/ipv6.gif">
+            <img src="gifs/gplv3.gif">
+            <img src="gifs/piracy.gif">
+            <img src="gifs/gay.gif">
+        </footer>
     </body>
 </html>
diff --git a/style.css b/style.css
index d2554a9..cc5eb68 100644
--- a/style.css
+++ b/style.css
@@ -23,6 +23,13 @@ body {
     background-image: url("tile1.jpg");
     background-repeat: repeat;
     font-family: terminus;
+    max-width: 1200px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.nav {
+    text-align: center;
 }
 
 .fst {
diff --git a/webring.html b/webring.html
index 60ad544..736b2d8 100755
--- a/webring.html
+++ b/webring.html
@@ -15,7 +15,7 @@
         <main>

             <h2 class="center">Webring</h2>

             <div class="div">

-                <p>Make me a PR on github or contact me through mail or discord to be here</p>

+                <p>Send me a patch to development@arf20.com (repo: git://git.arf20.com/arfnet2) or contact me if you want to be featured here :3</p>

                 <p>Use this button if you want to add ARFNET to your site: <img src="/88x31.gif"></p>

                 <br><br><br><br><br><br>

                 <a href="https://yero.dev"><img src="https://yero.dev/88x31.png"></a>