From c63b2cead70fd8ba633bd105863eaf117a4f04fa Mon Sep 17 00:00:00 2001
From: LimePotato <nelle@limepot.xyz>
Date: Tue, 23 Jan 2024 20:08:32 -0700
Subject: [PATCH] cleanup & update

---
 src/layouts/Layout.astro  |  4 ++
 src/pages/index.astro     | 81 ++++++++++++++++++++++----------
 src/pages/minecraft.astro | 98 +++++++++++++++++++++++++++++++++++++++
 src/pages/mumble.astro    | 93 +++++++++++++++++++++++++++++++++++++
 4 files changed, 252 insertions(+), 24 deletions(-)
 create mode 100644 src/pages/minecraft.astro
 create mode 100644 src/pages/mumble.astro

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3a876fe..c2ba4e4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -24,6 +24,10 @@ const { title } = Astro.props;
             </div>
         </section>
 	</body>
+	<footer>
+		<br>
+		<p style="line-height: 20; text-align: center;">hi :) - hosted & created by <a href="https://limepot.xyz">limepotato</a></p>
+	</footer>
 </html>
 <style is:global>
 	:root {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c95a5e9..d4faa6d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,9 +3,11 @@ import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
 ---
 
-<Layout title="Home Page">
+<Layout title="Ouroboros Group Landing">
 	<main>
-		<h1><span class="text-gradient">Welcome Home :)</span></h1>
+		<h1><span class="text-gradient">Ouroboros</span></h1>
+		<h3><u><a href="https://up.ouroboros.group">Experiencing Downtimes?</a></u></h3>
+		<h2><a>Websites</a></h2>
 		<ul role="list" class="link-card-grid">
 			<Card
 				href="https://git.ouroboros.group/"
@@ -14,23 +16,8 @@ import Card from '../components/Card.astro';
 			/>
 			<Card
 				href="https://ouroboros.gay/"
-				title="Ouroboros.Gay"
-				body="FireFish Instance, for the Fediverse."
-			/>
-			<Card
-				href="https://ak.ouroboros.gay/"
-				title="Ouroboros.Gay"
-				body="Akkoma Instance, for the Fediverse."
-			/>
-			<Card
-				href="https://up.ouroboros.group/"
-				title="Uptime Kuma"
-				body="Uptime Kuma Instance."
-			/>
-			<Card
-				href="https://limepot.xyz/"
-				title="Personal Website"
-				body="Personal Website."
+				title="Fediverse - Iceshrimp*"
+				body="The Fediverse! | Registration Closed"
 			/>
 			<Card
 				href="https://nullafati.xyz/"
@@ -43,9 +30,38 @@ import Card from '../components/Card.astro';
 				body="Details on The Unlicense."
 			/>
 			<Card
-				href="https://modrinth.com/user/limepotato/"
-				title="Modrinth Profile"
-				body="Personal Modrinth profile."
+				href="https://translate.ouroboros.group/"
+				title="LibreTranslate"
+				body="Translation Service"
+			/>
+			<Card
+				href="https://ntfy.ouroboros.group/"
+				title="ntfy"
+				body="Push Notification Service"
+			/>
+			<Card
+				href="https://cloud.ouroboros.group/"
+				title="NextCloud"
+				body="'ThE ClOUd'"
+			/>
+		</ul>
+		<br>
+		<h2><a>Services & Game-Servers</a></h2>
+		<ul role="list" class="link-card-grid">
+			<Card
+				href="/mumble"
+				title="Mumble Server"
+				body="ouroboros.gay:64738"
+			/>
+			<Card
+				href="/minecraft"
+				title="Minecraft Server"
+				body="mc.ouroboros.gay | 1.7 --> 1.20"
+			/>
+			<Card
+				href="matrix.ourobros.gay"
+				title="Matrix Server"
+				body="matrix.ouroboros.gay | Registration Closed"
 			/>
 		</ul>
 	</main>
@@ -54,8 +70,7 @@ import Card from '../components/Card.astro';
 <style>
 	main {
 		margin: auto;
-		padding: 1rem;
-		width: 800px;
+		width: 1000px;
 		max-width: calc(100% - 2rem);
 		color: white;
 		font-size: 20px;
@@ -77,6 +92,24 @@ import Card from '../components/Card.astro';
 		text-align: center;
 		margin-bottom: 1em;
 	}
