From 4109f3187124c881d21944125cb828dc1b8fea02 Mon Sep 17 00:00:00 2001
From: supercolbat <supercolbat@protonmail.com>
Date: Sat, 5 Aug 2023 15:35:15 -0500
Subject: [PATCH] More styling and rewording

---
 src/routes/+layout.svelte               | 12 +++-----
 src/routes/instances/instances.ts       |  2 +-
 src/routes/pubnix/faq/+page.svelte      | 18 ++++++-----
 src/routes/pubnix/register/+page.svelte | 41 +++++++++++++++++--------
 4 files changed, 44 insertions(+), 29 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4704332..c0b9389 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,17 +9,15 @@
 	import PageTransition from "$lib/PageTransition.svelte";
 	import type { LayoutData } from "./$types";
 
+	const title = $page.url.pathname.startsWith("/blog")
+		? `${$page.data.title} | Project Segfault blog`
+		: `${$page.data.title} | Project Segfault`;
+
 	export let data: LayoutData;
 </script>
 
 <svelte:head>
-	<title
-		>{$page.data.title} | Project Segfault {$page.url.pathname.startsWith(
-			"/blog"
-		)
-			? "blog"
-			: ""}</title
-	>
+	<title>{title}</title>
 	{#if $page.data.description}
 		<meta
 			name="description"
diff --git a/src/routes/instances/instances.ts b/src/routes/instances/instances.ts
index 5e67c0e..b38e4fc 100644
--- a/src/routes/instances/instances.ts
+++ b/src/routes/instances/instances.ts
@@ -374,7 +374,7 @@ const instances: Instances[] = [
 			},
 			{
 				name: "Cockpit",
-				description: "WebUI for users to access the Pubnix services.",
+				description: "WebUI for users to access the pubnix services.",
 				eu: "https://cockpit.p.projectsegfau.lt/",
 				icon: "/icons/cockpit.svg"
 			},
diff --git a/src/routes/pubnix/faq/+page.svelte b/src/routes/pubnix/faq/+page.svelte
index 2324624..cd06ded 100644
--- a/src/routes/pubnix/faq/+page.svelte
+++ b/src/routes/pubnix/faq/+page.svelte
@@ -22,16 +22,15 @@
 >
 <h2>How do I get started?</h2>
 <span
-	>First, you need to register an account. You can do that <a
-		href="/pubnix/register">here</a
-	>. After registering, you need to wait a while because we manually check
-	each registration. If you get accepted, you will receive an email.</span
+	>First, you need to <a href="/pubnix/register">register an account</a>.
+	After registering, you need to wait a while because we manually check each
+	registration. If you get accepted, you will receive an email.</span
 >
-<h2>What's your systems specs?</h2>
+<h2>What are your system's specs?</h2>
 <span>Guess you'll have to find out. Join today!</span>
 <h2>I joined, but I have no idea what to do.</h2>
 <span
-	>No worries! We have put out tutorials on how to do common things on our <a
+	>No worries! We put out tutorials on how to do common things on our <a
 		href="https://wiki.projectsegfau.lt/index.php?title=Category%3APubnix"
 		>wiki</a
 	>.</span
@@ -41,6 +40,9 @@
 	>Yep! We have a <a href="https://matrix.to/#/#pubnix:projectsegfau.lt"
 		>Matrix room</a
 	>
-	and an <a href="https://join.jabber.network/#pubnix@conference.projectsegfau.lt?join">XMPP MUC</a> to
-	discuss the pubnix.</span
+	and an
+	<a
+		href="https://join.jabber.network/#pubnix@conference.projectsegfau.lt?join"
+		>XMPP MUC</a
+	> to discuss the pubnix.</span
 >
diff --git a/src/routes/pubnix/register/+page.svelte b/src/routes/pubnix/register/+page.svelte
index 1a76892..f783d30 100644
--- a/src/routes/pubnix/register/+page.svelte
+++ b/src/routes/pubnix/register/+page.svelte
@@ -5,7 +5,7 @@
 	export let data: PageData;
 
 	let siteKey = "cb477b1b-6f87-43ee-aa79-71e3302fbb34";
-  	//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY; 
+	//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY;
 </script>
 
 <h1>{data.title}</h1>
@@ -47,13 +47,10 @@
 			rows="5"
 			required
 		/>
-	<div>
-		<label for="h-captcha-response"
-		><HCaptcha sitekey={siteKey} />
-	  </label>
 	</div>
 
-
+	<div>
+		<label for="h-captcha-response"><HCaptcha sitekey={siteKey} /> </label>
 	</div>
 
 	{#if form?.success}
@@ -64,8 +61,18 @@
 		{form.message}
 	{/if}
 
-	<div style="display:block;" >
-	<input type="checkbox" style="display:inline-block;width: 1em;margin-right: 10px;" required><p style="display:inline-block;word-break: break-all;">I agree to the <a href="/legal/tos">Terms of Service</p>.
+	<div style="display:block;">
+		<input
+			id="tos"
+			type="checkbox"
+			required
+		/>
+		<label
+			for="tos"
+			style="display:inline-block;word-break: break-all;"
+		>
+			I agree to the <a href="/legal/tos">Terms of Service</a>.
+		</label>
 	</div>
 
 	<button
@@ -81,12 +88,20 @@
 	form > div {
 		@apply flex flex-col items-start gap-2 w-fit;
 	}
-	form > div > label {
+
+	form label:not([for="tos"]) {
 		@apply text-xl font-semibold;
 	}
-	form > div > input,
-	form > div > textarea,
-	form > button {
-		@apply w-110 lt-sm\:w-70 px-2 py-1 bg-secondary rounded flex items-center gap-2 text-lg;
+
+	form input,
+	form textarea,
+	form button {
+		@apply w-110 lt-sm\:w-70 px-2 py-1 bg-secondary rounded flex justify-center items-center gap-2 text-lg;
+		border: 1pt solid var(--alt);
+	}
+
+	form input[type="checkbox"] {
+		display: inline-block;
+		width: min-content;
 	}
 </style>