diff --git a/src/lib/webrings/gamedev.svelte b/src/lib/webrings/gamedev.svelte
new file mode 100644
index 0000000..cd1542f
--- /dev/null
+++ b/src/lib/webrings/gamedev.svelte
@@ -0,0 +1,35 @@
+<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=0">↫ PREV</a>
+        <a href="https://www.rainbowcemetery.com/devring/rand.php?id=0">RAND</a>
+        <a href="https://www.rainbowcemetery.com/devring/list.php?id=0">LI<i>S</i>T</a>
+        <a href="https://www.rainbowcemetery.com/devring/next.php?id=0">NEXT ↬</a>
+        <span>〕</span>
+    </div>
+</div>
+
+<style>
+    .webring-container {
+        display: flex;
+        width: fit-content;
+        flex-direction: column;
+        align-items: center;
+        margin: 16px auto;
+    }
+    .webring-row a {
+        margin: 0 4px;
+        text-decoration: none;
+    }
+    .webring-row {
+        font-family: 'Space Mono';
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e71085f..ca3bc87 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import Header from "$lib/header.svelte";
+    import GamedevWebring from "$lib/webrings/gamedev.svelte";
 
     var lastIndex = -1;
     let meImg: string = "common/me/a.webp";
@@ -40,22 +41,7 @@
 
         <p>Feel free to contact me via these means:</p>
 
-        <!-- gamedev webring -->
-        <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=0">↫ PREV</a>
-                <a href="https://www.rainbowcemetery.com/devring/rand.php?id=0">RAND</a>
-                <a href="https://www.rainbowcemetery.com/devring/list.php?id=0">LI<i>S</i>T</a>
-                <a href="https://www.rainbowcemetery.com/devring/next.php?id=0">NEXT ↬</a>
-                <span>〕</span>
-            </div>
-        </div>
+        <GamedevWebring />
     </div>
 </div>
 
@@ -75,22 +61,4 @@
         width: 32px;
         display: inline-block;
     }
-    
-    .webring-container {
-        display: flex;
-        width: fit-content;
-        flex-direction: column;
-        align-items: center;
-        margin: 16px auto;
-    }
-    .webring-row a {
-        margin: 0 4px;
-        text-decoration: none;
-    }
-    .webring-row {
-        font-family: 'Space Mono';
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-    }
 </style>
\ No newline at end of file