Интегрирован wesp в сайт

2026-07-17 12:57:18 +03:00
parent 5dfa06ddbe
commit 355c0ef9f1
883 changed files with 194576 additions and 177 deletions
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Комптон — demo загрузки</title>
+  <link rel="stylesheet" href="/static/css/wesp-logo-loader.css">
+</head>
+<body class="wesp-logo-loader-demo">
+  <p class="wesp-logo-loader-demo__hint">Серые пиксели → синие → сборка · прогресс по фазам</p>
+
+  <div class="wesp-logo-loader-demo__panel">
+    <button type="button" class="wesp-logo-loader-demo__btn" id="replayBtn">Показать снова</button>
+    <button type="button" class="wesp-logo-loader-demo__btn" id="hideBtn">Скрыть (exit-анимация)</button>
+  </div>
+
+  <script type="module">
+    import { showWespLogoLoader } from "/static/js/wesp-logo-loader.js";
+
+    let dispose = null;
+
+    async function play() {
+      if (dispose) {
+        dispose();
+        dispose = null;
+      }
+      dispose = await showWespLogoLoader({ id: "wespBootLoaderDemo" });
+    }
+
+    document.getElementById("replayBtn").addEventListener("click", () => {
+      play();
+    });
+
+    document.getElementById("hideBtn").addEventListener("click", () => {
+      if (dispose) {
+        dispose();
+        dispose = null;
+      }
+    });
+
+    play();
+  </script>
+</body>
+</html>