Add dynamic site titles

src/layouts/AboutLayout.astro

@@ -13,7 +13,7 @@ export interface Props {
 const { frontmatter } = Astro.props;
 ---
 
-<Layout title={frontmatter.title}>
+<Layout title={`${frontmatter.title} | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="about" />
   <main id="main-content">
     <section class="mt-8 mb-28 prose prose-slate max-w-3xl">

src/pages/posts/index.astro

@@ -12,7 +12,7 @@ const posts = await Astro.glob<Frontmatter>("../../contents/*.md");
 const sortedPosts = getSortedPosts(posts);
 ---
 
-<Layout title="Posts | AstroPaper">
+<Layout title={`Posts | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="posts" />
   <Main pageTitle="Posts" pageDesc="All the tags used in posts.">
     <ul>

src/pages/tags/[tag].astro

@@ -42,7 +42,7 @@ const posts: MarkdownInstance<Frontmatter>[] = await Astro.glob(
 const tagPosts = getPostsByTag(posts, tag);
 ---
 
-<Layout title={`Tag:${tag} | AstroPaper`}>
+<Layout title={`Tag:${tag} | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="tags" />
   <Main
     pageTitle={`Tag:${tag}`}

src/pages/tags/index.astro

@@ -12,7 +12,7 @@ const posts = await Astro.glob<Frontmatter>("../../contents/*.md");
 let tags = getUniqueTags(posts);
 ---
 
-<Layout title="Tags | AstroPaper">
+<Layout title={`Tags | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="tags" />
   <Main pageTitle="Tags" pageDesc="All the tags used in posts.">
     <ul>