feat(header): add better metadata and links

_includes/_footer.njk

@@ -1,19 +1,46 @@
 <footer>
   <p>
-    <a rel="me noreferrer noopener" target="_tab" href="https://tilde.zone/@taco">mastodon</a> -
-    <a rel="noreferrer noopener" target="_tab" href="https://codeberg.org/takouhai">codeberg</a> -
+    <a
+      rel="me noreferrer noopener"
+      target="_tab"
+      href="https://tilde.zone/@taco"
+      title="all my cool posts"
+      >mastodon</a
+    >
+    -
+    <a
+      rel="noreferrer noopener"
+      target="_tab"
+      href="https://codeberg.org/takouhai"
+      title="most of my cool code"
+      >codeberg</a
+    >
+    -
     <a
       rel="noreferrer noopener"
       target="_tab"
       href="https://keyoxide.org/dde52d5b73e9bcb3da5af230f762860f6b1c66b7"
+      title="i know how pgp keys work!"
       >keyoxide</a
     >
   </p>
   <p>
-    <a rel="noreferrer noopener" target="_tab" href="https://mestizo.monster">mestizo.monster</a>
-    © current year by
-    <a rel="noreferrer noopener" target="_tab" href="https://mestizo.monster/about">taco</a> is
-    licensed under
+    <a
+      rel="noreferrer noopener"
+      target="_tab"
+      href="https://mestizo.monster"
+      title="all wrongs reserved"
+      >mestizo.monster</a
+    >
+    copyleft 2012 - 2026 by
+    <a
+      rel="noreferrer noopener"
+      target="_tab"
+      href="https://mestizo.monster/about"
+      title="hey, that's me!"
+      >taco</a
+    >
+    is licensed under
     <a rel="noreferrer noopener" target="_tab" href="http://creativecommons.org/licenses/by-nc/4.0/"
       >CC BY-NC 4.0</a
     >.
@@ -25,6 +52,7 @@
       target="_tab"
       href="https://git.tacowolf.net/TacoWolf/mestizo.monster"
       target="_blank"
+      title="fancy name for saying you can see the source code"
       >open source</a
     >.
   </p>

_includes/_header.njk

@@ -1,5 +1,10 @@
 <header>
-  <img href="/" src="/img/taco.svg" />
+  <a href="/">
+    <img
+      href="/"
+      src="/img/taco.svg"
+      alt="vector drawing of a smiling cartoon taco with tortilla legs."
+  /></a>
   <nav>
     <h1>mestizo.monster</h1>
     <ul>

_includes/_og.njk

@@ -10,7 +10,10 @@
   <meta property="og:title" content="{{ title }} - mestizo.monster" />
   <meta property="og:description" content="{{ description }}" />
   <meta property="og:image" content="https://mestizo.monster/img/taco.svg" />
-  <meta property="og:image:alt" content="a vector image of a smiling cartoon taco." />
+  <meta
+    property="og:image:alt"
+    content="vector drawing of a smiling cartoon taco with tortilla legs."
+  />
 {% else %}
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://mestizo.monster{{ page.url }}" />
@@ -18,5 +21,8 @@
   <meta property="og:title" content="{{ title }} - mestizo.monster" />
   <meta property="og:description" content="{{ description }}" />
   <meta property="og:image" content="https://mestizo.monster/img/taco.svg" />
-  <meta property="og:image:alt" content="a vector image of a smiling cartoon taco." />
+  <meta
+    property="og:image:alt"
+    content="vector drawing of a smiling cartoon taco with tortilla legs."
+  />
 {% endif %}

assets/css/layout.css

@@ -17,7 +17,7 @@ header {
   display: flex;
   justify-content: start;
   align-content: center;
-  img {
+  a {
     width: 15%;
   }
   nav {
@@ -47,7 +47,7 @@ header {
 main {
   figure {
     img {
-      margin: auto;
+      margin: 0 auto;
       width: 420px;
       border-radius: 0.42em;
     }
@@ -55,6 +55,7 @@ main {
       text-align: center;
       font-style: italic;
     }
+    margin: 2em auto;
   }
 }
 

index.md

@@ -8,10 +8,13 @@ the [wedsite](https://homestar.wiki/wiki/Homestar_Runner%27s_Website) of
 
 # daniel a. gallegos
 
-|                |                                 |
-| -------------- | ------------------------------- |
-| pronouns:      | **`he/him`** or **`they/them`** |
-| also known as: | `taco`, `takouhai`              |
+> **pronouns:** **`he/him`** or **`they/them`**
+> **also known as:** `taco`, `takouhai`
+
+<figure>
+    <img src="/img/taco.svg" alt="vector drawing of a smiling cartoon taco with tortilla legs.">
+    <figcaption>artwork by <a href="https://www.heyheymomo.com/">heyheymomo</a></figcaption>
+</figure>
 
 - 🔮 code alchemist.
 - ⭐ digital storyteller.