Initial Argus web catalog

2026-06-20 19:55:11 +03:00
commit 5f80c4bf6a
30 changed files with 2620 additions and 0 deletions
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Argus</title>
+  <link rel="icon" type="image/png" href="/assets/argus-icon.png?v=argus-panoptes-3d-20260508">
+  <link rel="stylesheet" href="/site.css">
+</head>
+<body>
+  <header class="store-header">
+    <nav class="store-nav" aria-label="Главная навигация">
+      <a class="brand" href="/" aria-label="Argus">
+        <img class="brand-icon" src="/assets/argus-icon.png?v=argus-panoptes-3d-20260508" alt="" width="34" height="34">
+        <span>Argus</span>
+      </a>
+      <div class="nav-tabs" aria-label="Разделы">
+        <a class="active" href="/">Приложения</a>
+        <a href="#release-card">Версия</a>
+      </div>
+      <button class="icon-button" id="refresh-button" type="button" aria-label="Обновить данные">
+        <svg viewBox="0 0 24 24" aria-hidden="true">
+          <path d="M20 12a8 8 0 1 1-2.34-5.66" />
+          <path d="M20 4v6h-6" />
+        </svg>
+      </button>
+    </nav>
+  </header>
+
+  <main class="store-shell">
+    <div class="device-tabs" aria-label="Устройства">
+      <span class="device-chip active">Телефон</span>
+    </div>
+
+    <section class="app-hero" id="catalog" aria-labelledby="app-name">
+      <div class="app-summary">
+        <div class="app-title-row">
+          <img class="app-icon" id="app-icon" src="/assets/argus-icon.png?v=argus-panoptes-3d-20260508" alt="" width="112" height="112">
+          <div>
+            <p class="collection-label">Опубликованные приложения</p>
+            <h1 id="app-name">Argus</h1>
+            <p class="developer-name">Kusoft</p>
+          </div>
+        </div>
+        <p class="app-description" id="app-description">Загрузка каталога приложений...</p>
+        <div class="app-actions">
+          <a class="button primary" id="primary-download" href="#" aria-disabled="true">Скачать файл</a>
+          <a class="button secondary" id="manifest-link" href="#" target="_blank" rel="noreferrer">Манифест</a>
+        </div>
+      </div>
+
+      <aside class="release-card" id="release-card" aria-label="Текущая версия">
+        <div class="release-card-head">
+          <span>Текущая версия</span>
+          <strong id="release-version">-</strong>
+        </div>
+        <div class="stat-grid" id="detail-meta"></div>
+        <div class="release-list" id="release-list"></div>
+      </aside>
+    </section>
+
+    <section class="store-section" aria-labelledby="available-title">
+      <div class="section-head">
+        <h2 id="available-title">Доступно в Argus</h2>
+      </div>
+      <div class="catalog-grid" id="catalog-grid"></div>
+    </section>
+
+    <section class="store-section" aria-labelledby="current-release-title">
+      <div class="section-head">
+        <h2 id="current-release-title">Последняя публикация</h2>
+      </div>
+      <div class="timeline" id="recent-releases"></div>
+    </section>
+  </main>
+
+  <script src="/site.js" defer></script>
+</body>
+</html>