PurelyAnecdotal · PurelyAnecdotal · May 24, 2024 · May 23, 2024 · May 24, 2024
diff --git a/src/app.html b/src/app.html
@@ -6,7 +6,6 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.svg" sizes="any" type="image/svg+xml" />
 		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon-180x180.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>GradeVue</title>
 		<meta
 			name="description"
 			content="An improved StudentVue experience, with calculators and tools to help you understand your grade."

diff --git a/src/routes/(authed)/attendance/+page.svelte b/src/routes/(authed)/attendance/+page.svelte
@@ -45,6 +45,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>Attendance - GradeVue</title>
+</svelte:head>
+
 <LoadingBanner show={!$attendanceLoaded} loadingMsg="Loading attendance..." />
 
 {#if $attendance}

diff --git a/src/routes/(authed)/documents/+page.svelte b/src/routes/(authed)/documents/+page.svelte
@@ -39,6 +39,10 @@
 	);
 </script>
 
+<svelte:head>
+	<title>Documents - GradeVue</title>
+</svelte:head>
+
 <LoadingBanner show={!$documentsListLoaded} loadingMsg="Loading documents..." />
 
 {#if $documentsList}

diff --git a/src/routes/(authed)/documents/[documentGU]/+page.svelte b/src/routes/(authed)/documents/[documentGU]/+page.svelte
@@ -6,6 +6,10 @@
 	const reportCardPromise = $studentAccount?.reportCard($page.params.documentGU);
 </script>
 
+<svelte:head>
+	<title>Document - GradeVue</title>
+</svelte:head>
+
 {#if reportCardPromise}
 	{#await reportCardPromise}
 		<LoadingBanner loadingMsg="Loading report card..." />

diff --git a/src/routes/(authed)/feedback/+page.svelte b/src/routes/(authed)/feedback/+page.svelte
@@ -3,6 +3,10 @@
 	import { GithubSolid } from 'flowbite-svelte-icons';
 </script>
 
+<svelte:head>
+	<title>Feedback - GradeVue</title>
+</svelte:head>
+
 <div class="p-4 flex flex-col items-center justify-center min-h-screen">
 	<Card
 		href="https://github.com/Nonexistent-Name/gradevue/issues"

diff --git a/src/routes/(authed)/grades/+page.svelte b/src/routes/(authed)/grades/+page.svelte
@@ -19,6 +19,10 @@
 	};
 </script>
 
+<svelte:head>
+	<title>Grades - GradeVue</title>
+</svelte:head>
+
 {#if $gradebook}
 	<div class="m-4 flex flex-col justify-center">
 		<div class="flex justify-center">

diff --git a/src/routes/(authed)/grades/[index]/+page.svelte b/src/routes/(authed)/grades/[index]/+page.svelte
@@ -28,6 +28,8 @@
 
 	$: course = $gradebook?.Courses.Course?.[parseInt($page.params.index)];
 
+	$: courseName = course ? removeClassID(course._Title) : '';
+
 	$: gradeCalcSummary = course?.Marks.Mark.GradeCalculationSummary;
 
 	$: categories =
@@ -347,6 +349,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{courseName} - GradeVue</title>
+</svelte:head>
+
 {#if course}
 	<div class="h-12 md:h-14" />
 
@@ -492,7 +498,7 @@
 		<div class="absolute w-full md:pl-64">
 			<div class="p-4 rounded-b-lg bg-gray-900 rounded flex justify-between">
 				<span class="line-clamp-1 text-2xl">
-					{removeClassID(course._Title)}
+					{courseName}
 				</span>
 				<span class="shrink-0 text-2xl flex items-center">
 					{#if hypotheticalMode}

diff --git a/src/routes/(authed)/messages/+page.svelte b/src/routes/(authed)/messages/+page.svelte
@@ -10,6 +10,10 @@
 	if (!$messages && browser) loadMessages();
 </script>
 
+<svelte:head>
+	<title>Messages - GradeVue</title>
+</svelte:head>
+
 <LoadingBanner show={!$messagesLoaded} loadingMsg="Loading messages..." />
 
 {#if $messages}

diff --git a/src/routes/(authed)/reportcards/+page.svelte b/src/routes/(authed)/reportcards/+page.svelte
@@ -9,6 +9,10 @@
 	if (!$reportCardList && browser) loadReportCardList();
 </script>
 
+<svelte:head>
+	<title>Report Cards - GradeVue</title>
+</svelte:head>
+
 <LoadingBanner show={!$reportCardListLoaded} loadingMsg="Loading report cards..." />
 
 {#if $reportCardList}

diff --git a/src/routes/(authed)/studentinfo/+page.svelte b/src/routes/(authed)/studentinfo/+page.svelte
@@ -8,6 +8,10 @@
 	if (!$studentInfo && browser) loadStudentInfo();
 </script>
 
+<svelte:head>
+	<title>Student Info - GradeVue</title>
+</svelte:head>
+
 <LoadingBanner show={!$studentInfoLoaded} loadingMsg="Loading student info..." />
 
 {#if $studentInfo}

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
@@ -0,0 +1,16 @@
+<script>
+	import { page } from '$app/stores';
+	import { Button, Card } from 'flowbite-svelte';
+</script>
+
+<svelte:head>
+    <title>{$page.status} {$page?.error?.message} - GradeVue</title>
+</svelte:head>
+
+<div class="flex items-center justify-center min-h-screen">
+	<Card class="text-sm dark:text-gray-200 leading-relaxed space-y-4">
+		<h1 class="text-2xl dark:text-white">{$page.status} {$page?.error?.message}</h1>
+
+        <Button href="/" class="w-full">Go home</Button>
+	</Card>
+</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -22,12 +22,17 @@
 	}
 </script>
 
+<svelte:head>
+	<title>Gradevue - The best way to check your grades on StudentVue</title>
+</svelte:head>
+
 <div class="p-4 flex flex-col gap-4 items-center justify-center min-h-screen">
 	<Card class="w-full sm:w-auto">
 		<h1 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white">GradeVue</h1>
-		<span class="mt-2 font-normal text-gray-700 dark:text-gray-400 leading-tight">
-			An improved StudentVue experience.
-		</span>
+		<p class="mt-2 font-normal text-gray-700 dark:text-gray-400">
+			An better way to view your grades on StudentVue that shows all of your Synergy information in
+			one place.
+		</p>
 		<div class="mt-4 flex space-x-4">
 			<Button href="/login" color="light" class="w-full">Log in</Button>
 			<Button href="/signup" class="w-full">Sign up</Button>
@@ -37,16 +42,14 @@
 	<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
 		<Card>
 			<h2 class="text-xl dark:text-white mb-2 flex items-center gap-2">
-				<EyeSlashOutline class="inline focus:outline-none" />
-				Private Login
+				<ChartOutline class="inline focus:outline-none" />
+				Grade Calculator
 			</h2>
 			<p>
-				GradeVue does not have access to your login information. When you use GradeVue, your device
-				connects directly to StudentVue. We never see your password or your grades!
-				<a href="/privacy" class="text-primary-600 underline">Learn more</a>
+				GradeVue's powerful Hypothetical Mode allows you to calculate what your grade would be if
+				you got a score on an assignment, as well as how each assignment affects your grade.
 			</p>
 		</Card>
-
 		<Card>
 			<h2 class="text-xl dark:text-white mb-2 flex items-center gap-2">
 				<GridPlusOutline class="inline focus:outline-none" />
@@ -57,26 +60,25 @@
 				calculations. You never have to worry about your grade calculations being inaccurate!
 			</p>
 		</Card>
-
 		<Card>
 			<h2 class="text-xl dark:text-white mb-2 flex items-center gap-2">
-				<ChartOutline class="inline focus:outline-none" />
-				Grade Calculator
+				<EyeSlashOutline class="inline focus:outline-none" />
+				Private Login
 			</h2>
 			<p>
-				GradeVue's powerful Hypothetical Mode allows you to calculate what your grade would be if
-				you got a score on an assignment.
+				GradeVue does not have access to your login information. When you use GradeVue, your device
+				connects directly to StudentVue. We never see your password or your grades!
+				<a href="/privacy" class="text-primary-600 underline">Learn more</a>
 			</p>
 		</Card>
-
 		<Card>
 			<h2 class="text-xl dark:text-white mb-2 flex items-center gap-2">
 				<ClockOutline class="inline focus:outline-none" />
-				Fast Loading
+				Attendance and more
 			</h2>
 			<p>
-				GradeVue features a modern, responsive design, and is able to load your gradebook in under 3
-				seconds.
+				GradeVue breaks down your attendance by day and shows what periods you missed. It also
+				shows your report cards, documents, and messages.
 			</p>
 		</Card>
 	</div>

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
@@ -54,6 +54,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>Log In - Gradevue</title>
+</svelte:head>
+
 {#if loginErrorShown}
 	<div class="fixed w-full p-4 top-0 left-0">
 		<Alert class="w-full" color="red">

diff --git a/src/routes/privacy/+page.svelte b/src/routes/privacy/+page.svelte
@@ -6,6 +6,10 @@
 	if (browser) email = 'hello@gradevue.org';
 </script>
 
+<svelte:head>
+	<title>Privacy - GradeVue</title>
+</svelte:head>
+
 <div class="flex items-center justify-center min-h-screen">
 	<Card size="lg" class="gap-4">
 		<h1 class="text-2xl text-white">About the privacy of GradeVue</h1>

diff --git a/src/routes/signup/+layout.svelte b/src/routes/signup/+layout.svelte
@@ -2,6 +2,10 @@
 	import { Card } from 'flowbite-svelte';
 </script>
 
+<svelte:head>
+	<title>Sign Up - GradeVue</title>
+</svelte:head>
+
 <div class="flex items-center justify-center min-h-screen">
 	<Card class="text-sm dark:text-gray-200 leading-relaxed space-y-4">
 		<h1 class="text-xl dark:text-white">Sign up for GradeVue</h1>