fix: bunch of vibed edits to fix vibed edits

1 files changed, 40 insertions, 11 deletions

diff --git a/wr b/wr
index 211fe93..284f7ef 100755
--- a/wr
+++ b/wr
@@ -102,9 +102,10 @@ build_webring() {
         footer { margin-top: 3em; }
         hr { border: none; border-top: thin solid; margin: 1.25rem 0; }
         main { text-align: justify; }
-        ul { list-style: none; padding: 0; margin: 1em 0; }
-        li { padding: 0.25rem 0; }
-        nav { margin-top: 1.5em; }
+        ul { padding: 0; margin: 1em 0; column-count: 2; column-gap: 2rem; }
+        li { padding: 0.25rem 0; break-inside: avoid; }
+        ol { margin: 0.5em 0 0 1.5em; padding: 0; }
+        ol li { padding: 0.2rem 0; }
         @media (max-width: 600px) { body { font-size: 0.9em; } h1 { font-size: 1.8em; } }
         @media (max-width: 400px) { body { font-size: 0.8em; } h1 { font-size: 1.6em; } }
         @media (prefers-color-scheme: dark) { html { filter: invert(1); } img { filter: invert(1); } }
@@ -117,6 +118,8 @@ build_webring() {
     </header>
     <main>
         <h1>webring</h1>
+        <p>An attempt to replicate <a href="https://wiki.xxiivv.com/site/devine_lu_linvega.html">Devine Lu Linvega</a>'s <a href="https://webring.xxiivv.com/">webring</a> in a very minimal way, and with a lower technical bar.</p>
+        <h2>members</h2>
         <ul>
 INDEX_PAGE_TOP
 
@@ -147,13 +150,41 @@ INDEX_PAGE_TOP
 
     cat << INDEX_PAGE_BOTTOM >> public/index.html
         </ul>
-        <p>An attempt to recreate <a href="https://webring.xxiivv.com/">Devine Lu Linvega's webring</a>. Licensed under <a href="https://gumx.cc/license">MIT</a>.</p>
-        <p>To add your site, see the <a href="https://git.gumx.cc/webring">git repo</a>.</p>
-        <nav>
-            <a href="/${DOMAIN}/previous">&larr; previous site</a> /
-            <a href="/${DOMAIN}/next">next site &rarr;</a>
-        </nav>
+        <h2>join</h2>
+        <ol>
+            <li>Clone the <a href="https://git.gumx.cc/webring">repository</a></li>
+            <li>Add your site: <code>./wr add example.com "my site" "Your Name"</code></li>
+            <li>Submit a patch via <a href="https://github.com/gumxcc/webring">GitHub</a> pull request, <a href="https://gitlab.com/gumxcc/webring">GitLab</a> merge request, or <a href="https://git-send-email.io/">git send-email</a></li>
+            <li>Add prev/next links to your site footer: <code>&lt;a href="https://${DOMAIN}/example.com/previous"&gt;&amp;larr; previous&lt;/a&gt;</code> / <code>&lt;a href="https://${DOMAIN}/example.com/next"&gt;next &amp;rarr;&lt;/a&gt;</code></li>
+        </ol>
+        <h2>host your own</h2>
+        <ol>
+            <li>Clone the <a href="https://git.gumx.cc/webring">repository</a></li>
+            <li>Clear existing entries: <code>rm -fr entries/* public</code></li>
+            <li>Add your webring as an entry: <code>./wr add yourdomain.com "my webring" "Your Name"</code></li>
+            <li>Add member entries and run <code>./wr</code> to build</li>
+            <li>Deploy the <code>public/</code> directory to any static host</li>
+        </ol>
     </main>
+    <footer>
+        <hr>
+        <a href="https://twt.gumx.cc">twt</a> /
+        <a href="https://git.gumx.cc">git</a> /
+        <a href="https://mail.gumx.cc">mail</a> /
+        <a href="https://lists.gumx.cc">list</a> /
+        <a href="https://irc.gumx.cc">irc</a> /
+        <a href="https://files.gumx.cc">files</a> /
+        <a href="https://vpn.gumx.cc">vpn</a> /
+        <a href="https://pgp.gumx.cc">pgp</a> /
+        <a href="https://demo.gumx.cc">demo</a> /
+        <a href="https://wk.fo">wk.fo</a>
+        <br>
+        <a href="/${DOMAIN}/previous">&larr; previous site</a> /
+        <a href="/${DOMAIN}/next">next site &rarr;</a>
+        <br>
+        <a href="https://git.gumx.cc/webring">source</a> /
+        <a href="https://gumx.cc/license">license</a>
+    </footer>
 </body>
 
 </html>
@@ -174,8 +205,6 @@ Add the following links in your website, preferrably in the footer:
     <p>
         <a href="https://${DOMAIN}/${entry}/previous">&larr; previous</a>
         &emsp;
-        <a href="https://${DOMAIN}/">webring index</a>
-        &emsp;
         <a href="https://${DOMAIN}/${entry}/next">next &rarr;</a>
     </p>