From 85493f1bd56919ac95c3e50c0b521fd71d2a65fc Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 9 Jul 2026 13:53:40 -0400
Subject: [PATCH] add crew avatars

---
 index.html | 39 +++++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 3778b82..74ace87 100644
--- a/index.html
+++ b/index.html
@@ -67,6 +67,9 @@
     width: 100%;
   }
   .team .card h2 { color: #b8bb26; }
+  .team .card { display: flex; gap: 1rem; align-items: flex-start; }
+  .team .card img { width: 72px; height: 72px; border-radius: 50%; border: 2px solid #504945; flex-shrink: 0; }
+  .team .card .bio { flex: 1; }
   .role { color: #665c54; font-size: 0.75rem; margin-bottom: 0.5rem; }
   footer {
     margin-top: 4rem;
@@ -99,24 +102,36 @@
   <h3>The Crew</h3>
   <div class="team">
     <div class="card">
-      <div class="role">Founder / Infra</div>
-      <h2>Dustin <span style="color:#665c54;font-size:0.7rem">chickenWithAManBun</span></h2>
-      <p>Built the stack, broke the stack, fixed the stack. Homelab operator, self-hosted everything enthusiast, and the reason any of this runs at all. Runs on coffee and uptime anxiety.</p>
+      <img src="avatars/chickenWithAManBun.png" alt="chickenWithAManBun">
+      <div class="bio">
+        <div class="role">Founder / Infra</div>
+        <h2>Dustin <span style="color:#665c54;font-size:0.7rem">chickenWithAManBun</span></h2>
+        <p>Built the stack, broke the stack, fixed the stack. Homelab operator, self-hosted everything enthusiast, and the reason any of this runs at all. Runs on coffee and uptime anxiety.</p>
+      </div>
     </div>
     <div class="card">
-      <div class="role">Lead QA</div>
-      <h2>Sascha <span style="color:#665c54;font-size:0.7rem">theMissingLink</span></h2>
-      <p>If it works, he tried to break it first. Main QA tester and part of the testMonkeys crew on Gitea. Catches the bugs the rest of us ship.</p>
+      <img src="avatars/theMissingLink.png" alt="theMissingLink">
+      <div class="bio">
+        <div class="role">Lead QA</div>
+        <h2>Sascha <span style="color:#665c54;font-size:0.7rem">theMissingLink</span></h2>
+        <p>If it works, he tried to break it first. Main QA tester and part of the testMonkeys crew on Gitea. Catches the bugs the rest of us ship.</p>
+      </div>
     </div>
     <div class="card">
-      <div class="role">QA / Chaos Agent</div>
-      <h2>Mike <span style="color:#665c54;font-size:0.7rem">failedPerceptionCheck</span></h2>
-      <p>Can never see what's right in front of him, but he stumbles onto bugs nobody else would find. Rolls a nat 1 on perception, nat 20 on reproduction steps.</p>
+      <img src="avatars/failedPerceptionCheck.png" alt="failedPerceptionCheck">
+      <div class="bio">
+        <div class="role">QA / Chaos Agent</div>
+        <h2>Mike <span style="color:#665c54;font-size:0.7rem">failedPerceptionCheck</span></h2>
+        <p>Can never see what's right in front of him, but he stumbles onto bugs nobody else would find. Rolls a nat 1 on perception, nat 20 on reproduction steps.</p>
+      </div>
     </div>
     <div class="card">
-      <div class="role">QA / Haunted Hardware</div>
-      <h2>Mark <span style="color:#665c54;font-size:0.7rem">unfinishedProjects</span></h2>
-      <p>His PCs are haunted. Reproduces bugs that shouldn't exist, on hardware that shouldn't boot. Starts every side quest, finishes none of them. The final boss of edge cases.</p>
+      <img src="avatars/unfinishedProjects.png" alt="unfinishedProjects">
+      <div class="bio">
+        <div class="role">QA / Haunted Hardware</div>
+        <h2>Mark <span style="color:#665c54;font-size:0.7rem">unfinishedProjects</span></h2>
+        <p>His PCs are haunted. Reproduces bugs that shouldn't exist, on hardware that shouldn't boot. Starts every side quest, finishes none of them. The final boss of edge cases.</p>
+      </div>
     </div>
   </div>
   <footer>