jap_web_ng/dist/index.html

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#282828" />
    <link rel="preload" href="/fonts/NotoSansJP-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin />
    <title>JapLearn — интервальные повторения</title>
    <script type="module" crossorigin src="/assets/index-C0jVdQGX.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-Db5EzFTV.css">
  </head>
  <body>
    <div id="app">
      <header class="top-bar">
        <button id="burger-btn" class="burger-btn" type="button" aria-label="Меню" aria-expanded="false" aria-controls="drawer">
          <span></span>
          <span></span>
          <span></span>
        </button>
        <div class="top-bar-title">
          <h1>JapLearn</h1>
          <p id="page-title">Главная</p>
        </div>
        <div class="top-bar-spacer"></div>
      </header>

      <div id="drawer-overlay" class="drawer-overlay" hidden></div>
      <nav id="drawer" class="drawer" aria-label="Навигация" aria-hidden="true">
        <div class="drawer-header">
          <div class="drawer-logo">JapLearn</div>
          <div class="drawer-subtitle">Интервальные повторения</div>
        </div>
        <button class="drawer-btn active" data-page="home" type="button">🏠 Главная</button>
        <button class="drawer-btn" data-page="decks" type="button">🗂️ Колоды</button>
        <button class="drawer-btn" data-page="sync" type="button">📡 Синхронизация</button>
      </nav>

      <div id="page" class="app-content">
        <!-- Страницы рендерятся сюда -->
      </div>
    </div>
  </body>
</html>