Initial Product release

2026-07-13 21:44:49 +01:00
parent 2d3ff69c6e
commit 0837f4f529
84 changed files with 13174 additions and 36 deletions
@@ -0,0 +1,65 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{{title}} - Signage</title>
+    <script>
+      (function () {
+        var storageKey = 'webui-theme';
+        var theme = 'light';
+        try {
+          var storedTheme = window.localStorage.getItem(storageKey);
+          if (storedTheme === 'dark' || storedTheme === 'light') {
+            theme = storedTheme;
+          } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            theme = 'dark';
+          }
+        } catch (error) {
+          if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            theme = 'dark';
+          }
+        }
+
+        document.documentElement.dataset.theme = theme;
+        document.documentElement.style.colorScheme = theme;
+      }());
+    </script>
+    <link rel="stylesheet" href="/assets/css/admin.css" />
+    {{#if stylesheets.length}}
+      {{#each stylesheets}}
+        <link rel="stylesheet" href="/assets/{{this}}" />
+      {{/each}}
+    {{/if}}
+  </head>
+  <body class="admin-shell-body admin-shell-body--frame {{frameBodyClass}}">
+    <div class="app-shell app-shell--frame">
+      <div class="shell-main shell-main--frame">
+        {{#unless hideThemeToggle}}
+          <button type="button" class="theme-toggle theme-toggle--floating" data-theme-toggle aria-pressed="false" aria-label="Switch to dark mode">
+            <span class="theme-toggle__icon theme-toggle__icon--moon" aria-hidden="true"></span>
+          </button>
+        {{/unless}}
+        {{#unless hideFrameHeader}}
+          <header class="topbar topbar--frame">
+            <div class="topbar-copy">
+              <span class="eyebrow">Slide workspace</span>
+              <h1>{{title}}</h1>
+            </div>
+          </header>
+        {{/unless}}
+        <main class="content content--frame">
+          <div class="page-shell page-shell--frame">
+            {{{body}}}
+          </div>
+        </main>
+      </div>
+    </div>
+    <script src="/assets/js/admin-page.js"></script>
+    {{#if scripts.length}}
+      {{#each scripts}}
+        <script src="/assets/{{this}}"></script>
+      {{/each}}
+    {{/if}}
+  </body>
+</html>