From 8e671a1084e2f37b4dde8cf57435ae95db6862a1 Mon Sep 17 00:00:00 2001
From: Jack <29169102+Jack5079@users.noreply.github.com>
Date: Sun, 1 Jan 2023 17:54:39 -0500
Subject: [PATCH] refactor: :fire: fuck it we're doing git last

---
 src/routes/+layout.svelte                   |  19 +---
 src/routes/@etc/+page.svelte                |  83 ++++++++++++++++
 src/routes/@etc/Luau.ml/+page.svelte        | 103 --------------------
 src/routes/@etc/Luau.ml/issues/+page.svelte |  17 ----
 4 files changed, 86 insertions(+), 136 deletions(-)
 create mode 100644 src/routes/@etc/+page.svelte
 delete mode 100644 src/routes/@etc/Luau.ml/+page.svelte
 delete mode 100644 src/routes/@etc/Luau.ml/issues/+page.svelte

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0c0ebef..345f50a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -28,23 +28,10 @@
 			</svg>
 			<span>Etcetera</span>
 		</a>
-		/
+		<!-- /
 		<a href="https://luau.ml">
-			<svg
-				height="20"
-				viewBox="0 0 15 15"
-				fill="#ff4539"
-				style="background:white;padding:5px"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<path d="m 12,11 v 3 h 3 v -3 z" />
-				<path d="m 8,11 v 3 h 3 v -3 z" />
-				<path d="m 0,11 v 1.5 L 1.5,14 H 7 v -3 z" />
-				<path d="m 9.6230469,7 v 3 H 12.623047 V 7 Z" />
-				<path d="M 3.5,0 2,1.5 V 3 10 H 7 9 V 6 h 3 V 3 h 2 V 1.5 L 12.5,0 Z" />
-			</svg>
-			<span>Luau.ml</span>
-		</a>
+			<span>Note</span>
+		</a> -->
 
 		<slot name="nav" />
 	</nav>