+	h2 {
+		font-size: 3rem;
+		font-weight: 700;
+		text-align: center;
+	}
+	h3 {
+		font-size: 2rem;
+		font-weight: 700;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	p {
+		font-size: 0.7rem;
+		font-weight: 700;
+		line-height: 2;
+		text-align: center;
+		margin-bottom: 2em;
+	}
 	.text-gradient {
 		background-image: var(--accent-gradient);
 		-webkit-background-clip: text;
diff --git a/src/pages/minecraft.astro b/src/pages/minecraft.astro
new file mode 100644
index 0000000..696ba74
--- /dev/null
+++ b/src/pages/minecraft.astro
@@ -0,0 +1,98 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Ouroboros Minecraft Info">
+    <main>
+        <h1><span class="text-gradient">Minecraft Server Info</span></h1>
+		<p class="instructions">This server supports Java 1.7-1.20.2 and Bedrock edition</a>.</p>
+		<p class="instructions">Maximum occupancy: 30</p>
+		<br>
+        <h3 class="text-gradient">Java Edition</h3>
+		<p>address: <code>mc.ouroboros.gay</code></p>
+		<p>port: <code>25565</code></p>
+        <br>
+        <h3 class="text-gradient">Bedrock Edition</h3>
+		<p>address: <code>mc.ouroboros.gay</code></p>
+		<p>port: <code>19132</code></p>
+    </main>
+</Layout>
+
+<style>
+	main {
+		margin: auto;
+		width: 1000px;
+		max-width: calc(100% - 2rem);
+		color: white;
+		font-size: 20px;
+		line-height: 1.6;
+	}
+	.astro-a {
+		position: absolute;
+		top: -32px;
+		left: 50%;
+		transform: translatex(-50%);
+		width: 220px;
+		height: auto;
+		z-index: -1;
+	}
+	h1 {
+		font-size: 4rem;
+		font-weight: 700;
+		line-height: 1;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	h2 {
+		font-size: 3rem;
+		font-weight: 700;
+		text-align: center;
+	}
+	h3 {
+		font-size: 2rem;
+		font-weight: 700;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	p {
+		font-size: 2rem;
+		font-weight: 700;
+		line-height: 2;
+		text-align: center;
+	}
+    code {
+        background-color: #181926;
+		color: #8bd5ca;
+    }
+	.text-gradient {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 400%;
+		background-position: 0%;
+	}
+	.instructions {
+		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;
+	}
+	.instructions 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;
+	}
+	.instructions 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>
\ No newline at end of file
diff --git a/src/pages/mumble.astro b/src/pages/mumble.astro
new file mode 100644
index 0000000..7cf6727
--- /dev/null
+++ b/src/pages/mumble.astro
@@ -0,0 +1,93 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Ourobors Mumble Info">
+    <main>
+		<h1><span class="text-gradient">Mumble Server Info</span></h1>
+		<p class="instructions">To join <a href="https://www.mumble.info/downloads/">download & install Mumble</a>.</p>
+		<p class="instructions">Maximum occupancy: 20</p>
+		<br>
+		<p>address: <code>ouroboros.gay</code></p>
+		<p>port: <code>64738</code></p>
+    </main>
+</Layout>
+
+<style>
+	main {
+		margin: auto;
+		width: 1000px;
+		max-width: calc(100% - 2rem);
+		color: white;
+		font-size: 20px;
+		line-height: 1.6;
+	}
+	.astro-a {
+		position: absolute;
+		top: -32px;
+		left: 50%;
+		transform: translatex(-50%);
+		width: 220px;
+		height: auto;
+		z-index: -1;
+	}
+	h1 {
+		font-size: 4rem;
+		font-weight: 700;
+		line-height: 1;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	h2 {
+		font-size: 3rem;
+		font-weight: 700;
+		text-align: center;
+	}
+	h3 {
+		font-size: 2rem;
+		font-weight: 700;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	p {
+		font-size: 2rem;
+		font-weight: 700;
+		line-height: 2;
+		text-align: center;
+	}
+    code {
+        background-color: #181926;
+		color: #8bd5ca;
+    }
+	.text-gradient {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 400%;
+		background-position: 0%;
+	}
+	.instructions {
+		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;
+	}
+	.instructions 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;
+	}
+	.instructions 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>
\ No newline at end of file