feat: add title and description to all pages

src/pages/[...slug].astro

@@ -45,7 +45,7 @@ const seriesEntries = await getCollection('journal', ({ data }) => {
 seriesEntries.sort(sortByDate).reverse();
 
 const title = entry.data.title;
-const description = '…';
+const description = entry.data.description;
 ---
 
 <GridLayout title={title} description={description} grid="fullsize" innerGrid backLink="/journal/">

src/pages/ai-art.astro

@@ -19,7 +19,7 @@ const allAiArt = await getCollection('ai-art');
 allAiArt.sort(sortBySortKey);
 
 const title = 'AI Art';
-const description = '…';
+const description = 'This is a collection of AI art pieces I’ve created with Stable Diffusion.';
 ---
 
 <GridLayout title={title} description={description} grid="wide" class="grid" innerGrid>

src/pages/ai-art/[...slug].astro

@@ -30,7 +30,7 @@ const { entry, prev, next } = Astro.props;
 const { Content } = await entry.render();
 
 const title = entry.data.title;
-const description = '…';
+const description = `The AI generated art for "${entry.data.title}".`;
 ---
 
 <BaseLayout title={title} description={description} header={false} footer={false}>

src/pages/colophon.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../layouts/PageLayout.astro
 title: Colophon
-description: …
+description: The design and technology behind this website explained.
 intro: In publishing, a colophon is a brief statement containing information about the publication.
 ---
 

src/pages/cv.astro

@@ -23,7 +23,8 @@ import { Content as InterestsHobbies } from '../text/cv/interests-hobbies.mdx';
 import { mapping } from '../mdx-components';
 
 const title = 'CV';
-const description = '';
+const description =
+	'The curriculum vitae of Stefan Imhoff, Senior Software Engineer from Hamburg, Germany.';
 ---
 
 <GridLayout title={title} description={description} grid="wide" class="grid" innerGrid>

src/pages/haiku.astro

@@ -15,7 +15,8 @@ const allHaiku = await getCollection('haiku');
 allHaiku.sort(sortByDate).reverse();
 
 const title = 'Haiku';
-const description = '…';
+const description =
+	'This is an ever-growing collection of Haiku I have written. My Haiku reflect my own unique perspective on the world, and I hope they bring a bit of beauty and insight to the reader.';
 ---
 
 <GridLayout title={title} description={description} grid="wide" class="grid" innerGrid>

src/pages/haiku/[...slug].astro

@@ -28,7 +28,7 @@ export async function getStaticPaths() {
 const { entry, prev, next } = Astro.props;
 
 const title = `Haiku ${entry.slug}`;
-const description = '…';
+const description = `Haiku ${entry.slug} in German and English.`;
 ---
 
 <BaseLayout title={title} description={description} header={false} footer={false}>

src/pages/imprint.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../layouts/PageLayout.astro
 title: Imprint
-description: …
+description: The imprint of this website.
 ---
 
 import { mapping } from "../mdx-components.ts";

src/pages/index.astro

@@ -23,8 +23,8 @@ import { mapping } from '../mdx-components';
 const allPosts = await getCollection('journal');
 const formattedLatest = formatPosts(allPosts, { limit: 6 });
 
-const title = 'Home';
-const description = '…';
+const title = 'Stefan Imhoff';
+const description = 'Front-End Web Developer from Hamburg, Germany';
 ---
 
 <GridLayout title={title} description={description} grid="fullsize" class="grid" innerGrid>

src/pages/now.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../layouts/PageLayout.astro
 title: Now
-description: …
+description: This is my Now page, listing the things I currently do.
 ---
 
 import { animation, animationDelay } from "../data/site";

src/pages/projects/[...slug].astro

@@ -33,7 +33,7 @@ const { entry, prev, next } = Astro.props;
 const { Content } = await entry.render();
 
 const title = entry.data.title;
-const description = '…';
+const description = entry.data.intro || `The detail for project "${entry.data.title}"`;
 ---
 
 <GridLayout title={title} description={description} grid="wide" innerGrid backLink="/projects/">

src/pages/sketchnotes/[...slug].astro

@@ -32,7 +32,7 @@ const { entry, prev, next } = Astro.props;
 const { Content } = await entry.render();
 
 const title = entry.data.title;
-const description = '…';
+const description = `The sketchnote for "${entry.data.title}."`;
 ---
 
 <BaseLayout title={title} description={description} header={false} footer={false}>

src/pages/tag.astro

@@ -12,7 +12,7 @@ const uniqueTags = [...new Set(allJournal.map((entry) => entry.data.tags).flat()
 uniqueTags.sort((a, b) => a.localeCompare(b));
 
 const title = 'Tags';
-const description = '…';
+const description = 'This is a list of all the tags used in my journal.';
 ---
 
 <GridLayout

src/pages/tag/[tag].astro

@@ -1,7 +1,7 @@
 ---
 import { getCollection } from 'astro:content';
 
-import { formatPosts } from '../../utils';
+import { formatPosts, titleCase } from '../../utils';
 import { animationDelay } from '../../data/site';
 
 import GridLayout from '../../layouts/GridLayout.astro';
@@ -39,8 +39,10 @@ export async function getStaticPaths() {
 const { tag } = Astro.params;
 const { entries, uniqueTags } = Astro.props;
 
-const title = 'Journal';
-const description = '…';
+const title = `Tag: ${titleCase(tag || '')}`;
+const description = `These are all the articles categorized with the tag "${titleCase(
+	tag || ''
+)}".`;
 ---
 
 <GridLayout

src/pages/tools.mdx

@@ -1,7 +1,7 @@
 ---
 layout: ../layouts/PageLayout.astro
 title: Tools
-description: …
+description: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
 intro: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
 cover: /assets/images/cover/home-office.jpg
 ---