AkurAI-Platform / frontend/header.html

Latest change ed1696afdb6cc3eba686f123e0b4674d3a81081b - feat: adopt framework v0.8.0 theme system (17 themes, picker, token aliasing) by Olafur Bui

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="{{ summary }}" />
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/styles.css" />
    <!-- Named multi-theme tokens (:root[data-theme]); must come after styles.css
         so the active theme's values win. -->
    <link rel="stylesheet" href="/themes.css" />
    <!-- Flash-guard: set the active theme before first paint. -->
    <script>
      (function () {
        try {
          var t = localStorage.getItem("akurai-theme");
          if (!t) t = matchMedia("(prefers-color-scheme: light)").matches ? "akurai-light" : "akurai";
          document.documentElement.setAttribute("data-theme", t);
        } catch (e) {}
      })();
    </script>
    <script type="module" src="/theme.js"></script>
  </head>
  <body>
    <header class="topbar">
      <a class="brand" href="/" aria-label="{{ brand }}">
        <span class="brand-mark" aria-hidden="true">A</span>
        <span>{{ brand }}</span>
      </a>
      <nav class="nav-links" aria-label="Primary">
        {% for link in nav %}<a href="{{ link.href }}">{{ link.label }}</a>{% endfor %}
        <span class="theme-picker" data-theme-picker></span>
      </nav>
    </header>