style changes + add desktop footer + add terms & stuff

src/routes/+layout.svelte

@@ -9,6 +9,7 @@ import type { ServerHealth, UserEntry } from '$lib/backend';
     import { getFlash } from 'sveltekit-flash-message';
     import { page } from "$app/state";
     import FlashMessage from '$lib/FlashMessage.svelte';
+    import DesktopFooter from '$lib/DesktopFooter.svelte';
 
 let { data, children } : { 
   data: {me: UserEntry},
@@ -53,6 +54,8 @@ let colorThemeCls = $derived(`color-scheme-${colorScheme} color-theme-${colorThe
     {@render children()}
   </main>
 
+  <DesktopFooter />
+
   <MobileFooter />
 </div>
 

src/routes/privacy/+page.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import { SvelteShowdown } from "svelte-showdown";
+
+    let { data }: { data: {content: string} } = $props();
+
+    let { content } = data;
+</script>
+
+<article class="card">
+    <p class="faint">Privacy Policy</p>
+
+    <SvelteShowdown {content} />
+</article>

src/routes/privacy/+page.ts

@@ -0,0 +1,19 @@
+import { backend } from '$lib/backend.js';
+import { error } from '@sveltejs/kit';
+
+
+
+export async function load(event) {
+
+    const resp = await backend.withEvent(event).fetch('about/privacy');
+
+    if(resp.status === 404) {
+        error(404);
+    }
+
+    const respJ = await resp.json();
+
+    const { content } = respJ;
+
+    return { content };
+}

src/routes/rules/+page.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import { SvelteShowdown } from "svelte-showdown";
+
+    let { data }: { data: {content: string} } = $props();
+
+    let { content } = data;
+</script>
+
+<article class="card">
+    <p class="faint">Community Guidelines</p>
+
+    <SvelteShowdown {content} />
+</article>

src/routes/rules/+page.ts

@@ -0,0 +1,19 @@
+import { backend } from '$lib/backend.js';
+import { error } from '@sveltejs/kit';
+
+
+
+export async function load(event) {
+
+    const resp = await backend.withEvent(event).fetch('about/rules');
+
+    if(resp.status === 404) {
+        error(404);
+    }
+
+    const respJ = await resp.json();
+
+    const { content } = respJ;
+
+    return { content };
+}

src/routes/terms/+page.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import { SvelteShowdown } from "svelte-showdown";
+
+    let { data }: { data: {content: string} } = $props();
+
+    let { content } = data;
+</script>
+
+<article class="card">
+    <p class="faint">Terms of Service</p>
+
+    <SvelteShowdown {content} />
+</article>

src/routes/terms/+page.ts

@@ -0,0 +1,19 @@
+import { backend } from '$lib/backend.js';
+import { error } from '@sveltejs/kit';
+
+
+
+export async function load(event) {
+
+    const resp = await backend.withEvent(event).fetch('about/terms');
+
+    if(resp.status === 404) {
+        error(404);
+    }
+
+    const respJ = await resp.json();
+
+    const { content } = respJ;
+
+    return { content };
+}

src/routes/user/[id]/+page.ts

@@ -10,8 +10,6 @@ export async function load(event) {
       if(resp.status === 404) { 
         error(404);
       }
-
-      
       
       const respJ = await resp.json();