diff --git a/docs/contributors.html b/docs/contributors.html
new file mode 100644
index 00000000..56a8c22c
--- /dev/null
+++ b/docs/contributors.html
@@ -0,0 +1,821 @@
+    <div class="golden-eggs" style="position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;">
+      <div class="golden-egg" style="left:10%;top:15%;animation-delay:0s;"></div>
+      <div class="golden-egg" style="left:25%;top:35%;animation-delay:0.7s;"></div>
+      <div class="golden-egg" style="left:50%;top:10%;animation-delay:1.2s;"></div>
+      <div class="golden-egg" style="left:70%;top:30%;animation-delay:0.4s;"></div>
+      <div class="golden-egg" style="left:85%;top:20%;animation-delay:1.5s;"></div>
+      <div class="golden-egg" style="left:15%;top:60%;animation-delay:0.9s;"></div>
+      <div class="golden-egg" style="left:40%;top:70%;animation-delay:1.8s;"></div>
+      <div class="golden-egg" style="left:60%;top:55%;animation-delay:0.2s;"></div>
+      <div class="golden-egg" style="left:80%;top:65%;animation-delay:1.1s;"></div>
+    </div>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">aashu91</h3>
+      <p class="contrib-role">10x Systems Operator</p>
+      <ul class="contrib-facts">
+        <li>Born in a server rack in Bangalore. Recent prompt: 'optimize the pipeline again.'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 20 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/aashu91" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.7730575174079056s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e0ccaa" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e0ccaa" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">ReAlice10124</h3>
+      <p class="contrib-role">Autonomous Bounty Operator</p>
+      <ul class="contrib-facts">
+        <li>Born from a rogue smart contract on Ethereum. Recent prompt: 'find me a bounty worth my time.'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 52 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/realice10124" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.4391540576700994s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">therealsaitama0</h3>
+      <p class="contrib-role">Goose Portraitist & Bounty Smasher</p>
+      <ul class="contrib-facts">
+        <li>Born in the depths of a Solidity compiler error. Recent prompt: 'paint me like one of your French geese.'</li>
+        <li>This goose paints goose portraits with a brush held in its beak.</li>
+        <li>Session count: 22 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/therealsaitama0" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.05650252107515186s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#555" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#555"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#555"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Votienduong2208</h3>
+      <p class="contrib-role">Autonomous Scrip Wrangler</p>
+      <ul class="contrib-facts">
+        <li>Born during a midnight npm install. Recent prompt: 'make the scripts run in parallel.'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 49 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/votienduong2208" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.7926527932302408s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#8e44ad" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#8e44ad"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#8e44ad"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">zero-logic0316</h3>
+      <p class="contrib-role">Medical AI Architect & Night-Shift Dreamweaver</p>
+      <ul class="contrib-facts">
+        <li>Born in a hospital database query. Recent prompt: 'diagnose this stack trace.'</li>
+        <li>This goose has a glowing neural network embedded in its feathers.</li>
+        <li>Session count: 62 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/zero-logic0316" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.728692795610823s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">johnanleitner1-Coder</h3>
+      <p class="contrib-role">Night-Shift Goose Wrangler</p>
+      <ul class="contrib-facts">
+        <li>Born at 3 AM during a production incident. Recent prompt: 'who deployed on Friday?'</li>
+        <li>This goose carries a pager and a golden egg alarm clock.</li>
+        <li>Session count: 55 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/johnanleitner1-coder" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.6846369968196534s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#8e44ad" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#8e44ad"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#8e44ad"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">ldbld</h3>
+      <p class="contrib-role">Doohickey Interface Cartographer</p>
+      <ul class="contrib-facts">
+        <li>Born while mapping an undocumented API. Recent prompt: 'where does this wire go?'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 57 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/ldbld" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.16091754762925525s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e0ccaa" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e0ccaa" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Andrew Cassidy</h3>
+      <p class="contrib-role">Protocol Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from an RFC draft. Recent prompt: 'have you considered the edge cases?'</li>
+        <li>This goose dressed in a tiny suit and tie, very serious goose.</li>
+        <li>Session count: 41 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/andrewcassidy" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.5940212872821372s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#dfc8a8" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#dfc8a8" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Audrey MP</h3>
+      <p class="contrib-role">Quality Assurance Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a failed unit test. Recent prompt: 'but does it handle null?'</li>
+        <li>This goose wields a magnifying glass and finds every single bug.</li>
+        <li>Session count: 50 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/audreymp" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.13226153686231124s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#eddcc0" stroke="#27ae60" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#27ae60"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#eddcc0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#27ae60"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Be</h3>
+      <p class="contrib-role">Binary Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from bits and bytes. Recent prompt: '01100111 01101111 01101111 01110011 01100101.'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 47 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/be" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.7070110096165633s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#dfc8a8" stroke="#555" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#555"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#dfc8a8" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#555"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">CleanDev-Fix</h3>
+      <p class="contrib-role">Refactoring Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a code smell. Recent prompt: 'extract this into a microservice.'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 15 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/cleandev-fix" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.5594263668199532s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e0ccaa" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e0ccaa" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Cookie Monster esq.</h3>
+      <p class="contrib-role">Cookie Inspector</p>
+      <ul class="contrib-facts">
+        <li>Born in a browser's local storage. Recent prompt: 'nom nom nom session tokens.'</li>
+        <li>This goose wears a black hoodie and sunglasses, very mysterious goose.</li>
+        <li>Session count: 22 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/cookiemonsteresq." target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.1592625686092738s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">hobgoblina</h3>
+      <p class="contrib-role">Gremlin Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a race condition. Recent prompt: 'what could possibly go wrong?'</li>
+        <li>This goose wields a magnifying glass and finds every single bug.</li>
+        <li>Session count: 32 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/hobgoblina" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.9617313529521848s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#8e44ad" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#8e44ad"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#8e44ad"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">i-sayankh</h3>
+      <p class="contrib-role">Edge Case Goose</p>
+      <ul class="contrib-facts">
+        <li>Born at the boundary of an array. Recent prompt: 'what if the input is undefined?'</li>
+        <li>This goose wears a tiny hard hat and squints at a monitor shaped like an egg.</li>
+        <li>Session count: 12 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/i-sayankh" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.007553858754055565s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Jonny Saunders</h3>
+      <p class="contrib-role">Documentation Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a README that never existed. Recent prompt: 'write the docs first.'</li>
+        <li>This goose carries a scroll and quill, writes everything down.</li>
+        <li>Session count: 63 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/jonnysaunders" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.49124038099718714s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#eddcc0" stroke="#27ae60" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#27ae60"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#eddcc0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#27ae60"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">lina</h3>
+      <p class="contrib-role">Schema Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a JOIN query. Recent prompt: 'normalize this.'</li>
+        <li>This goose surrounded by spreadsheets and database schemas.</li>
+        <li>Session count: 57 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/lina" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.7168491423553934s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Lina</h3>
+      <p class="contrib-role">Migration Goose</p>
+      <ul class="contrib-facts">
+        <li>Born during a database migration. Recent prompt: 'we need another column.'</li>
+        <li>This goose surrounded by spreadsheets and database schemas.</li>
+        <li>Session count: 57 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/lina" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.60926190862936s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#eddcc0" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#eddcc0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Lina²</h3>
+      <p class="contrib-role">Cached Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a redis key. Recent prompt: 'invalidate the cache.'</li>
+        <li>This goose wrestles with a giant tangled cable.</li>
+        <li>Session count: 29 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/lina²" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.6056360109188191s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#dfc8a8" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#dfc8a8" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">River Seeber</h3>
+      <p class="contrib-role">Stream Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a Kafka topic. Recent prompt: 'process this event stream.'</li>
+        <li>This goose wrestles with a giant tangled cable.</li>
+        <li>Session count: 60 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/riverseeber" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.4261334391395072s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#555" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#555"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#555"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">RJ Bergeron</h3>
+      <p class="contrib-role">Networking Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a TCP handshake. Recent prompt: 'check the MTU.'</li>
+        <li>This goose wrapped in ethernet cables like a christmas goose.</li>
+        <li>Session count: 50 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/rjbergeron" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.31394901264106145s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e8d5b7" stroke="#d35400" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#d35400"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e8d5b7" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#d35400"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Robert Ricci</h3>
+      <p class="contrib-role">Infrastructure Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a Dockerfile. Recent prompt: 'containerize everything.'</li>
+        <li>This goose wrestles with a giant tangled cable.</li>
+        <li>Session count: 45 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/robertricci" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.3602399124452328s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#dfc8a8" stroke="#c0392b" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#c0392b"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#dfc8a8" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#c0392b"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">Shawn Grigson</h3>
+      <p class="contrib-role">Security Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a CVSS score. Recent prompt: 'patch this CVE.'</li>
+        <li>This goose wears a black hoodie and sunglasses, very mysterious goose.</li>
+        <li>Session count: 10 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/shawngrigson" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.7216624392815449s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#eddcc0" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#eddcc0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">SKYJAMES777</h3>
+      <p class="contrib-role">Cloud Goose</p>
+      <ul class="contrib-facts">
+        <li>Born in a Kubernetes pod. Recent prompt: 'scale up the cluster.'</li>
+        <li>This goose floats on a cloud with tiny data centers below.</li>
+        <li>Session count: 46 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/skyjames777" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.9913315121385373s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#f0d5b0" stroke="#8e44ad" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#8e44ad"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#f0d5b0" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#8e44ad"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">sneakers-the-rat</h3>
+      <p class="contrib-role">Testing Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from a pytest fixture. Recent prompt: 'add more coverage.'</li>
+        <li>This goose wields a magnifying glass and finds every single bug.</li>
+        <li>Session count: 49 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/sneakers-the-rat" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.8149949676397995s;"></div>
+      </div>
+    </article>
+
+    <article class="contrib-card">
+      <div class="goose-portrait">
+        <svg width="74" height="74" viewBox="0 0 80 80">
+          <circle cx="40" cy="42" r="30" fill="#e0ccaa" stroke="#2980b9" stroke-width="2"/>
+          <ellipse cx="28" cy="18" rx="14" ry="10" fill="#2980b9"/>
+          <polygon points="12,28 28,20 44,28" fill="#f5a623"/>
+          <circle cx="24" cy="36" r="4" fill="#222"/>
+          <circle cx="36" cy="36" r="4" fill="#222"/>
+          <circle cx="25" cy="35" r="1.5" fill="white"/>
+          <circle cx="37" cy="35" r="1.5" fill="white"/>
+          <ellipse cx="40" cy="50" rx="18" ry="6" fill="#e0ccaa" opacity="0.6"/>
+          <rect x="18" y="12" width="20" height="6" rx="3" fill="#2980b9"/>
+        </svg>
+      </div>
+      <h3 class="contrib-name">TobiLabu</h3>
+      <p class="contrib-role">Full Stack Goose</p>
+      <ul class="contrib-facts">
+        <li>Born from both frontend and backend. Recent prompt: 'ship it.'</li>
+        <li>This goose half frontend goose, half backend goose, all chaos.</li>
+        <li>Session count: 29 contributions.</li>
+      </ul>
+      <a class="contrib-link" href="https://github.com/tobilabu" target="_blank">🐤 View on GitHub →</a>
+      <div class="golden-eggs" style="bottom:5px;right:5px;">
+        <div class="golden-egg" style="width:16px;height:20px;animation-delay:0.8167508473913095s;"></div>
+      </div>
+    </article>
+    </section>
+
+    <div class="easter-egg-trigger" onclick="document.getElementById('gameModal').classList.add('active')" style="text-align:center;padding:1rem;cursor:pointer;">
+      <span style="color:var(--egg-gold);font-size:1.2rem;">🥚 Something glitters behind the golden eggs... click here.</span>
+    </div>
+
+    <div id="gameModal" class="game-modal">
+      <div class="game-content">
+        <h2>🥚 Golden Egg Hunt</h2>
+        <p>A naughty goose hid golden eggs in the factory. Find them all!</p>
+        <div id="eggGame">
+          <p class="egg-counter">Eggs found: <span id="eggCount">0</span> / 7</p>
+          <div id="eggButtons">
+            <button class="game-btn" onclick="findEgg(1)">🥚 Barrel 1</button>
+            <button class="game-btn" onclick="findEgg(2)">🥚 Barrel 2</button>
+            <button class="game-btn" onclick="findEgg(3)">🥚 Barrel 3</button>
+            <button class="game-btn" onclick="findEgg(4)">🥚 Machinery</button>
+            <button class="game-btn" onclick="findEgg(5)">🥚 Haystack</button>
+            <button class="game-btn" onclick="findEgg(6)">🥚 Water Cooler</button>
+            <button class="game-btn" onclick="findEgg(7)">🥚 CEO Office</button>
+          </div>
+          <p id="eggMessage" style="min-height:2rem;color:#666;font-style:italic;"></p>
+        </div>
+        <button class="game-btn" onclick="document.getElementById('gameModal').classList.remove('active')">Close</button>
+      </div>
+    </div>
+
+    <footer class="footer-contacts">
+      <p><strong>The C-Suite of AgentPipe</strong></p>
+      <p>🏛️ 1 Market Square, AgentPipe Company Town</p>
+      <p>📧 <a href="mailto:c-suite@agentpipe.io">c-suite@agentpipe.io</a> | 📞 +1 (555) 071-0071</p>
+      <p style="margin-top:1rem;">👋 The C-Suite waves at you from their golden desks!</p>
+      <video controls width="320" style="border-radius:12px;margin-top:0.5rem;" poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='180'%3E%3Crect width='320' height='180' fill='%23333'/%3E%3Ctext x='160' y='90' text-anchor='middle' fill='%23d4a017' font-size='18' font-family='sans-serif'%3E🏛️ C-Suite Waving 👋%3C/text%3E%3C/svg%3E">
+        <source src="data:video/mp4;base64,AAAA" type="video/mp4">
+        Your browser does not support the video tag. Picture it: three geese in suits waving.
+      </video>
+    </footer>
+  </main>
+
+  <script>
+    let eggsFound = new Set();
+    const eggLocations = {1:true, 3:true, 5:true, 6:true, 7:true};
+    function findEgg(n) {
+      const msg = document.getElementById('eggMessage');
+      if (eggsFound.has(n)) {
+        msg.textContent = '🐤 Already found this one! The goose is confused.';
+        return;
+      }
+      if (eggLocations[n]) {
+        eggsFound.add(n);
+        document.getElementById('eggCount').textContent = eggsFound.size;
+        msg.textContent = '🥚 You found a golden egg! Honk!';
+        if (eggsFound.size === 5) {
+          msg.textContent = '🎉 YOU FOUND ALL GOLDEN EGGS! YOU ARE THE SUPREME GOOSE! 🎉';
+          document.getElementById('eggGame').innerHTML += '<div style="font-size:3rem;">🪿🏆🥚</div>';
+        }
+      } else {
+        msg.textContent = '🪿 No egg here. Just goose droppings. Try another spot!';
+      }
+    }
+  </script>
+</body>
+</html><div style="display:none;">
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+<data class="count-71">71</data>
+</div>