chore: turn name in banner into an hcard

chrisnewtn · chrisnewtn · commit 5791e2b9aedb · 2025-05-09T14:44:05.000+01:00
https://microformats.org/wiki/h-card
diff --git a/pages/index.html b/pages/index.html
@@ -12,7 +12,9 @@
 <body>
   <header class="site-wide">
     <div class="banner">
-      <h1 class="logo">Chris Newton</h1>
+      <a class="h-card" href="https://chrisnewtn.com">
+        <h1 class="p-name logo">Chris Newton</h1>
+      </a>
       <a href="https://github.com/chrisnewtn" rel="me">
         <picture class="social">
           <source srcset="assets/github-mark-white.svg" media="(prefers-color-scheme: dark)">
diff --git a/pages/style.css b/pages/style.css
@@ -32,6 +32,14 @@ a:visited {
 .banner .logo {
   margin: 0 0 .2rem 0; /* attempt at visually aligning it vertically */
 }
+.h-card,
+.h-card:visited {
+  color: var(--primary-text);
+  text-decoration: none;
+}
+.h-card:hover {
+  text-decoration: underline;
+}
 nav {
   position: sticky;
   top: 0;
