<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ title or 'Doris Barbell' }}</title>
    <link rel="stylesheet" href="/static/app.css?v=6">
  </head>
  <body class="doris-hot-fuzz doris-family-shell app-barbell">
    <div class="incident-tape" aria-hidden="true"></div>
    <header class="page-header casefile-header app-casefile app-casefile-barbell">
      <div class="film-grain" aria-hidden="true"></div>
      <div class="cinematic-glow" aria-hidden="true"></div>
      <div class="brand-row">
        <div class="nav-brand">
          <span class="nav-kicker">N.W.A. Case File</span>
          <strong>Doris Constabulary</strong>
        </div>
        <nav class="nav-links doris-family-nav" aria-label="Doris family navigation">
          <a class="nav-link {{ 'active' if request.url.path == '/' else '' }}" href="http://10.5.30.6:8093/">Barbell</a>
          <a class="nav-link" href="http://10.5.30.7:8787/">Dashboard</a>
          <a class="nav-link" href="http://10.5.30.7:8787/services.html">Services</a>
          <a class="nav-link" href="http://10.5.30.7:8092/">Kitchen</a>
          <a class="nav-link" href="https://schoolhouse.paccoco.com/">Schoolhouse</a>
        </nav>
      </div>
      <div class="casefile-title-row">
        <div>
          <p class="eyebrow">Station training desk</p>
          <div class="casefile-stamp barbell-evidence-tag">Training Dossier</div>
          <h1>Doris Barbell</h1>
          <p class="lede">Reps, weight, BMI, and body metrics now look like a proper performance dossier instead of generic gym CRUD.</p>
          <div class="brand-badges" aria-label="Theme badges">
            <span class="pill badge-hotfuzz">For the Greater Good</span>
            <span class="pill">Evidence locker: reps</span>
            <span class="pill">Case type: Training Dossier</span>
          </div>
        </div>
        <div class="art-stack">
          <div class="hot-fuzz-art" aria-hidden="true">
            <svg viewBox="0 0 320 220" class="poster-illustration" role="presentation">
              <defs>
                <linearGradient id="barbell-sunset" x1="0%" y1="0%" x2="100%" y2="100%">
                  <stop offset="0%" stop-color="#f2c14e"></stop>
                  <stop offset="50%" stop-color="#d53600"></stop>
                  <stop offset="100%" stop-color="#910f3f"></stop>
                </linearGradient>
              </defs>
              <rect x="8" y="8" width="304" height="204" rx="24" class="poster-frame"></rect>
              <circle cx="228" cy="72" r="58" class="poster-halo"></circle>
              <path d="M18 170 L112 100 L134 124 L40 198 Z" class="poster-tape tape-left"></path>
              <path d="M202 82 L302 32 L314 60 L214 112 Z" class="poster-tape tape-right"></path>
              <path d="M112 180 C110 150 116 126 132 110 C140 100 148 94 154 90 C160 94 168 100 176 110 C192 126 198 150 196 180 Z" class="constable-silhouette lead"></path>
              <path d="M174 184 C172 154 178 132 194 118 C202 110 210 104 218 100 C226 104 234 110 242 118 C258 132 264 154 262 184 Z" class="constable-silhouette partner"></path>
              <circle cx="84" cy="60" r="28" class="swan-stamp"></circle>
              <path d="M76 64 C80 54 91 48 101 53 C93 52 88 57 89 63 C90 69 101 68 103 76 C94 78 83 76 78 69 L71 76 L66 71 L74 64 Z" class="swan-mark"></path>
              <rect x="120" y="88" width="88" height="38" rx="8" class="evidence-card"></rect>
              <path d="M130 98 h58 M130 108 h42 M130 118 h32" class="evidence-lines"></path>
              <circle cx="88" cy="88" r="8" class="marker-dot"></circle>
              <circle cx="100" cy="104" r="6" class="marker-dot marker-dot-alt"></circle>
              <path d="M96 94 L122 110 L152 96" class="map-thread"></path>
              <path d="M210 88 C226 80 242 80 254 88" class="beacon-arc"></path>
              <rect x="122" y="110" width="86" height="8" rx="4" class="barbell-bar"></rect>
              <circle cx="120" cy="114" r="16" class="plate-outer"></circle>
              <circle cx="120" cy="114" r="8" class="plate-inner"></circle>
              <circle cx="210" cy="114" r="16" class="plate-outer"></circle>
              <circle cx="210" cy="114" r="8" class="plate-inner"></circle>
              <rect x="216" y="126" width="38" height="16" rx="6" class="radio-body"></rect>
              <rect x="232" y="110" width="8" height="16" rx="4" class="radio-antenna"></rect>
              <text x="160" y="204" class="poster-callout">TRAINING DOSSIER</text>
            </svg>
          </div>
          <div class="evidence-contact-grid">
            <section class="evidence-note-card case-contact-sheet" aria-label="Training caseboard details">
              <div class="case-contact-top">
                <span class="case-contact-kicker">Station drill board</span>
                <span class="case-contact-badge">Cadet fitness</span>
              </div>
              <svg viewBox="0 0 320 160" class="contact-sheet-illustration" role="presentation">
                <rect x="12" y="14" width="116" height="132" rx="16" class="contact-frame"></rect>
                <rect x="24" y="30" width="92" height="54" rx="12" class="contact-photo"></rect>
                <path d="M30 96 h80 M30 108 h66 M30 120 h48" class="contact-lines"></path>
                <rect x="146" y="24" width="78" height="44" rx="10" class="contact-photo alt"></rect>
                <rect x="160" y="84" width="112" height="52" rx="12" class="contact-photo alt"></rect>
                <circle cx="250" cy="40" r="16" class="contact-marker"></circle>
                <path d="M132 94 C152 82 176 80 194 88 C208 94 228 98 250 96" class="contact-thread"></path>
                <text x="70" y="60" class="contact-label">RPE</text>
                <text x="186" y="52" class="contact-label">PACE</text>
                <text x="218" y="114" class="contact-label">PLATE</text>
              </svg>
              <ul class="case-contact-list">
                <li>Clipboard-style slips, radio cues, and drill-board labels make the page read like a police training dossier instead of generic fitness software.</li>
                <li>The photo still remains for texture, but the authored graphics now carry the theme.</li>
              </ul>
            </section>
            <figure class="photo-evidence-card hero-photo-card supporting-photo-card">
              <img src="/static/images/hotfuzz-training-dossier.jpg" alt="Sepia-toned training photo with dumbbells, weight plates, and a handwritten workout clipboard." loading="eager">
              <figcaption>Training still · source logged in docs</figcaption>
            </figure>
          </div>
        </div>
      </div>
      <nav class="case-nav" aria-label="Doris Barbell sections">
        <a class="case-nav-link active" href="/#body-metrics">Body metrics</a>
        <a class="case-nav-link" href="/#weight-log">Weight log</a>
        <a class="case-nav-link" href="/#routine-board">Routine board</a>
        <a class="case-nav-link" href="/#recent-workouts">Workout reports</a>
      </nav>
    </header>
    <main class="page-shell">
      <section class="family-portal evidence-board casefile-directory">
        <div class="section-heading">
          <div>
            <p class="section-label">Singular front door</p>
            <h2>Doris family directory</h2>
          </div>
          <span class="pill">Casefile directory</span>
        </div>
        <p class="muted case-legend">One shell, separate runtimes. Training reports live here, but the rest of the Doris family is one jump away.</p>
        <div class="family-directory-grid">
          <a class="family-app-card current-desk" href="http://10.5.30.6:8093/">
            <span class="family-app-kicker">Current desk</span>
            <strong>Doris Barbell</strong>
            <small>Body metrics, routines, workouts, and progression dossiers.</small>
          </a>
          <a class="family-app-card" href="http://10.5.30.7:8787/">
            <span class="family-app-kicker">Operator portal</span>
            <strong>Doris Dashboard</strong>
            <small>Canonical front door for the whole Doris family.</small>
          </a>
          <a class="family-app-card" href="http://10.5.30.7:8787/services.html">
            <span class="family-app-kicker">Switchboard</span>
            <strong>Services Directory</strong>
            <small>Dense launch wall for the wider homelab stack.</small>
          </a>
          <a class="family-app-card" href="http://10.5.30.7:8092/">
            <span class="family-app-kicker">Pantry desk</span>
            <strong>Doris Kitchen</strong>
            <small>Recipe leads, repair queue, and planning board.</small>
          </a>
          <a class="family-app-card" href="https://schoolhouse.paccoco.com/">
            <span class="family-app-kicker">Records desk</span>
            <strong>Doris Schoolhouse</strong>
            <small>Assignments, recordings, and school intake packets.</small>
          </a>
        </div>
      </section>
      {% block content %}{% endblock %}
    </main>
  </body>
</html>
