diff --git a/src/lib/webrings/gamedev.svelte b/src/lib/webrings/gamedev.svelte
deleted file mode 100644
index c80dbca..0000000
--- a/src/lib/webrings/gamedev.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-<div class="webring-container">
-    <div class="webring-row">
-        <span>〔</span>
-        <a href="https://www.rainbowcemetery.com/devring">GAMEDEV WEBRING</a>
-        <span>〕</span>
-    </div>
-    <div class="webring-row">
-        <span>〔</span>
-        <a href="https://www.rainbowcemetery.com/devring/prev.php?id=18">&lt;&lt; PREV</a>
-        <a href="https://www.rainbowcemetery.com/devring/rand.php?id=18">RAND</a>
-        <a href="https://www.rainbowcemetery.com/devring/list.php?id=18">LIST</a>
-        <a href="https://www.rainbowcemetery.com/devring/next.php?id=18">NEXT &gt;&gt;</a>
-        <span>〕</span>
-    </div>
-</div>
-
-<style>
-    .webring-container {
-        display: flex;
-        width: fit-content;
-        flex-direction: column;
-        align-items: center;
-        margin: 16px auto;
-    }
-    a {
-        margin: 0 4px;
-        text-decoration: none;
-    }
-    a:link, a:visited, span {
-        color: var(--color-highlight);
-    }
-    a:hover {
-        font-weight: 700;
-    }
-    .webring-row {
-        font-family: var(--font-mono);
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-    }
-    span {
-        margin: 0;
-        font-weight: bold;
-    }
-</style>
\ No newline at end of file
diff --git a/src/lib/webrings/ring.svelte b/src/lib/webrings/ring.svelte
new file mode 100644
index 0000000..040793d
--- /dev/null
+++ b/src/lib/webrings/ring.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+    let {
+        ringLink,
+        prevLink,
+        nextLink,
+        randLink,
+        listLink,
+        prevSymbol,
+        nextSymbol,
+        highlightEmoji,
+    }: {
+        ringLink: string;
+        prevLink: string;
+        nextLink: string;
+        randLink?: string;
+        listLink?: string;
+        prevSymbol: string;
+        nextSymbol: string;
+        highlightEmoji: string;
+    } = $props();
+</script>
+
+<div class="webring-container">
+    <div class="webring-row">
+        <span>〔</span>
+        <a href="{ringLink}">{highlightEmoji} GAMEDEV WEBRING {highlightEmoji}</a>
+        <span>〕</span>
+    </div>
+    <div class="webring-row">
+        <span>〔</span>
+        <a href="{prevLink}">{prevSymbol} PREV</a>
+        {#if randLink}
+            <a href="{randLink}">RAND</a>
+        {/if}
+        {#if listLink}
+            <a href="{listLink}">LIST</a>
+        {/if}
+        <a href="{nextLink}">NEXT {nextSymbol}</a>
+        <span>〕</span>
+    </div>
+</div>
+
+<style>
+    .webring-container {
+        display: flex;
+        width: fit-content;
+        flex-direction: column;
+        align-items: center;
+        margin: 16px auto;
+    }
+    a {
+        margin: 0 4px;
+        text-decoration: none;
+        font-size: 1.0rem;
+        line-height: 1.4rem;
+        transition: color 0.1s ease-out, font-weight 0.1s ease-out;
+    }
+    a:link, a:visited, span {
+        color: var(--color-highlight);
+    }
+    a:hover {
+        font-weight: 600;
+        color: var(--color-highlight-alt);
+    }
+    .webring-row {
+        font-family: var(--font-mono);
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+    }
+    span {
+        margin: 0;
+        font-weight: bold;
+        font-size: 1.0rem;
+        line-height: 1.4rem;
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1845db6..bd06ab5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import Content from "$lib/viewport/content.svelte";
-    import GamedevWebring from "$lib/webrings/gamedev.svelte";
+    import Webring from "$lib/webrings/ring.svelte";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
     import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";
 
@@ -81,7 +81,15 @@
     </div>
 
     <div class="webring-container">
-        <GamedevWebring />
+        <Webring
+            ringLink="https://www.rainbowcemetery.com/devring"
+            prevLink="https://www.rainbowcemetery.com/devring/prev.php?id=18"
+            nextLink="https://www.rainbowcemetery.com/devring/next.php?id=18"
+            randLink="https://www.rainbowcemetery.com/devring/rand.php?id=18"
+            listLink="https://www.rainbowcemetery.com/devring/list.php?id=18"
+            prevSymbol="&lt;&lt;"
+            nextSymbol="&gt;&gt;"
+            highlightEmoji="👾" />
     </div>
 
     <GalleryRow entries={galleryTopRow} />