From ea925d91440e335fc94c225b37fe63259498f975 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Thu, 11 Jul 2024 18:04:53 -0400
Subject: [PATCH] Create instance list

---
 src/components/InstanceList.astro | 50 +++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/components/InstanceList.astro

diff --git a/src/components/InstanceList.astro b/src/components/InstanceList.astro
new file mode 100644
index 0000000..a4c19e1
--- /dev/null
+++ b/src/components/InstanceList.astro
@@ -0,0 +1,50 @@
+---
+const InstanceList = await fetch('https://codeberg.org/MinPluto/MinPluto/raw/branch/master/instances.json').then((response) => response.json());
+---
+
+<table>
+    <thead>
+        <tr>
+            <th>URL</th>
+            <th>Official</th>
+            <th>Region</th>
+            <th>Cloudflare</th>
+        </tr>
+    </thead>
+    <tbody>
+        {InstanceList.map((server) => 
+            <tr>
+                <td><a href={server[1].uri}>{server[1].uri}</a></td>
+                <td>{server[1].official}</td>
+                <td>{server[1].region}</td>
+                <td>{server[1].CLOUDFLARE}</td>
+            </tr>
+        )}
+    </tbody>
+</table>
+
+<style>
+table {
+    border: 1px solid #3d3846;
+    height: 100%;
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+    border-spacing: 1px;
+    text-align: left;
+}
+
+th {
+    border: 1px solid #3d3846;
+    background-color: #000000;
+    color: #ffffff;
+    padding: 6px;
+}
+
+td {
+    border: 1px solid #3d3846;
+    background-color: #241f31;
+    color: #f6f5f4;
+    padding: 6px;
+}
+</style>
\ No newline at end of file