<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{title}}</title>
  <meta name="description" content="painted documentation">
  <link rel="stylesheet" href="{{asset_prefix}}style.css">
  <script defer src="https://cdn.jsdelivr.net/npm/prismjs@1/prism.min.js"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
</head>
<body class="docs">
  <div class="page-wrapper">
    <div class="top-nav">
      <a class="brand" href="{{asset_prefix}}index.html">painted</a>
      <div class="nav-links">
        <a href="quickstart.html" {{nav_quickstart}}>Quickstart</a>
        <a href="primitives.html" {{nav_primitives}}>Primitives</a>
        <a href="composition.html" {{nav_composition}}>Composition</a>
        <a href="cli-harness.html" {{nav_cli_harness}}>CLI harness</a>
        <a href="tui.html" {{nav_tui}}>TUI</a>
      </div>
      <button class="nav-button" id="theme-toggle" type="button" aria-label="Toggle theme">Theme</button>
    </div>

    <div class="docs-shell">
      <aside class="docs-sidebar">
        <div class="docs-sidebar-title">Docs</div>
        <nav class="docs-sidebar-links" aria-label="Documentation">
          <a href="quickstart.html" {{nav_quickstart}}>Quickstart</a>
          <a href="primitives.html" {{nav_primitives}}>Primitives and Blocks</a>
          <a href="composition.html" {{nav_composition}}>Composition Layout</a>
          <a href="cli-harness.html" {{nav_cli_harness}}>CLI Harness Fidelity</a>
          <a href="tui.html" {{nav_tui}}>TUI Core Layers</a>
        </nav>
      </aside>

      <main class="docs-content">
        <article class="markdown">
{{content}}
        </article>
      </main>
    </div>

    <footer class="site-footer">
      <ul class="footer-links">
        <li><a href="{{asset_prefix}}index.html">Home</a></li>
        <li><a href="quickstart.html">Docs</a></li>
        <li><a href="https://github.com/kaygee/painted">GitHub</a></li>
        <li><a href="https://pypi.org/project/painted/">PyPI</a></li>
      </ul>
    </footer>
  </div>

  <script defer src="{{asset_prefix}}site.js"></script>
</body>
</html>

