Init

2026-07-17 15:57:36 +03:00
commit e4240a7be5
72 changed files with 6227 additions and 0 deletions
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="ru" data-theme="dark">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>{% block title %}{{ title or "Wrapped" }}{% endblock %}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="/static/css/app.css" />
+  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml" />
+  <link rel="icon" href="/static/favicon.ico" sizes="any" />
+  <link rel="apple-touch-icon" href="/static/apple-touch-icon.png" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  {% block head %}{% endblock %}
+</head>
+<body>
+  <div class="bg-grid" aria-hidden="true"></div>
+  <header class="topbar">
+    <a class="brand" href="/">
+      <span class="brand-mark" aria-hidden="true">
+        <i class="fa-solid fa-shield-halved"></i>
+      </span>
+      <span class="brand-text">
+        <span class="brand-name">Wrapped</span>
+        <span class="brand-tagline" data-i18n="brand.tagline">Упакуй. Отправь. Исчезни.</span>
+      </span>
+    </a>
+    <div class="top-actions">
+      <button type="button" class="icon-btn" id="lang-toggle" title="Language" aria-label="Language">
+        <span id="lang-label">RU</span>
+      </button>
+      <button type="button" class="icon-btn" id="theme-toggle" title="Theme" aria-label="Theme">
+        <svg id="theme-icon-sun" class="icon hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
+        <svg id="theme-icon-moon" class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 14.5A8.5 8.5 0 1 1 9.5 3a7 7 0 0 0 11.5 11.5z"/></svg>
+      </button>
+    </div>
+  </header>
+  <main class="shell">
+    {% block content %}{% endblock %}
+  </main>
+  <footer class="site-footer">
+    <ul class="footer-pillars">
+      <li>
+        <i class="fa-solid fa-user-secret" aria-hidden="true"></i>
+        <span>
+          <strong data-i18n="footer.pillar.zk">Zero-knowledge</strong>
+          <small data-i18n="footer.pillar.zk.hint">Сервер не видит содержимое</small>
+        </span>
+      </li>
+      <li>
+        <i class="fa-solid fa-fire" aria-hidden="true"></i>
+        <span>
+          <strong data-i18n="footer.pillar.once">Одноразово</strong>
+          <small data-i18n="footer.pillar.once.hint">После открытия — удаление</small>
+        </span>
+      </li>
+      <li>
+        <i class="fa-solid fa-lock" aria-hidden="true"></i>
+        <span>
+          <strong data-i18n="footer.pillar.encrypted">Зашифровано</strong>
+          <small data-i18n="footer.pillar.encrypted.hint">Ключ только в вашей ссылке</small>
+        </span>
+      </li>
+    </ul>
+    <p class="footer-copy">
+      © <span data-i18n="footer.copy.author">Сергей Антропов</span>
+      · <a href="https://devops.org.ru" target="_blank" rel="noopener noreferrer">devops.org.ru</a>
+    </p>
+  </footer>
+  <script src="/static/js/i18n.js"></script>
+  <script src="/static/js/theme.js"></script>
+  {% block scripts %}{% endblock %}
+</body>
+</html>