<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ title or 'Doris Schoolhouse' }}</title>
    <link rel="stylesheet" href="/static/app.css?v=6">
  </head>
  <body class="doris-hot-fuzz doris-family-shell app-schoolhouse">
    <div class="incident-tape" aria-hidden="true"></div>
    <header class="site-header casefile-header app-casefile app-casefile-schoolhouse">
      <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 == '/' or request.url.path.startswith('/assignments') or request.url.path.startswith('/recordings') else '' }}" href="https://schoolhouse.paccoco.com/">Schoolhouse</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="http://10.5.30.6:8093/">Barbell</a>
        </nav>
      </div>
      <div class="casefile-title-row">
        <div>
          <p class="eyebrow">Sandford records desk</p>
          <div class="casefile-stamp coursework-evidence-tag">Records Intake</div>
          <h1>Doris Schoolhouse</h1>
          <p class="lede">Assignment packets, recording intake, and D2L paperwork now framed like a proper evidence room instead of some sad upload form farm.</p>
          <div class="brand-badges" aria-label="Theme badges">
            <span class="pill badge-hotfuzz">For the Greater Good</span>
            <span class="pill">Evidence locker: coursework</span>
            <span class="pill">Case type: Records Intake</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="schoolhouse-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="82" width="86" height="44" rx="8" class="evidence-card"></rect>
              <path d="M130 94 h58 M130 106 h44 M130 118 h34" class="evidence-lines"></path>
              <circle cx="214" cy="88" r="8" class="marker-dot"></circle>
              <circle cx="228" cy="102" r="6" class="marker-dot marker-dot-alt"></circle>
              <path d="M176 118 L206 94 L226 102" class="map-thread"></path>
              <path d="M126 144 C148 126 176 120 206 122" class="village-lane"></path>
              <rect x="124" y="84" width="78" height="54" rx="6" class="folder-body"></rect>
              <rect x="134" y="74" width="36" height="14" rx="4" class="folder-tab"></rect>
              <rect x="210" y="128" width="42" height="16" rx="6" class="radio-body"></rect>
              <rect x="228" y="112" width="8" height="16" rx="4" class="radio-antenna"></rect>
              <text x="160" y="204" class="poster-callout">RECORDS INTAKE</text>
            </svg>
          </div>
          <div class="evidence-contact-grid">
            <section class="evidence-note-card case-contact-sheet" aria-label="Records caseboard details">
              <div class="case-contact-top">
                <span class="case-contact-kicker">Archive incident wall</span>
                <span class="case-contact-badge">Chain of custody</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="28" width="92" height="50" rx="10" class="contact-photo"></rect>
                <path d="M30 92 h80 M30 104 h68 M30 116 h50" class="contact-lines"></path>
                <rect x="150" y="22" width="72" height="44" rx="10" class="contact-photo alt"></rect>
                <rect x="164" y="84" width="108" height="52" rx="12" class="contact-photo alt"></rect>
                <circle cx="248" cy="38" r="16" class="contact-marker"></circle>
                <path d="M132 94 C154 80 176 80 196 88 C214 96 232 98 248 94" class="contact-thread"></path>
                <text x="70" y="58" class="contact-label">D2L</text>
                <text x="186" y="50" class="contact-label">AUDIO</text>
                <text x="218" y="114" class="contact-label">FILE</text>
              </svg>
              <ul class="case-contact-list">
                <li>Archive labels, custody language, and red-thread routing make Schoolhouse feel like a records room instead of a plain upload utility.</li>
                <li>The old desk still remains as supporting texture, while the authored graphics now do the thematic heavy lifting.</li>
              </ul>
            </section>
            <figure class="photo-evidence-card hero-photo-card supporting-photo-card">
              <img src="/static/images/hotfuzz-records-desk.jpg" alt="Study desk photo with reading glasses, printed paperwork, and over-ear headphones." loading="eager">
              <figcaption>Records still · source logged in docs</figcaption>
            </figure>
          </div>
        </div>
      </div>
      <nav class="case-nav" aria-label="Doris Schoolhouse sections">
        <a class="case-nav-link {{ 'active' if request.url.path == '/' else '' }}" href="/">Course board</a>
        <a class="case-nav-link {{ 'active' if request.url.path.startswith('/assignments/upload') else '' }}" href="/assignments/upload">Submission packet</a>
        <a class="case-nav-link {{ 'active' if request.url.path.startswith('/recordings/upload') else '' }}" href="/recordings/upload">Audio evidence</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. Jump between coursework, household ops, and training without losing the same evidence-room language.</p>
        <div class="family-directory-grid">
          <a class="family-app-card current-desk" href="https://schoolhouse.paccoco.com/">
            <span class="family-app-kicker">Current desk</span>
            <strong>Doris Schoolhouse</strong>
            <small>Assignments, recordings, D2L sync, and archive handoffs.</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 rest of the 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>Meal discovery, import repair, and planner triage.</small>
          </a>
          <a class="family-app-card" href="http://10.5.30.6:8093/">
            <span class="family-app-kicker">Training desk</span>
            <strong>Doris Barbell</strong>
            <small>Workout logs, body metrics, and progression dossiers.</small>
          </a>
        </div>
      </section>
      {% block content %}{% endblock %}
    </main>
    <script src="/static/app.js"></script>
  </body>
</html>
