Add webrings

PancakesWeb/Components/Pages/Home.razor

@@ -107,4 +107,18 @@
             </li>
         }
     </ul>
+
+    <h2 id="webrings">Webrings</h2>
+    <p>Adjacent websites</p>
+
+    <ul class="accounts">
+        @foreach (var ring in Webrings.Rings.OrderBy(p => p.Name))
+        {
+            <li class="account card">
+                <a href="@ring.PrevUrl" class="no-decorations">←</a>
+                <a href="@ring.MainUrl">@ring.Name</a>
+                <a href="@ring.NextUrl" class="no-decorations">→</a>
+            </li>
+        }
+    </ul>
 </main>

PancakesWeb/Data/Webring.cs

@@ -0,0 +1,23 @@
+namespace PancakesWeb.Data;
+
+public class Webring
+{
+    public required string Name { get; set; }
+    public required string MainUrl { get; set; }
+    public required string PrevUrl { get; set; }
+    public required string NextUrl { get; set; }
+}
+
+public static class Webrings
+{
+    public static readonly List<Webring> Rings =
+    [
+        new Webring
+        {
+            Name = "Fediring",
+            MainUrl = "https://fediring.net/",
+            PrevUrl = "https://fediring.net/previous?host=pancakes.gay",
+            NextUrl = "https://fediring.net/next?host=pancakes.gay"
+        }
+    ];
+}

PancakesWeb/wwwroot/style.css

@@ -162,6 +162,10 @@ pre code:hover + .copy-code-button, .copy-code-button:hover {
     filter: invert() hue-rotate(180deg);
 }
 
+.no-decorations {
+    text-decoration: none;
+}
+
 @keyframes title-fade-in {
     0% {
         margin-top: 0;