From c6406122a222df03dc8c634a524e6b5b8bd88474 Mon Sep 17 00:00:00 2001
From: Fretux <frederik@spirgi.com>
Date: Wed, 21 Jan 2026 08:48:52 +0100
Subject: [PATCH] Refresh branding and highlight team

---
 static/style.css        | 51 +++++++++++++++++++++++++++++++++++++++++
 templates/about_us.html | 36 +++++++++++++++++++++++------
 templates/index.html    |  8 +++----
 3 files changed, 84 insertions(+), 11 deletions(-)

diff --git a/static/style.css b/static/style.css
index bbd4327..986a9e5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1356,6 +1356,57 @@ body.menu-open {
     margin-top: 20px;
 }
 
+.af-team-section {
+    margin-top: 24px;
+    padding: 20px;
+    border-radius: 20px;
+    border: 1px solid var(--accent);
+    background: linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(17, 24, 39, 0.05));
+    box-shadow: var(--shadow);
+}
+
+.af-team-heading {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-bottom: 16px;
+}
+
+.af-team-intro {
+    margin: 0;
+    color: var(--text-muted);
+}
+
+.af-team-grid {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.af-team-card {
+    padding: 16px;
+    border-radius: 16px;
+    border: 1px solid var(--border);
+    background: var(--surface);
+}
+
+.af-team-card-header {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    margin-bottom: 8px;
+}
+
+.af-team-card h3 {
+    margin: 0;
+}
+
+.af-team-link {
+    font-weight: 600;
+    color: var(--accent);
+    word-break: break-word;
+}
+
 .af-about-pill {
     padding: 6px 12px;
     border-radius: 999px;
diff --git a/templates/about_us.html b/templates/about_us.html
index f27ce10..2086b2e 100644
--- a/templates/about_us.html
+++ b/templates/about_us.html
@@ -67,13 +67,35 @@
             </ul>
         </div>
 
-        <h2>The Team</h2>
-        <ul class="af-list">
-            <li>Fretux – Frontend Developer &amp; Data Specialist. Designs the UI and ensures stat accuracy.</li>
-            <li>Losernoob124 – Backend Developer. Handles everything under the hood and makes sure the calculators
-                work.
-            </li>
-        </ul>
+        <section class="af-team-section">
+            <div class="af-team-heading">
+                <h2>The Team</h2>
+                <p class="af-team-intro">The duo keeping the stats sharp and the vibes fun.</p>
+            </div>
+            <div class="af-team-grid">
+                <article class="af-team-card">
+                    <div class="af-team-card-header">
+                        <h3>Fretux</h3>
+                        <a class="af-team-link" href="https://github.com/Fretuks" target="_blank" rel="noopener">
+                            github.com/Fretuks
+                        </a>
+                    </div>
+                    <p>Frontend Developer &amp; Data Specialist. Designs the UI, keeps the numbers honest, and
+                        polishes the experience.</p>
+                </article>
+                <article class="af-team-card">
+                    <div class="af-team-card-header">
+                        <h3>Losernoob</h3>
+                        <a class="af-team-link" href="https://github.com/ScriptSorcerer20" target="_blank"
+                           rel="noopener">
+                            github.com/ScriptSorcerer20
+                        </a>
+                    </div>
+                    <p>Backend Developer. Handles the heavy lifting under the hood so the calculators stay fast and
+                        reliable.</p>
+                </article>
+            </div>
+        </section>
 
         <h2>Frequently Asked Questions</h2>
         <h3>How do you calculate DPS and DPM?</h3>
diff --git a/templates/index.html b/templates/index.html
index 20368c3..925b8c6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -11,7 +11,7 @@
     <div class="af-brand">
         <div>
             <p class="af-title">Anomaly Front</p>
-            <p class="af-subtitle">Operations hub</p>
+            <p class="af-subtitle">Your laid-back ops hangout</p>
         </div>
     </div>
     <nav class="af-nav" id="af-nav" aria-label="Primary">
@@ -31,10 +31,10 @@
 <main class="af-shell">
     <section class="af-hero">
         <div>
-            <h1>Welcome to the Anomaly Front Calculator!</h1>
+            <h1>Welcome to the Anomaly Front hangout!</h1>
             <p>
-                This hub allows simple and quick loadout planning. Start with the
-                calculator, capture balancing ideas, and iterate as your operative and weapon kit evolves.
+                Pull up a seat for quick loadout planning. Start with the calculator,
+                jot down balance thoughts, and keep tweaking as your operative and weapon kit evolves.
             </p>
         </div>
         <div class="af-status">