{{define "content"}}
<header class="nav">
    <div class="nav-inner">
        <a href="/" class="logo">
            <svg class="logo-icon" width="28" height="28" viewBox="0 0 32 32" fill="none">
                <rect width="32" height="32" rx="6" fill="#0d0e10"/>
                <path d="M5 27L16 5L27 27" fill="none" stroke="#0acf97" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M9 20H23" fill="none" stroke="#0acf97" stroke-width="2.5" stroke-linecap="round"/>
            </svg>
            <span>Arcline Project</span>
        </a>
        <nav>
            <a href="#about">About</a>
            <a href="#toolchain">Toolchain</a>
            <a href="#contribute">Contribute</a>
            <a href="#get-started">Get Started</a>
        </nav>
    </div>
</header>

<main>
    <!-- Hero -->
    <section class="hero">
        <div class="hero-inner">
            <h1>
                The Linux OS for<br>
                <span class="hero-highlight">people who run infrastructure.</span>
            </h1>
            <p class="tagline">
                Arcline OS is a hardened, privacy-first operating system built on Debian.
                Ships pre-configured with monitoring, auditing, and security tooling —
                so your systems are production-ready from first boot.
            </p>
            <div class="hero-actions">
                <a href="#get-started" class="cta">Get Early Access</a>
                <a href="#about" class="cta-secondary">Learn more</a>
            </div>
        </div>
    </section>

    <!-- What is Arcline OS -->
    <section id="about" class="section section-alt">
        <div class="section-inner">
            <div class="section-label">what is arcline os?</div>
            <h2>A Debian-derived OS that doesn't<br>make you start from scratch.</h2>
            <p class="section-desc">
                Debian gives you a rock-solid base. Arcline OS hardens it, layers on a
                full observability stack, and ships with pre-configured container
                infrastructure. No telemetry. No snap store. No cloud integration.
                Just a secure, auditable OS that respects your hardware.
            </p>
            <div class="principles-grid">
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="3" y="3" width="18" height="18" rx="3"/>
                            <path d="M8 12l2.5 2.5L16 9"/>
                        </svg>
                    </div>
                    <div>
                        <h3>Secure by default</h3>
                        <p>Hardened Linux kernel with seccomp, AppArmor profiles, and restrictive nftables firewall. You opt in to exposure — never out.</p>
                    </div>
                </div>
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="10"/>
                            <path d="M12 6v6l4 2"/>
                        </svg>
                    </div>
                    <div>
                        <h3>Privacy-first</h3>
                        <p>Zero telemetry. Zero analytics. Zero cloud integration. No network calls you didn't initiate.</p>
                    </div>
                </div>
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="2" y="2" width="20" height="20" rx="3"/>
                            <rect x="6" y="6" width="12" height="12" rx="1.5" stroke-dasharray="3 2"/>
                        </svg>
                    </div>
                    <div>
                        <h3>btrfs-native</h3>
                        <p>btrfs root with subvolume snapshots, transparent compression, and boot-to-snapshot rollback — not bolted on, built in.</p>
                    </div>
                </div>
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M4 7h16v12H4V7z"/>
                            <path d="M8 3v4"/>
                            <path d="M16 3v4"/>
                            <path d="M4 13h16" stroke-dasharray="2 1"/>
                        </svg>
                    </div>
                    <div>
                        <h3>Developer-ready</h3>
                        <p>Go, Rust, Python, Node.js toolchains pre-configured. Git, Make, LLVM/Clang included. Start building immediately.</p>
                    </div>
                </div>
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="3"/>
                            <path d="M12 2L22 8.5v7L12 22 2 15.5v-7L12 2z"/>
                        </svg>
                    </div>
                    <div>
                        <h3>Infrastructure-aware</h3>
                        <p>Prometheus node_exporter, Grafana dashboards, and Loki log aggregation — pre-configured out of the box.</p>
                    </div>
                </div>
                <div class="principle">
                    <div class="principle-icon">
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M4 4h8l4 4v12H4V4z"/>
                            <path d="M12 4v4h4"/>
                            <line x1="8" y1="12" x2="16" y2="12" stroke-opacity="0.5"/>
                            <line x1="8" y1="15" x2="13" y2="15" stroke-opacity="0.5"/>
                        </svg>
                    </div>
                    <div>
                        <h3>Fully documented</h3>
                        <p>Every feature and tool includes offline man pages and a hardening guide. You own the system — and you understand it.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- What's Included -->
    <section class="section">
        <div class="section-inner">
            <div class="section-label">what's included</div>
            <h2>Production-ready from first boot.</h2>
            <p class="section-desc">
                Arcline OS layers pre-configured infrastructure tooling on top of a hardened
                Debian base. Everything is documented, auditable, and yours.
            </p>
            <div class="stack-grid">
                <div class="stack-card">
                    <div class="stack-header">Base System</div>
                    <ul>
                        <li>Debian stable (Bookworm)</li>
                        <li>Hardened Linux kernel (lockdown, seccomp)</li>
                        <li>btrfs root + snapshot rollback</li>
                        <li>nftables firewall (default-deny)</li>
                        <li>Docker + Podman containers</li>
                    </ul>
                </div>
                <div class="stack-card">
                    <div class="stack-header">Arcline Toolchain</div>
                    <ul>
                        <li>arcline-uptime — service monitoring</li>
                        <li>arcline-check — privacy auditor</li>
                        <li>arcline-audit — site health scanner</li>
                        <li>arcline-dns — propagation checker</li>
                        <li>arcline-vault — secrets store</li>
                        <li>arcline-email — self-hosted mail stack</li>
                    </ul>
                </div>
                <div class="stack-card">
                    <div class="stack-header">Developer Environment</div>
                    <ul>
                        <li>Go, Rust, Python, Node.js</li>
                        <li>Git, Make, CMake, LLVM/Clang</li>
                        <li>Docker / Podman pre-configured</li>
                        <li>VS Code / Helix / Vim configs</li>
                    </ul>
                </div>
                <div class="stack-card">
                    <div class="stack-header">Observability</div>
                    <ul>
                        <li>Prometheus node_exporter</li>
                        <li>Grafana dashboards</li>
                        <li>Loki log aggregation</li>
                        <li>Pre-built alerting rules</li>
                    </ul>
                </div>
            </div>
            <div class="edition-teaser">
                <div class="edition-teaser-badge">// also in the works</div>
                <p>
                    <strong>Arcline Workstation</strong> — same hardened base, with a lightweight KDE Plasma desktop,
                    pre-configured dev toolchains, and privacy-hardened browser profiles.
                    One ISO. Two targets. Pick yours at install time.
                </p>
            </div>
        </div>
    </section>

    <!-- Toolchain deep-dive -->
    <section id="toolchain" class="section section-alt">
        <div class="section-inner">
            <div class="section-label">the toolchain</div>
            <h2>11 Go tools. Built in production.<br>Yours to use.</h2>
            <p class="section-desc">
                Every Arcline tool was built to solve real infrastructure problems.
                They run in production at Arcline IT. Now they ship with Arcline OS.
            </p>
            <div class="tool-grid">
                <div class="tool">
                    <code>arcline-uptime</code>
                    <span>HTTP, TCP, TLS, DNS monitoring with Prometheus metrics export</span>
                </div>
                <div class="tool">
                    <code>arcline-check</code>
                    <span>CDN and transparency auditor — verifies sites aren't leaking data</span>
                </div>
                <div class="tool">
                    <code>arcline-audit</code>
                    <span>Full site health scanner — SSL, headers, performance, accessibility</span>
                </div>
                <div class="tool">
                    <code>arcline-dns</code>
                    <span>DNS propagation checker across multiple resolvers</span>
                </div>
                <div class="tool">
                    <code>arcline-vault</code>
                    <span>Encrypted secrets store with REST API and CLI</span>
                </div>
                <div class="tool">
                    <code>arcline-email</code>
                    <span>Self-hosted SMTP/IMAP stack — OpenSMTPD + Dovecot + Rspamd</span>
                </div>
                <div class="tool">
                    <code>arcline-migrate</code>
                    <span>cPanel and Plesk to Arcline migration tool</span>
                </div>
                <div class="tool">
                    <code>arcline-billing</code>
                    <span>Stripe-powered subscription management</span>
                </div>
                <div class="tool">
                    <code>arcline-portal</code>
                    <span>Customer dashboard with SSL monitoring and ticketing</span>
                </div>
                <div class="tool">
                    <code>arcline-website</code>
                    <span>Go HTTP server powering arcline.it</span>
                </div>
                <div class="tool">
                    <code>arcline-status</code>
                    <span>Static status page generator</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Why Arcline OS -->
    <section class="section">
        <div class="section-inner">
            <div class="section-label">why arcline os?</div>
            <h2>No major Linux distro ships<br>pre-hardened for production.</h2>
            <p class="section-desc">
                Debian gives you the packages. Arcline OS assembles them into a finished
                system. A privacy-first, zero-telemetry operating system with built-in
                monitoring, auditing, and security — configured the way you'd do it
                yourself, if you had the weekend.
            </p>
            <div class="compare-grid">
                <div class="compare-card">
                    <div class="compare-label">Ubuntu Server</div>
                    <div class="compare-desc">Great ecosystem and hardware support — but Snap packages and cloud integration are baked in by default.</div>
                </div>
                <div class="compare-card">
                    <div class="compare-label">Fedora Server</div>
                    <div class="compare-desc">Cutting-edge kernel and tooling — but rapid release cycles mean more churn on production machines.</div>
                </div>
                <div class="compare-card">
                    <div class="compare-label">Alpine Linux</div>
                    <div class="compare-desc">Minimal and musl-based — ideal for containers, but limited as a full-featured server workstation.</div>
                </div>
                <div class="compare-card compare-highlight">
                    <div class="compare-label">Arcline OS</div>
                    <div class="compare-desc">Hardened Debian base. Pre-configured toolchain. Built-in observability. Zero telemetry. Ready to deploy.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contribute -->
    <section id="contribute" class="section section-alt">
        <div class="section-inner">
            <div class="section-label">community</div>
            <h2>Built in the open. Shaped by the<br>people who use it.</h2>
            <p class="section-desc">
                Arcline OS is open-source under the GPL. The code lives on
                <a href="https://git.arcline.it" class="inline-link">git.arcline.it</a>.
                Every tool, every config, every build script — auditable and forkable.
            </p>
            <div class="contribute-grid">
                <a href="https://git.arcline.it" class="contribute-card">
                    <div class="contribute-icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 15.23 2.5a13.38 13.38 0 00-7 0C5.27.65 4.09 1 4.09 1A5.07 5.07 0 004 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 008 18.13V22"/>
                        </svg>
                    </div>
                    <span>Browse the source</span>
                    <small>All 11 tools, build scripts, and infrastructure code.</small>
                </a>
                <a href="https://git.arcline.it" class="contribute-card">
                    <div class="contribute-icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/>
                            <polyline points="14 2 14 8 20 8"/>
                            <line x1="16" y1="13" x2="8" y2="13"/>
                            <line x1="16" y1="17" x2="8" y2="17"/>
                        </svg>
                    </div>
                    <span>Read the docs</span>
                    <small>Hardening guides, install docs, and infrastructure cookbook.</small>
                </a>
                <a href="https://git.arcline.it" class="contribute-card">
                    <div class="contribute-icon">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="10"/>
                            <path d="M12 6v6l4 2"/>
                        </svg>
                    </div>
                    <span>Contribute</span>
                    <small>Submit patches, report issues, or join the discussion.</small>
                </a>
            </div>
        </div>
    </section>

    <!-- Get Started -->
    <section id="get-started" class="section">
        <div class="section-inner">
            <div class="section-label">get started</div>
            <h2>Arcline OS is in active development.<br>Be there at the start.</h2>
            <p class="section-desc">
                We're packaging the tools, building the ISO pipeline, and hardening the defaults.
                Sign up to receive early access and help shape the first release.
            </p>
            <form
                hx-post="/partials/waitlist"
                hx-target="#waitlist-result"
                hx-swap="outerHTML"
                class="waitlist-form"
            >
                <fieldset class="edition-checkboxes">
                    <legend>I'm interested in:</legend>
                    <label class="edition-checkbox">
                        <input type="checkbox" name="edition" value="server" checked>
                        <span>Server</span>
                    </label>
                    <label class="edition-checkbox">
                        <input type="checkbox" name="edition" value="workstation">
                        <span>Workstation</span>
                    </label>
                </fieldset>
                <input
                    type="email"
                    name="email"
                    placeholder="you@example.com"
                    required
                    class="input"
                >
                <button type="submit" class="btn">Get Early Access</button>
            </form>
            <div id="waitlist-result"></div>
            <p class="waitlist-note">No spam. No tracking. We'll only email you when there's something to try.</p>
        </div>
    </section>

    <!-- Sponsor -->
    <section class="section section-alt sponsor-section">
        <div class="section-inner">
            <div class="section-label">sponsored by</div>
            <div class="sponsor-content">
                <div class="sponsor-desc">
                    <p>The Arcline Project is funded and operated by <strong>Arcline IT LLC</strong> — the same model as Red Hat and Fedora. The commercial services business at <a href="https://arcline.it" class="inline-link">arcline.it</a> keeps the lights on so the OS stays independent and sustainable.</p>
                </div>
                <div class="sponsor-tagline">Secure by default. Self-hosted by principle.</div>
            </div>
        </div>
    </section>
</main>

<footer class="footer">
    <div class="footer-inner">
        <div class="footer-brand">
            <a href="/" class="footer-logo">Arcline Project</a>
            <p>An open-source OS for people who run infrastructure.</p>
        </div>
        <div class="footer-links">
            <a href="https://arcline.it">Arcline IT</a>
            <a href="https://git.arcline.it">Git</a>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; 2026 Arcline IT LLC. GPL Licensed. No telemetry. No tracking.</p>
    </div>
</footer>
{{end}}

