Fix layout classes, add titles to tag & 404 pages

2025-12-09 18:08:55 -06:00 · 2023-11-27 21:38:20 -06:00
parent 48b5be61f8
commit a078b0be36
4 changed files with 5 additions and 5 deletions
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -31,7 +31,7 @@ const title =
    <link rel="alternate" type="application/xml" href="/feed.xml" />
    <ViewTransitions />
  </head>
-  <body class="flex-col align-middle w-full max-w-full">
+  <body class="flex flex-col w-full max-w-full min-h-screen">
    <slot />
  </body><!-- <script type="text/javascript"> 
        Is all of this too much effort to make the animation play in just the right way?
--- a/src/layouts/General.astro
+++ b/src/layouts/General.astro
@@ -30,7 +30,7 @@ const { title } = Astro.props;
  <div class="max-w-screen-lg">
    <slot name="default" />
  </div>
-  <p class="text-center">
+  <footer class="text-center">
    <a href="/feed.xml">RSS</a>
     |
    <a href={`${repository_url}/commit/${build_revision}`}>
@@ -38,5 +38,5 @@ const { title } = Astro.props;
        >#{build_revision.slice(0, 7)}</span
      >
    </a>
-  </p>
+  </footer>
 </Base>
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -3,7 +3,7 @@ import Base from "@layouts/Base.astro";
 import Header from "@components/Header.astro";
 ---

-<Base>
+<Base title="404">
  <div class="h-screen flex items-center">
    <div class="flex flex-col items-center">
      <Header className="!text-7xl" text="404" />
--- a/src/pages/tags/[...slug].astro
+++ b/src/pages/tags/[...slug].astro
@@ -10,6 +10,6 @@ export async function getStaticPaths() {

 const { tag } = Astro.props;
 ---
-<General>
+<General title={`${tag} posts`}>
  { tag }
 </General>