<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <meta name="theme-color" content="#08101c" />
  <title>{{.Title}}</title>
  <script>
    window.routerBase = "/";
    window.settings = {
      title: {{printf "%q" .Title}},
      assets_path: {{printf "%q" .AssetsPath}},
      theme: { color: "aurora" },
      version: {{printf "%q" .Version}},
      background_url: "",
      description: {{printf "%q" .Description}},
      i18n: ["zh-CN", "en-US", "ja-JP", "vi-VN", "ko-KR", "zh-TW", "fa-IR"],
      logo: {{printf "%q" .Logo}}
    };

    window.NEBULA_THEME = {
      title: {{printf "%q" .Title}},
      theme: {{printf "%q" .Theme}},
      version: {{printf "%q" .Version}},
      description: {{printf "%q" .Description}},
      logo: {{printf "%q" .Logo}},
      assetsPath: {{printf "%q" .AssetsPath}},
      config: {{.ThemeConfigJSON}}
    };

    document.documentElement.dataset.accent = window.NEBULA_THEME.config.accent || "aurora";
  </script>
  <link rel="stylesheet" href="{{.AssetsPath}}/app.css" />
</head>
<body>
  <div class="nebula-shell" aria-hidden="true">
    <div class="nebula-glow nebula-glow-a"></div>
    <div class="nebula-glow nebula-glow-b"></div>
    <div class="nebula-ring nebula-ring-a"></div>
    <div class="nebula-ring nebula-ring-b"></div>
  </div>
  <div id="nebula-loader" class="nebula-loading">
    <div class="nebula-loading__card">
      <span class="nebula-pill">Nebula Theme</span>
      <h1>{{.Title}}</h1>
      <p>Go backend rebuild with original Nebula user experience.</p>
    </div>
  </div>
  <div id="nebula-toasts"></div>
  <div id="app"></div>
  <script src="{{.AssetsPath}}/app.js" defer></script>
  {{.CustomHTML}}
</body>
</html>
