Add files via upload

docs/SecureArchive.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>SecureArchive — TitanCrypt Engine</title>
+
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet"/>
+
+    <style>
+        body {
+            margin: 0;
+            background: #0b0f17;
+            color: #e5e7eb;
+            font-family: 'Inter', sans-serif;
+        }
+
+        header {
+            padding: 60px 40px;
+            text-align: center;
+            background: linear-gradient(135deg, #0b0f17 0%, #111827 40%, #0f172a 100%);
+            border-bottom: 1px solid rgba(255,255,255,0.05);
+        }
+
+        header img.banner {
+            width: 90%;
+            max-width: 1100px;
+            border-radius: 18px;
+            box-shadow: 0 0 40px rgba(0,0,0,0.6);
+        }
+
+        h1 {
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: 10px;
+            background: linear-gradient(90deg, #38bdf8, #6366f1, #ec4899);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .sub {
+            font-size: 20px;
+            color: #9ca3af;
+            margin-bottom: 20px;
+        }
+
+        .buttons {
+            margin-top: 30px;
+        }
+
+        .btn {
+            display: inline-block;
+            padding: 14px 26px;
+            margin: 8px;
+            font-size: 16px;
+            font-weight: 600;
+            border-radius: 10px;
+            text-decoration: none;
+            color: white;
+            transition: 0.25s;
+        }
+
+        .btn.download {
+            background: #6366f1;
+        }
+        .btn.docs {
+            background: #1e293b;
+            border: 1px solid #4b5563;
+        }
+
+        .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 20px rgba(0,0,0,0.5);
+        }
+
+        section {
+            padding: 60px 40px;
+            max-width: 1000px;
+            margin: auto;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: 700;
+            margin-bottom: 20px;
+            color: #f3f4f6;
+        }
+
+        .features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+            gap: 28px;
+            margin-top: 40px;
+        }
+
+        .card {
+            background: #111827;
+            border: 1px solid #1f2937;
+            padding: 24px;
+            border-radius: 14px;
+            transition: 0.25s;
+        }
+
+        .card:hover {
+            border-color: #38bdf8;
+            transform: translateY(-4px);
+        }
+
+        footer {
+            margin-top: 80px;
+            text-align: center;
+            padding: 30px;
+            color: #6b7280;
+            border-top: 1px solid #1f2937;
+            font-size: 14px;
+        }
+
+        footer span.brand {
+            background: linear-gradient(90deg, #38bdf8, #6366f1, #ec4899);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: 600;
+        }
+    </style>
+</head>
+
+<body>
+
+<header>
+    <img class="banner" src="assets/securearchive_banner.svg" alt="SecureArchive Banner"/>
+</header>
+
+<section>
+    <h1>SecureArchive</h1>
+    <p class="sub">TitanCrypt Engine · Offline Encryption Suite</p>
+
+    <div class="buttons">
+        <a href="https://github.com/bylickilabs/SecureArchive/releases" class="btn download">⬇ Download SecureArchive</a>
+        <a href="docs/index.html" class="btn docs">📘 Documentation</a>
+    </div>
+</section>
+
+<section>
+    <h2>Key Capabilities</h2>
+    <div class="features">
+        <div class="card">
+            <h3>🔐 AES-256-GCM Encryption</h3>
+            <p>State-of-the-art authenticated encryption with strong integrity protection.</p>
+        </div>
+        <div class="card">
+            <h3>📦 Secure .secarc Containers</h3>
+            <p>Fully encrypted manifest + payload. No plaintext metadata. No forensic leakage.</p>
+        </div>
+        <div class="card">
+            <h3>🖥 GUI & CLI</h3>
+            <p>A modern PySide6 GUI and automation-friendly command-line interface.</p>
+        </div>
+        <div class="card">
+            <h3>🔒 Zero Knowledge</h3>
+            <p>No telemetry, no password storage, no external dependencies. 100% offline.</p>
+        </div>
+    </div>
+</section>
+
+<section>
+    <h2>Documentation</h2>
+    <p>Full documentation is available directly in the repository:</p>
+
+    <ul>
+        <li><a href="SECURITY.md">Security Architecture</a></li>
+        <li><a href="docs/ARCHITECTURE.md">System Architecture</a></li>
+        <li><a href="docs/CONTAINER_FORMAT.md">Container Specification</a></li>
+        <li><a href="docs/INSTALLATION.md">Installation Guide</a></li>
+        <li><a href="docs/CHANGELOG.md">Changelog</a></li>
+    </ul>
+</section>
+
+<footer>
+    <p>
+        <span class="brand">Powered by the TitanCrypt Engine</span><br><br>
+        <span class="brand">Developed by ©Thorsten Bylicki | ©BYLICKILABS · All Rights Reserved</span><br>
+    </p>
+</footer>
+
+</body>
+</html>