From f05fdad5bbd1ce3ac237b9b7174022ea8cb6521a Mon Sep 17 00:00:00 2001
From: limepotato <limepot@protonmail.ch>
Date: Mon, 1 Jul 2024 00:40:17 -0600
Subject: [PATCH] add clients list

---
 package-lock.json           |   2 +-
 src/pages/index.astro       | 118 ++++++++++++++++++++++++++++++-
 src/pages/information.astro | 134 ------------------------------------
 3 files changed, 116 insertions(+), 138 deletions(-)
 delete mode 100755 src/pages/information.astro

diff --git a/package-lock.json b/package-lock.json
index bc04828..f22e1b6 100755
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "gay-info",
+  "name": "ouroboros-gay-info",
   "version": "0.0.1",
   "lockfileVersion": 3,
   "requires": true,
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ca9e42e..61da0b5 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,11 +5,54 @@ import Card from '../components/Card.astro';
 
 <Layout title="Ouroboros.Gay Info">
 	<main>
-		<h1><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"><u>howdy cruel world</u></a></h1>
-		<h1><a href="/information"><u>WIP Info Page</u></a></h1>
+		<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1>
+        <h2><span class="text-gradient-1"><a href="https://www.youtube.com/watch?v=_ccoZhuNlls">Terms Of Service</a></span></h2>
+        <hr>
+        <h3>In-Server Rules & Info</h3>
+        <h4>While this is a closed-signup instance, you may request an invite code by messaging 
+            <a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a> or emailing 
+            <a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an intro about you and why you want to join.
+        </h4>
+        <h4>As it stands there are no real set rules of the instance, however if any user engages in any of the below defederatable behavior
+            they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity.
+        </h4>
+        <hr>
+        <h3>Federation Policy</h3>
+        <h4><a href="/fed-list"><u>Defed/Suspend List & Reasons <span style="color:#f38ba8">- To Be Updated!</span></u></a></h4>
+        <h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient 
+            evidence of problematic behavior has been provided. That being said, 
+            here is what we consider to be problematic behavior:
+        </h4>
+        <b>Defederatable:</b>
+        <ul role="list" style="list-style-type:circle">
+            <li>Anything Illegal* in The State of California</li>
+            <li>Pedophilia</li>
+            <p>- Absolutely zero tolerance. Filthy.</p>
+            <li>Being a Fed</li>
+            <p>- I just hate the government.</p>
+            <li>Hate Speech of any marginalized group</li>
+            <p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p>
+            <li>Admin is a fan of the Seattle Seahawks</li>
+        </ul>
+        <br>
+        <b>Suspend/Silence:</b>
+        <ul role="list" style="list-style-type:circle">
+            <li>Excessive "Trolling" AKA. Harrassment.</li>
+            <p>- Just don't annoy the shit out of our users, I guess</p>
+            <li>Being annoying</li>
+            <p>- This is 100% up to my personal biasis</p>
+            <li>Spam Bots</li>
+        </ul>
+        <hr>
+        <h3>Alternative Clients</h3>
+		<b>Ouroboros.gay Hosted Web:</b>
+        <ul role="list" style="list-style-type:circle">
+            <li><a href="https://campfire.ouroboros.gay">Campfire</a></li>
+            <li><a href="https://elk.ouroboros.gay">Elk</a></li>
+            <li><a href="https://8bloat.ouroboros.gay">8bloat</a></li>
+        </ul>
 	</main>
 </Layout>
-
 <style>
 	main {
 		margin: auto;
@@ -27,4 +70,73 @@ import Card from '../components/Card.astro';
 		text-align: center;
 		margin-bottom: 1em;
 	}
+    h2 {
+		font-size: 3rem;
+		font-weight: 700;
+		line-height: 1;
+		margin-bottom: .1em;
+        text-align: center;
+	}
+    h3 {
+		font-size: 2rem;
+		font-weight: 700;
+		line-height: 1;
+        margin-bottom: 1em;
+    }
+    h4 {
+		font-size: 1rem;
+		font-weight: 700;
+		line-height: 1;
+		margin-bottom: 1em;
+	}
+    p {
+		font-size: .98rem;
+		font-weight: 250;
+		line-height: 1;
+	}
+	.text-gradient {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 400%;
+		background-position: 0%;
+	}
+    .text-gradient-1 {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 140%;
+		background-position: 0%;
+	}
+    .text-gradient-2 {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 270%;
+		background-position: 0%;
+	}
+	.informational {
+		margin-bottom: 2rem;
+		border: 1px solid rgba(var(--accent-light), 25%);
+		background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
+		padding: 1.5rem;
+		border-radius: 8px;
+	}
+	.informational code {
+		font-size: 0.8em;
+		font-weight: bold;
+		background: rgba(var(--accent-light), 12%);
+		color: rgb(var(--accent-light));
+		border-radius: 4px;
+		padding: 0.3em 0.4em;
+	}
+	.informational strong {
+		color: rgb(var(--accent-light));
+	}
+	.link-card-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
+		gap: 2rem;
+		padding: 0;
+	}
 </style>
