homepage fixes

src/components/BlogHeader.astro

@@ -10,8 +10,8 @@ const { title, date } = Astro.props;
 ---
 
 <div class="blog-header">
-  <h4>{title}</h4>
-  <h5>
+  <h2>{title}</h2>
+  <h4>
     {`🗓️ ${formatInTimeZone(new Date(date), "America/New_York", "MMM do, y")}`}
-  </h5>
+  </h4>
 </div>

src/components/Footer.astro

@@ -1,10 +1,11 @@
 ---
+const year = new Date().getFullYear();
 ---
 
 <footer>
-  <p style={{ fontSize: "0.8rem" }}>
-    Built with <a href="https://astro.build">Astro</a> and <a
-      href="https://picocss.com">Pico.css</a
+  <p>
+    Copyright {year}, Graham Hall – Built with <a href="https://astro.build"
+      >Astro</a
     >
   </p>
 </footer>

src/components/Header.astro

@@ -1,13 +1,9 @@
 ---
 ---
 
-<div>
+<header>
+  <h1>Graham's Blog</h1>
   <nav>
-    <ul>
-      <li>
-        <span style={{ fontSize: "1.6rem" }}>Graham Hall</span>
-      </li>
-    </ul>
     <ul>
       <li>
         <a href="/">📝 Blog</a>
@@ -17,4 +13,4 @@
       </li>
     </ul>
   </nav>
-</div>
+</header>