Добавлена модалка «О проекте», версия 0.1.2; Jenkins берёт VERSION из коммита.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/templates/base.html

@@ -36,47 +36,45 @@
         <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>
+      <button type="button" class="icon-btn" id="about-toggle" title="О проекте Wrapped" aria-label="О проекте Wrapped">
+        <i class="fa-solid fa-circle-question" aria-hidden="true"></i>
+      </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 class="footer-copy-left">
-        © <span data-i18n="footer.copy.author">Сергей Антропов</span>
-        · <a href="https://devops.org.ru" target="_blank" rel="noopener noreferrer">devops.org.ru</a>
-      </span>
-      <span class="footer-copy-version" title="Version">{{ app_version_label | default('v0.1.0') }}</span>
+      © <span data-i18n="footer.copy.author">Сергей Антропов</span>
+      · <a href="https://devops.org.ru" target="_blank" rel="noopener noreferrer">devops.org.ru</a>
     </p>
   </footer>
+
+  <div id="about-modal" class="modal-root hidden" role="dialog" aria-modal="true" aria-labelledby="about-modal-title">
+    <div class="modal-backdrop" data-about-close></div>
+    <div class="modal-panel about-modal-panel" role="document">
+      <header class="about-modal-head">
+        <h2 class="modal-title" id="about-modal-title" data-i18n="about.title">О проекте Wrapped</h2>
+        <span class="about-version" title="Version">{{ app_version_label() }}</span>
+      </header>
+      <div class="about-modal-body">
+        <p data-i18n="about.p1">Wrapped — сервис одноразовой безопасной передачи текста, изображений и файлов.</p>
+        <p data-i18n="about.p2">Можно отправить заметку или код, а также вложения: документы, архивы, скриншоты (drag-and-drop, выбор с диска или вставка из буфера). И текст, и файлы шифруются в браузере до загрузки — на сервер уходит только ciphertext.</p>
+        <p data-i18n="about.p3">Сервер никогда не видит plaintext: зашифрованные данные лежат на сервере до тех пор, пока получатель не откроет ссылку с ключом и не расшифрует пакет.</p>
+        <p data-i18n="about.p4">После успешной расшифровки копия на сервере уничтожается. Ключ шифрования живёт во фрагменте URL (#…) и не уходит на сервер вместе с запросом страницы. При желании wrap можно дополнительно защитить паролем.</p>
+      </div>
+      <div class="modal-actions">
+        <button type="button" class="btn primary" data-about-close data-i18n="about.close">Понятно</button>
+      </div>
+    </div>
+  </div>
+
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script src="/static/js/i18n.js"></script>
   <script src="/static/js/theme.js"></script>
   <script src="/static/js/ui.js"></script>
+  <script src="/static/js/about.js"></script>
   <script src="/static/js/highlight-ui.js"></script>
   {% block scripts %}{% endblock %}
 </body>