diff --git a/src/pages/information.astro b/src/pages/information.astro
deleted file mode 100755
index 286243b..0000000
--- a/src/pages/information.astro
+++ /dev/null
@@ -1,134 +0,0 @@
----
-import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
----
-
-<Layout title="Ouroboros.Gay Info">
-	<main>
-		<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1>
-        <h2><span class="text-gradient-1">Terms Of Service</span></h2>
-        <br>
-        <h3>In-Server Rules & Info</h3>
-        <h4>While this is a closed-signup instance, you may request an invite code by messaging 
-            <a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a> or emailing 
-            <a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an intro about you and why you want to join.
-        </h4>
-        <h4>As it stands there are no real set rules of the instance, however if any user engages in any of the below defederatable behavior
-            they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity.
-        </h4>
-        <br>
-        <h3>Federation Policy</h3>
-        <h4><a href="/fed-list"><u>Defed/Suspend List & Reasons</u></a></h4>
-        <h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient 
-            evidence of problematic behavior has been provided. That being said, 
-            here is what we consider to be problematic behavior:
-        </h4>
-        <b>Defederatable:</b>
-        <ul role="list" style="list-style-type:circle">
-            <li>Anything Illegal* in The State of California</li>
-            <li>Pedophilia</li>
-            <p>- Absolutely zero tolerance. Filthy.</p>
-            <li>Being a Fed</li>
-            <p>- I just hate the government.</p>
-            <li>Hate Speech of any marginalized group</li>
-            <p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p>
-            <li>Admin is a fan of the Seattle Seahawks</li>
-        </ul>
-        <br>
-        <b>Suspend/Silence:</b>
-        <ul role="list" style="list-style-type:circle">
-            <li>Excessive "Trolling" AKA. Harrassment.</li>
-            <p>- Just don't annoy the shit out of our users, I guess</p>
-            <li>Being annoying</li>
-            <p>- This is 100% up to my personal biasis</p>
-            <li>Spam Bots</li>
-        </ul>
-	</main>
-</Layout>
-<style>
-	main {
-		margin: auto;
-		padding: 1rem;
-		width: 800px;
-		max-width: calc(100% - 2rem);
-		color: white;
-		font-size: 20px;
-		line-height: 1.6;
-	}
-	h1 {
-		font-size: 4rem;
-		font-weight: 700;
-		line-height: 1;
-		text-align: center;
-		margin-bottom: 1em;
-	}
-    h2 {
-		font-size: 3rem;
-		font-weight: 700;
-		line-height: 1;
-		margin-bottom: .1em;
-        text-align: center;
-	}
-    h3 {
-		font-size: 2rem;
-		font-weight: 700;
-		line-height: 1;
-        margin-bottom: 1em;
-    }
-    h4 {
-		font-size: 1rem;
-		font-weight: 700;
-		line-height: 1;
-		margin-bottom: 1em;
-	}
-    p {
-		font-size: .98rem;
-		font-weight: 250;
-		line-height: 1;
-	}
-	.text-gradient {
-		background-image: var(--accent-gradient);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		background-size: 400%;
-		background-position: 0%;
-	}
-    .text-gradient-1 {
-		background-image: var(--accent-gradient);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		background-size: 140%;
-		background-position: 0%;
-	}
-    .text-gradient-2 {
-		background-image: var(--accent-gradient);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-		background-size: 270%;
-		background-position: 0%;
-	}
-	.informational {
-		margin-bottom: 2rem;
-		border: 1px solid rgba(var(--accent-light), 25%);
-		background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
-		padding: 1.5rem;
-		border-radius: 8px;
-	}
-	.informational code {
-		font-size: 0.8em;
-		font-weight: bold;
-		background: rgba(var(--accent-light), 12%);
-		color: rgb(var(--accent-light));
-		border-radius: 4px;
-		padding: 0.3em 0.4em;
-	}
-	.informational strong {
-		color: rgb(var(--accent-light));
-	}
-	.link-card-grid {
-		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
-		gap: 2rem;
-		padding: 0;
-	}
-</style>