Merge branch 'main' of https://github.com/C-A-R-Technologies/Courseflow

Author: cbarney23

src/routes/+error.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <div class="flex flex-col justify-center items-center h-screen">
-    <h1 class="text-9xl">Whoops!</h1>
+    <h1 class="text-7xl">Whoops!</h1>
     <h3 class="text-4xl p-4">Something went wrong.. You should try again.</h3>
     <h9 class="text-lg">If you're curious, that's a {page.status}.</h9>
     <Button href="/" variant="secondary" class="mt-6">Home</Button>

src/routes/+page.svelte

@@ -24,4 +24,4 @@
             >Learn More</Button
         >
     </div>
-</div>
+</div>

src/routes/in/+layout.server.ts

@@ -0,0 +1,5 @@
+import type { LayoutServerLoad } from './$types';
+
+export const load: LayoutServerLoad = async () => {
+	// TODO: if not logged in, redirect to login page
+};

src/routes/in/+layout.ts

@@ -0,0 +1,7 @@
+import type { PageServerLoad } from './$types';
+import { redirect } from '@sveltejs/kit';
+
+export const load: PageServerLoad = async () => {
+    // if on the /in page, redirect to /in/overview
+    redirect(303, '/in/overview');
+};

src/routes/in/+page.server.ts

@@ -0,0 +1,18 @@
+import type { PageServerLoad } from './$types';
+import { redirect } from '@sveltejs/kit';
+import { User } from '$lib/models';
+import { randomUUID } from 'crypto';
+
+export const load: PageServerLoad = async () => {
+    // return dummy data for now, until authentication is implemented
+    const tempUser: User = {
+        id: randomUUID(),
+        email: 'avery.bertrand@snhu.edu',
+        firstname: 'Avery',
+        lastname: 'Bertrand',
+        role: 'student',
+        created_at: new Date().toString(),
+        updated_at: new Date().toString()
+    };
+    return { user: tempUser };
+};

src/routes/in/overview/+page.server.ts

@@ -0,0 +1,35 @@
+<script lang="ts">
+    import type { PageProps } from "./$types";
+    import * as Card from "$lib/components/ui/card/index.js";
+
+    const { data }: PageProps = $props();
+    const user = $derived(data.user);
+</script>
+
+<div class="min-h-screen flex flex-col items-start justify-center p-4">
+    <div class="w-[40%]">
+        <div class="text-left mb-4">
+            {#if new Date().getHours() < 12}
+                <h1 class="text-4xl font-bold mb-4">
+                    Good morning, {user.firstname}
+                </h1>
+            {:else if new Date().getHours() < 18}
+                <h1 class="text-4xl font-bold mb-4">
+                    Good afternoon, {user.firstname}
+                </h1>
+            {:else}
+                <h1 class="text-4xl font-bold mb-4">
+                    Good evening, {user.firstname}
+                </h1>
+            {/if}
+        </div>
+        <div class="w-full">
+            <Card.Root class="w-full">
+                <Card.Description>
+                    This is your dashboard. Here you can view your courses,
+                    evaluations, and more.
+                </Card.Description>
+            </Card.Root>
+        </div>
+    </div>
+</div>