<!DOCTYPE html>
<html lang="{{ lang }}">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>{{ page_title }} — {{ site_title }}</title>
  <meta name="description" content="{{ description }}" />
  <link rel="stylesheet" href="{{ theme_stylesheet_href }}" />
  <link rel="icon" href="{{ theme_asset_prefix }}/toa.ico" sizes="any" />
  <script src="{{ theme_script_href }}" defer></script>
</head>
<body class="{{ body_class }}">
  <a class="skip-link" href="#main">Skip to content</a>
  <div class="{{ site_shell_class }}">
    <header class="site-header">
      <div class="brand-block">
        <div class="brand-row">
          <a class="brand-mark" href="/" aria-label="{{ site_title }} home">
            <img src="{{ theme_asset_prefix }}/toa_logo_001_edit_001.png" alt="{{ site_title }} logo" />
          </a>
          <div class="brand-copy">
            <p class="brand-kicker">{{ hero_kicker }}</p>
            <a class="brand-title" href="/">{{ site_title }}</a>
            <p class="brand-summary">{{ theme_description }}</p>
          </div>
        </div>
      </div>
      <nav class="top-nav" aria-label="Primary navigation">
        {{ navigation_html }}
        {{ language_selector_html }}
      </nav>
    </header>

    <main id="main">
      <section class="hero-panel">
        <p class="eyebrow">{{ hero_kicker }}</p>
        <div class="hero-grid">
          <div class="hero-copy">
            <h1>{{ hero_title }}</h1>
            <div class="lede">{{ hero_lede }}</div>
            <div class="button-row">
              {{ hero_actions_html }}
            </div>
          </div>
          <div class="continuity-note hero-note">
            <p class="eyebrow">What This Is</p>
            <h2>A preview of a working modernization path</h2>
            <p>The Archive remains a stable reference library. The redesign makes that library easier to read, search, and connect to sister Foundation resources.</p>
            <ul class="link-list compact-list">
              <li>Stable explanatory articles</li>
              <li>Claim-centered entry points</li>
              <li>Search across Foundation corpora</li>
            </ul>
          </div>
        </div>
      </section>

      <section id="start" class="content-panel lead-panel">
        <h2>Start Here</h2>
        <div class="feature-grid">
          {{ feature_cards_html }}
        </div>
      </section>

      <section id="resources" class="content-panel resources-panel">
        <h2>Key Resources</h2>
        {{ notebook_html }}
        <div class="section-grid">
          {{ section_cards_html }}
          {{ app_cards_html }}
        </div>
      </section>

      <section id="references" class="content-panel">
        <h2>Reference Context</h2>
        <ul class="archive-list bibliography-list">
          {{ bibliography_html }}
        </ul>
      </section>

      <section id="roadmap" class="content-panel roadmap-panel">
        <h2>Roadmap</h2>
        {{ roadmap_html }}
      </section>
    </main>

    <footer class="site-footer">
      <p class="footer-note"><strong>{{ site_title }}</strong></p>
      <p class="footer-note">Exploring the creation/evolution controversy with archived resources, reviewed explanations, and modernized access.</p>
      <p class="footer-note">
        <a href="/">Home</a> |
        <a href="/search/">Search</a> |
        <a href="https://www.talkorigins.org/origins/feedback/">Feedback</a> |
        <a href="https://www.talkorigins.org/">Legacy Archive</a>
      </p>
    </footer>
  </div>
</body>
</html>
