docs(readme): attribution

README.md

@@ -1 +1,5 @@
-## Godot Host V2
+## Project Hoster
+
+### Attribution
+This project is essentially a clone of https://godothost.vercel.app, but with less features.
+This project exists as im unaware if the original is maintained, and when I brought up the idea, he preferred a rewrite.

src/lib/Footer.svelte

@@ -0,0 +1,9 @@
+<div class="flex justify-center border-t border-t-gray-800 p-2">
+	<a
+		class="rounded-sm p-2 transition-colors hover:bg-surface-muted"
+		href="https://git.lucalise.ca/lucalise/ghostv2"
+		target="_blank"
+	>
+		<span class="text-sm text-text-muted">Source & Attribution</span>
+	</a>
+</div>

src/lib/Header.svelte

@@ -23,8 +23,8 @@
 	};
 </script>
 
-<div class="h-14 w-full bg-[#292e42] sm:p-2">
-	<div class="mx-auto flex h-full max-w-312 items-center justify-between">
+<div class="flex h-14 w-full items-center bg-[#292e42] sm:p-2">
+	<div class="mx-auto flex h-full max-w-312 flex-1 items-center justify-between">
 		<Button.Root onclick={() => goto('/')}>
 			<h1 class="header-title font-light">Project Host</h1>
 		</Button.Root>

src/routes/+layout.svelte

@@ -6,16 +6,22 @@
 	import NProgress from 'nprogress';
 	import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools';
 	import { Toaster } from 'svelte-sonner';
+	import Footer from '$lib/Footer.svelte';
 
 	let { children } = $props();
 	const queryClient = new QueryClient();
 	NProgress.configure({ showSpinner: false });
 </script>
 
-<Header />
 <Toaster position="top-center" theme="dark" />
 
 <QueryClientProvider client={queryClient}>
+	<div class="flex min-h-screen flex-col">
+		<Header />
+		<main class="flex-1">
 			{@render children()}
+		</main>
 		<SvelteQueryDevtools />
+		<Footer />
+	</div>
 </QueryClientProvider>

src/routes/+page.svelte

@@ -2,10 +2,10 @@
 	import Projects from '$lib/Projects.svelte';
 </script>
 
-<main class="mt-8 flex flex-col items-center justify-center">
+<section class="mt-8 flex flex-1 flex-col items-center justify-center">
 	<h1 class="flex justify-center text-2xl font-semibold">Projects</h1>
 
 	<section class="m-4 mt-4 max-w-4xl border-t-4 border-gray-700/80 p-4 px-12 pt-6">
 		<Projects />
 	</section>
-</main>
+</section>

src/routes/add/+page.svelte

@@ -2,6 +2,6 @@
 	import Repos from '$lib/Repos.svelte';
 </script>
 
-<main class="mx-auto mt-8 max-w-3xl px-4">
+<section class="mx-auto mt-8 max-w-3xl px-4">
 	<Repos />
-</main>
+</section>

src/routes/p/[id]/+page.svelte

@@ -41,7 +41,7 @@
 <svelte:window onkeydown={minimize} />
 <svelte:document onfullscreenchange={handleFullscreenChange} />
 
-<main class="flex min-h-screen flex-col items-center px-4 py-8">
+<section class="flex min-h-screen flex-col items-center px-4 py-8">
 	<div class="relative mb-6 flex w-full max-w-6xl items-center justify-center">
 		<Button.Root
 			class="absolute left-0 flex items-center gap-2 rounded-md px-3 py-2 text-gray-400 transition-colors hover:bg-gray-800 hover:text-white"
@@ -84,4 +84,4 @@
 			</Button.Root>
 		</div>
 	</div>
-</main>
+</section>

src/routes/repos/+page.svelte

@@ -2,7 +2,7 @@
 	import { GitBranch, Search } from '@lucide/svelte';
 </script>
 
-<main class="mx-auto mt-8 max-w-3xl rounded-xl bg-surface p-4">
+<section class="mx-auto mt-8 max-w-3xl rounded-xl bg-surface p-4">
 	<div class="flex items-center gap-3 p-6">
 		<GitBranch />
 		<h2 class="text-xl font-semibold">Repositories</h2>
@@ -14,4 +14,4 @@
 			placeholder="Search for repositories..."
 		/>
 	</div>
-</main>
+</section>