Finish setting up the project. Moving to implementation

src/components/Footer.svelte

@@ -2,9 +2,11 @@
 	const year = new Date().getFullYear();
 </script>
 
-<footer class="border-ecsess-black m-12 flex h-fit flex-col items-center justify-between border-t-2">
+<footer
+	class="bg-ecsess-black text-ecsess-200 mx-auto flex min-w-fit flex-wrap items-center justify-center px-4 py-4"
+>
 	<div>
-		<p class="text-content py-3 text-center">
+		<p class="text-ecsess-200 py-3 text-center">
 			Created by ECSESS with love {'<3'}. <br />
 			&copy; {year} under GNU General Public License v3.0.
 		</p>

src/components/NavBar.svelte

@@ -1,15 +1,18 @@
 <script>
 	import NavButton from './NavButton.svelte';
-    
+	import ECSESS from 'assets/ECSESS.png';
 </script>
 
-<nav class="bg-ecsess-black text-ecsess-200 mx-auto flex min-w-fit flex-wrap items-center justify-center px-4 pt-4">
+<nav
+	class="bg-ecsess-black text-ecsess-200 mx-auto flex min-w-fit flex-wrap items-center justify-center px-4 pt-2"
+>
+	<img src={ECSESS} alt="ECSESS Logo" class="w-20 p-2" />
 	<NavButton href="/">Home</NavButton>
 	<NavButton href="/council">Meet the council</NavButton>
 	<NavButton href="/events">Events</NavButton>
 	<NavButton href="/resources">Resources</NavButton>
 	<NavButton href="/join">Join ECSESS</NavButton>
-    {#if import.meta.env.DEV} 
-    <NavButton href="/components">Componenets</NavButton>
-    {/if}
+	{#if import.meta.env.DEV}
+		<NavButton href="/showroom">Componenets</NavButton>
+	{/if}
 </nav>

src/components/Section.svelte

@@ -1,7 +1,17 @@
 <script>
-    let { children = () => "Section placeholder" } = $props();
+	let { children = () => 'Section placeholder', black = false } = $props();
 </script>
 
-<div class="container mx-auto px-4 py-6 flex flex-col items-center justify-center gap-4 text-center">
-    {@render children()}
-</div>
+{#if black}
+	<div
+		class="bg-ecsess-black mx-auto flex min-h-[75vh] flex-col items-center justify-center gap-4 p-4 text-center text-ecsess-200"
+	>
+		{@render children()}
+	</div>
+{:else}
+	<div
+		class="bg-ecsess-800 mx-auto flex min-h-[75vh] flex-col items-center justify-center gap-4 p-4 text-center text-ecsess-200"
+	>
+		{@render children()}
+	</div>
+{/if}