Checkpoint: Most pages are setup and components are ready to be implemented

src/components/Button.svelte

@@ -2,6 +2,6 @@
     import { Button } from "bits-ui";
 </script>
 
-<Button.Root class="bg-ecsess-600 text-ecsess-200 px-4 py-2 m-1 rounded-lg border-none">
+<Button.Root class="bg-ecsess-600 text-ecsess-200 px-4 py-2 m-1 rounded-lg border-none hover:shadow-lg hover:shadow-ecsess-800 active:bg-ecsess-800 transition-all">
     <slot />
 </Button.Root>

src/components/Footer.svelte

@@ -8,7 +8,7 @@
 	<div>
 		<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.
+			&copy; ECSESS {year}, under GNU General Public License v3.0.
 		</p>
 	</div>
 </footer>

src/components/ResourceCard.svelte

@@ -0,0 +1,17 @@
+<script>
+	import Button from './Button.svelte';
+    import Link from './Link.svelte';
+	let { title = '_Resource Title_', children = () => {}, link = "https://example.com"} = $props();
+</script>
+
+<div class="bg-ecsess-200 w-96 rounded-lg px-8 py-4">
+	<p class="text-ecsess-black text-xl font-semibold pb-2">
+		{title}
+	</p>
+
+	<p class="text-ecsess-black text-base font-normal py-2">{@render children()}</p>
+
+    <Link href={link}>
+        <Button>Access</Button>
+    </Link>
+</div>