GUI

gui/wails/frontend/index.html

@@ -4,12 +4,33 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="./src/style.css" />
-  <title>Тест (Спектр)</title>
+  <title>Спектр</title>
 </head>
-<body>
+<body data-theme="dark">
+
+  <!-- Переключатель темы -->
+  <button id="theme-toggle" title="Сменить тему">☀</button>
+
+  <!-- Интро при запуске: закрывает всё окно приложения, потом "двери" разъезжаются -->
+  <div id="intro-overlay">
+    <div class="door door-left"></div>
+    <div class="door door-right"></div>
+  </div>
+
   <div id="app">
-    <!-- Заголовки вкладок -->
-    <div class="tabs">
+
+    <!-- Бренд-блок -->
+    <div id="brand">
+      <div class="logo-icon">
+        <img class="logo-dark" src="/src/assets/images/logo-dark.jpg" alt="ТЭЧ ДМ" />
+        <img class="logo-light" src="/src/assets/images/logo-light.png" alt="ТЭЧ ДМ" />
+      </div>
+      <h1>СПЕКТР</h1>
+      <div class="tag">видеоприёмник · панель управления</div>
+    </div>
+
+    <!-- Заголовки вкладок (пока скрыты — активен только режим приёмника) -->
+    <div class="tabs" hidden>
       <button class="tab-button active" data-tab="receiver">Режим приемника</button>
       <button class="tab-button" data-tab="detector">Режим детектора</button>
       <button class="tab-button" data-tab="info">Информация</button>
@@ -62,4 +83,4 @@
 
   <script type="module" src="/src/main.js"></script>
 </body>
-</html>
+</html>