From bc7d58855b5d031c01315351643590b886c1df46 Mon Sep 17 00:00:00 2001
From: dish <pyrox@pyrox.dev>
Date: Mon, 17 Mar 2025 19:39:54 -0400
Subject: [PATCH] add author image to layouts

---
 src/_includes/layouts/about.vto | 17 +++++++++++++++--
 src/_includes/layouts/home.vto  | 10 ++++++----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/_includes/layouts/about.vto b/src/_includes/layouts/about.vto
index 3156fff..ae60fde 100644
--- a/src/_includes/layouts/about.vto
+++ b/src/_includes/layouts/about.vto
@@ -1,11 +1,17 @@
 {{ layout "layouts/base.vto" }}
-    <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
-        <h1 class="my-8 text-5xl text-bold text-mauve">
+    <main class="ml-4 my-8 min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
+        <h1 class="text-5xl text-bold text-mauve">
             About
             <span class="p-name p-nickname inline">
                 dish
             </span>
         </h1>
+        <img
+            class="h-64 w-64 rounded-full my-4"
+            src="/static/images/author.png"
+            transform-images="avif webp 300@2"
+            alt="dish at Frost Fatales 2025. She has her head tilted 45 degrees to the left and is wearing a face mask with the trans flag on it."
+        />
 
         <div class="text-lg h-entry">
             {{ content }}
@@ -30,5 +36,12 @@
                 {{ await comp.about.technology_item({"tech": tech}) }}
             {{ /for }}
         </ul>
+
+        <p class="mt-4 text-lg">
+            Profile picture by Richard Ngo. <a
+                class="text-blue underline"
+                href="https://photos.gamesdonequick.com/FrostFatales2025/i-B3c9P48/A"
+            >Original Source</a> from Games Done Quick, modified by dish.
+        </p>
     </main>
 {{ /layout }}
diff --git a/src/_includes/layouts/home.vto b/src/_includes/layouts/home.vto
index 1dbf19c..10d9021 100644
--- a/src/_includes/layouts/home.vto
+++ b/src/_includes/layouts/home.vto
@@ -4,10 +4,12 @@
             hi, I'm <span><a href="/about" rel="me" class="u-url u-uid p-name p-nickname"
                 >dish</a></span>
         </h1>
-        {{# Profile picture goes here #}}
-        <div class="h-64 w-64 content-center text-center outline-2 mt-4">
-            there'll be a picture here in the future, promise!
-        </div>
+        <img
+            class="h-64 w-64 rounded-full mt-4"
+            src="/static/images/author.png"
+            transform-images="avif webp 300@2"
+            alt="dish at Frost Fatales 2025. She has her head tilted 45 degrees to the left and is wearing a face mask with the trans flag on it."
+        />
         <h2 class="text-2xl mt-4 p-note">Student, Sysadmin, and UX Crafter</h2>
         <p class="text-lg mt-2">
             Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
-- 
2.51.2