SQL-Viewer/about.html at main · MotionMind2007/SQL-Viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About | SQL Viewer - Next Gen Database Management</title>

    <!-- SEO Meta Tags -->
    <meta name="description" content="Learn more about SQL Viewer, the high-performance browser-based SQLite editor. Discover our mission and the technology behind the kernel.">
    <meta name="keywords" content="about sql viewer, database technology, sqlite wasm, browser database editor">

    <!-- Open Graph -->
    <meta property="og:title" content="About SQL Viewer | Mission & Technology">
    <meta property="og:description" content="Inside the engine of SQL Viewer. Built for speed, privacy, and professionals.">
    <meta property="og:type" content="website">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="About SQL Viewer">

    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="css/style.css">
</head>
<body class="bg-black text-white font-sans selection:bg-white selection:text-black shadow-none">
    <div class="max-w-4xl mx-auto px-8 py-20">
        <header class="mb-20">
            <a href="index.html" class="inline-flex items-center gap-2 text-white/40 hover:text-white transition-colors mb-8 group">
                <svg class="w-4 h-4 transform group-hover:-translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7 7-7"></path></svg>
                <span class="text-[10px] font-black uppercase tracking-widest">Return to Viewer</span>
            </a>
            <h1 class="text-6xl font-black uppercase tracking-tighter mb-4 italic">The Viewer<span class="text-white/10">.</span></h1>
            <p class="text-white/40 font-bold uppercase tracking-[0.3em] text-[11px]">Next Generation Database Management</p>
        </header>

        <section class="space-y-12 bg-white/[0.02] border border-white/5 p-12 rounded-sm shadow-2xl">
            <div>
                <h2 class="text-xs font-black uppercase tracking-widest text-white/20 mb-4 italic">Mission Statement</h2>
                <p class="text-lg leading-relaxed text-white/80 font-medium">
                    SQL Viewer was built for the speed of light. In an era where data is the new currency, we provide the ultimate interface to visualize, edit, and manage SQLite databases with zero friction and maximum style.
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-12 border-t border-white/5 pt-12">
                <div>
                    <h3 class="text-[10px] font-black uppercase tracking-widest text-white/20 mb-6 italic">Core Stack</h3>
                    <ul class="space-y-4 font-mono text-xs text-white/50">
                        <li><span class="text-white">v1.8.0</span> SQL.js Engine</li>
                        <li><span class="text-white">v5.65</span> CodeMirror Runtime</li>
                        <li><span class="text-white">v4.0</span> Tailwind Orchestration</li>
                        <li><span class="text-white">WASM</span> Kernel Integration</li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-[10px] font-black uppercase tracking-widest text-white/20 mb-6 italic">Architecture</h3>
                    <p class="text-xs leading-relaxed text-white/40 uppercase font-bold tracking-wider">
                        Browser-first, client-side execution. Your data never leaves your terminal. Local-only processing ensures absolute privacy and unprecedented responsiveness.
                    </p>
                </div>
            </div>
        </section>

        <footer class="mt-20 text-center">
            <img src="sql_logo.png" class="w-12 h-12 mx-auto mb-6 opacity-20 filter grayscale" alt="Logo">
            <p class="text-[9px] font-black uppercase tracking-[0.5em] text-white/10">Authenticated Session � 2026 Nexus Labs</p>
        </footer>
    </div>
</body>
</html>