add crew avatars

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,26 +102,38 @@
   <h3>The Crew</h3>
   <div class="team">
     <div class="card">
+      <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">
+      <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">
+      <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">
+      <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>
     <a href="https://git.dustin.coffee/LobotomyLabs">All repos on Gitea</a>
   </footer>