From 9592cd31608af11efdb6f092b42b2a16a68ce0c1 Mon Sep 17 00:00:00 2001
From: Hornwitser <code@hornwitser.no>
Date: Tue, 1 Jul 2025 18:41:24 +0200
Subject: [PATCH] Name the application Owltide

The name is inspired by the watchful owl perching from the tree tops
with complete overview of all that's going on combined with -tide in
the sense it's used for in words like summertide and eastertide.
---
 README.md                  | 68 ++++++--------------------------------
 nuxt.config.ts             |  5 +++
 pages/about.vue            |  8 ++++-
 pages/account/settings.vue |  3 ++
 pages/admin.vue            |  4 +++
 pages/edit.vue             |  3 ++
 pages/index.vue            |  5 ++-
 pages/login.vue            |  4 +++
 pages/schedule.vue         |  4 +++
 9 files changed, 45 insertions(+), 59 deletions(-)

diff --git a/README.md b/README.md
index 25b5821..49c4dc8 100644
--- a/README.md
+++ b/README.md
@@ -1,75 +1,29 @@
-# Nuxt Minimal Starter
+<!--
+	SPDX-FileCopyrightText: © 2025 Hornwitser <code@hornwitser.no>
+	SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+# Owltide
 
-Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+Owltide is a free open source event scheduling software for keeping the attendees at events informed about all the things going on. It's currently in early stages of development and not generallly useful.
 
-## Setup
 
-Make sure to install dependencies:
+## Development setup
+
+Use pnpm to install dependencies:
 
 ```bash
-# npm
-npm install
-
-# pnpm
 pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
 ```
 
-## Development Server
-
-Start the development server on `http://localhost:3000`:
+Run the development server on `http://localhost:3000` with:
 
 ```bash
-# npm
-npm run dev
-
-# pnpm
 pnpm dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
 ```
 
-## Production
-
-Build the application for production:
+Build and preview the production build with (rarely needed):
 
 ```bash
-# npm
-npm run build
-
-# pnpm
 pnpm build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
 pnpm preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
 ```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b37e1ba..67fc11e 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -8,6 +8,11 @@ export default defineNuxtConfig({
 	experimental: { renderJsonPayloads: true },
 	compatibilityDate: '2024-11-01',
 	devtools: { enabled: enableDevtools },
+	app: {
+		head: {
+			titleTemplate: "%s - Owltide",
+		},
+	},
 	runtimeConfig: {
 		cookieSecretKeyFile: "",
 		vapidSubject: "",
diff --git a/pages/about.vue b/pages/about.vue
index 435248a..a21a95c 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -4,7 +4,7 @@
 -->
 <template>
 	<main>
-		<h1>About</h1>
+		<h1>About Owltide</h1>
 		<p>
 			This is a proof of concept intended to demonstrate the capabilities that web based scheduling tool can have. It implements a live editable schedule that can be used to collaboratively plan out the events times of a convention, as well as crew assignments to events and shift lists.
 		</p>
@@ -35,3 +35,9 @@
 		</ul>
 	</main>
 </template>
+
+<script lang="ts" setup>
+useHead({
+	title: "About",
+});
+</script>
diff --git a/pages/account/settings.vue b/pages/account/settings.vue
index d3375e8..8427787 100644
--- a/pages/account/settings.vue
+++ b/pages/account/settings.vue
@@ -41,6 +41,9 @@
 definePageMeta({
 	middleware: ["authenticated"],
 });
+useHead({
+	title: "Settings",
+});
 
 const sessionStore = useSessionStore();
 const accountStore = useAccountStore();
diff --git a/pages/admin.vue b/pages/admin.vue
index 7c14aa6..1449dfc 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -97,6 +97,10 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Admin",
+});
+
 const tabs = [
 	{ id: "users", title: "Users" },
 	{ id: "database", title: "Database" },
diff --git a/pages/edit.vue b/pages/edit.vue
index 8082458..1ee7799 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -115,6 +115,9 @@ definePageMeta({
 	middleware: ["authenticated"],
 	allowedAccountTypes: ["crew", "admin"],
 });
+useHead({
+	title: "Edit",
+});
 
 const tabs = [
 	{ id: "locations", title: "Locations" },
diff --git a/pages/index.vue b/pages/index.vue
index 62b693c..73577d2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,7 +4,7 @@
 -->
 <template>
 	<main>
-		<h1>Schedule Demo</h1>
+		<h1>Owltide</h1>
 		<ul>
 			<li>
 				<NuxtLink to="/schedule">View Schedule</NuxtLink>
@@ -26,5 +26,8 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Index",
+});
 const accountStore = useAccountStore();
 </script>
diff --git a/pages/login.vue b/pages/login.vue
index 118a814..cdb04b8 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -34,6 +34,10 @@
 </template>
 
 <script lang="ts" setup>
+useHead({
+	title: "Login",
+});
+
 const sessionStore = useSessionStore();
 const { getSubscription, subscribe } = usePushNotification();
 
diff --git a/pages/schedule.vue b/pages/schedule.vue
index 9cc553f..4e73964 100644
--- a/pages/schedule.vue
+++ b/pages/schedule.vue
@@ -70,6 +70,10 @@
 </template>
 
 <script setup lang="ts">
+useHead({
+	title: "Schedule",
+});
+
 const accountStore = useAccountStore();
 const usersStore = useUsersStore();
 await usersStore.fetch();