diff --git a/src/routes/@etc/+page.svelte b/src/routes/@etc/+page.svelte
new file mode 100644
index 0000000..0b6caa5
--- /dev/null
+++ b/src/routes/@etc/+page.svelte
@@ -0,0 +1,83 @@
+<main>
+	<header class="h-card">
+		<img
+			src="https://media.wetdry.world/accounts/headers/107/056/519/414/414/906/original/70fe7d75d3eb5dcb.png"
+			class="banner"
+			alt="Etcetera's banner"
+		/>
+		<div>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 173.8 275.72"
+				height="50"
+				style="background: white;padding:5px;aspect-ratio: 1/1;border-radius: 5px;"
+				class="pfp"
+			>
+				<g transform="translate(-14.71 -21.92)" fill="black">
+					<circle cx="51.84" cy="48.35" r="21.6" />
+					<circle cx="49.33" class="middle" cy="139.79" r="34.62" />
+					<circle cx="134.49" cy="152.6" r="21.6" class="middle" />
+					<circle cx="141.87" cy="68.56" r="46.65" />
+					<circle cx="117.39" cy="241.5" r="56.14" class="bottom" />
+				</g>
+			</svg>
+			<h1 class="p-name">Etcetera</h1>
+			<small>@etc@cetera.uk</small>
+			<p class="p-note">Software of dubious quality.</p>
+			<dl class="stats">
+				<dt>Followers</dt>
+				<dd>10</dd>
+				<!-- <dt>Following</dt>
+				<dd>0</dd> -->
+				<dt>Posts</dt>
+				<dd>0</dd>
+			</dl>
+			<dl class="meta">
+				<dt>Developer blog (technical info about our software)</dt>
+				<dd><a rel="me" href="https://jack.cetera.uk">https://jack.cetera.uk</a></dd>
+				<dt>Website</dt>
+				<dd><a rel="me" class="verified" href="https://cetera.uk">https://cetera.uk</a></dd>
+				<dt>Free as in</dt>
+				<dd>freedom</dd>
+			</dl>
+		</div>
+	</header>
+</main>
+
+<style>
+	h1 {
+		font-size: 1.5em;
+		margin: 0;
+	}
+	.banner {
+		width: 100%;
+	}
+	.pfp {
+		margin-top: -30px;
+	}
+	header {
+		width: 300px;
+		display: block;
+	}
+	header div {
+		margin-left: 10px;
+	}
+	.stats {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+	}
+	.stats dt {
+		font-weight: bold;
+	}
+	.stats dd {
+		font-family: monospace;
+	}
+	.meta dt {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.verified {
+		color: #6acb5d;
+	}
+</style>
diff --git a/src/routes/@etc/Luau.ml/+page.svelte b/src/routes/@etc/Luau.ml/+page.svelte
deleted file mode 100644
index 32c6655..0000000
--- a/src/routes/@etc/Luau.ml/+page.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-<ul class="sidebar">
-	<li>
-		<details>
-			<summary> src/</summary>
-			<ul>
-				<li>main.js</li>
-			</ul>
-		</details>
-	</li>
-	<li>package.json</li>
-	<li>README.md</li>
-</ul>
-<main>
-	<pre>README.md</pre>
-	<!-- <dl>
-		<dt>Files and folders</dt>
-		<dd>
-			<ul>
-				<li>src</li>
-				<li>package.json</li>
-				<li>README.md</li>
-			</ul>
-		</dd>
-	</dl>
-	<dl>
-		<dt>README</dt>
-		<dd>
-			<h1>Project Mollabox</h1>
-			<p>The world's most feature-rich fediverse server.</p>
-		</dd>
-	</dl> -->
-	<h1>Project Mollabox</h1>
-	<p>
-		Federates notes, articles, photos, videos, and Git repos. And the Android client can double as
-		the server.
-	</p>
-	<h2>Features</h2>
-	<ul>
-		<li>
-			Written in Svelte + SvelteKit, so it won't suffer from <a href="https">the Misskey problem</a>
-		</li>
-		<li>Somewhat responsive</li>
-	</ul>
-	<h2>Issues</h2>
-	<ul>
-		<li>My friend wants me to make this a monoculture, I say no</li>
-		<li>ActivityPub is fucking hard</li>
-		<li>How do I handle redirects???</li>
-		<li>
-			The fuck is moderation gonna be like? Already bad enough having to ban assholes on a Mastodon
-			instance, how about MALWARE on a oxy instance?
-			<ul>
-				<li>
-					0 chance the Android server will host Git repos by default, no phone can handle CI/CD
-				</li>
-				<li>
-					No public sign-ups. Only invite codes.
-					<ul>
-						<li>This also solves the issue of e-mail verification</li>
-					</ul>
-				</li>
-			</ul>
-		</li>
-	</ul>
-</main>
-
-<style>
-	dt {
-		font-weight: bold;
-	}
-	dd {
-		margin-inline-start: 0;
-	}
-	dd > ul {
-		list-style: none;
-		margin-block-start: 0;
-		margin-block-end: 0;
-		padding-left: 0;
-		column-count: 3;
-	}
-	dd > ul > li {
-		margin-block-start: 0;
-		margin-block-end: 0;
-	}
-	main {
-		grid-area: main;
-	}
-	.sidebar {
-		grid-area: sidebar;
-		list-style: none;
-		background: black;
-		margin-block-start: 0;
-		margin-block-end: 0;
-		padding-left: 1ch;
-		padding-top: 1ch;
-	}
-	main pre {
-		background: #111;
-		color: white;
-		padding: 1ch;
-		margin-block-start: 0;
-	}
-</style>
diff --git a/src/routes/@etc/Luau.ml/issues/+page.svelte b/src/routes/@etc/Luau.ml/issues/+page.svelte
deleted file mode 100644
index 595150c..0000000
--- a/src/routes/@etc/Luau.ml/issues/+page.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script>
-	import IssueRow from '$lib/IssueRow.svelte';
-</script>
-
-<form>
-	<input type="search" placeholder="Search" />
-</form>
-<ul>
-	<IssueRow number={10} type="bug" title="jack5079.tk domain has expired" />
-</ul>
-
-<style>
-	ul {
-		list-style: none;
-		padding: 0;
-	}
-</style>