Add dedicated edition pages (server, workstation, cloud)
- Add /server, /workstation, /cloud routes with per-page SEO titles - Extract shared nav, footer, and waitlist form into partials - Nav links to edition pages with active-state highlighting; swap About/Security order - Waitlist form pre-checks the current edition and adds a Cloud option - Add page-hero variant, edition switcher, and active-nav styles - Responsive fixes: nav wraps at 540px, waitlist checkboxes wrap on narrow screens
This commit is contained in:
Blake Ridgway
202
templates/workstation.html
Normal file
202
templates/workstation.html
Normal file
@@ -0,0 +1,202 @@
|
||||
{{define "content"}}
|
||||
{{template "nav" .}}
|
||||
|
||||
<main id="main">
|
||||
|
||||
<!-- Hero -->
|
||||
<section class="hero hero-page">
|
||||
<div class="hero-inner">
|
||||
<p class="hero-sigil">// edition · workstation</p>
|
||||
<h1>Arcline <span class="hero-highlight">Workstation</span></h1>
|
||||
<p class="tagline">
|
||||
A security analyst / blue-team workstation — KDE Plasma, pre-configured
|
||||
dev toolchains, a privacy-hardened browser, forensics-friendly tooling,
|
||||
and secrets scanning.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a href="#get-started" class="cta">Get Early Access</a>
|
||||
<a href="/" class="cta-secondary">See all editions</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Overview -->
|
||||
<section class="section">
|
||||
<div class="section-inner">
|
||||
<div class="section-label">Overview</div>
|
||||
<h2>Built for the people on<br>the front line.</h2>
|
||||
<p class="section-desc">
|
||||
Arcline Workstation pairs a hardened base with the tools analysts and
|
||||
security-minded developers use every day — without the telemetry that
|
||||
most desktops quietly ship.
|
||||
</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="2" y="3" width="20" height="14" rx="2"/>
|
||||
<path d="M8 21h8"/>
|
||||
<path d="M12 17v4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3>KDE Plasma desktop</h3>
|
||||
<p>A lightweight, fully configurable desktop — tuned for long working sessions.</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="M2 12h20"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Privacy-hardened browser</h3>
|
||||
<p>A browser profile locked down out of the box — no tracking, no telemetry, no surprises.</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="3" y="3" width="18" height="18" rx="3"/>
|
||||
<path d="M8 12l2.5 2.5L16 9"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Secrets scanning</h3>
|
||||
<p>gitleaks and trufflehog pre-configured — catch leaked keys before they ship.</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>Dev toolchains ready</h3>
|
||||
<p>Go, Rust, Python, and Node.js toolchains pre-configured. Git, Make, and LLVM/Clang included.</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>Forensics-friendly</h3>
|
||||
<p>Tooling and a disk layout that make analysis and evidence handling straightforward.</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="3" y="3" width="18" height="18" rx="3"/>
|
||||
<path d="M8 12l2.5 2.5L16 9"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3>Hardened base</h3>
|
||||
<p>The same hardened Debian base, btrfs snapshots, and default-deny firewall as every edition.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- What's Included -->
|
||||
<section class="section section-alt">
|
||||
<div class="section-inner">
|
||||
<div class="section-label">What's Included</div>
|
||||
<h2>An analyst's desk, pre-configured.</h2>
|
||||
<p class="section-desc">
|
||||
Everything a blue-team or security-conscious developer needs to be productive on day one.
|
||||
</p>
|
||||
<div class="security-grid">
|
||||
<div class="stack-card">
|
||||
<div class="stack-header">Desktop</div>
|
||||
<ul>
|
||||
<li>KDE Plasma</li>
|
||||
<li>Privacy-hardened browser profile</li>
|
||||
<li>Forensics-friendly tooling</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="stack-card">
|
||||
<div class="stack-header">Development</div>
|
||||
<ul>
|
||||
<li>Go, Rust, Python, Node.js</li>
|
||||
<li>Git, Make, CMake, LLVM/Clang</li>
|
||||
<li>VS Code / Helix / Vim configs</li>
|
||||
<li>Docker / Podman</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="stack-card">
|
||||
<div class="stack-header">Security</div>
|
||||
<ul>
|
||||
<li>gitleaks + trufflehog secrets scanning</li>
|
||||
<li>ClamAV baseline scanning</li>
|
||||
<li>Lynis hardening score</li>
|
||||
<li>OpenSCAP + CIS profiles</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="stack-card">
|
||||
<div class="stack-header">Base System</div>
|
||||
<ul>
|
||||
<li>Hardened Debian base</li>
|
||||
<li>Lockdown-mode kernel + seccomp</li>
|
||||
<li>btrfs root + snapshot rollback</li>
|
||||
<li>Zero telemetry</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="compliance-callout">
|
||||
<div class="compliance-badge">Compliance-ready by default</div>
|
||||
<p>
|
||||
Arcline Workstation ships CIS Benchmark-aligned by default, with OpenSCAP
|
||||
scanning mapped toward <strong>HIPAA</strong>, <strong>PCI-DSS</strong>, and
|
||||
<strong>SOC 2</strong> control families. The OS itself isn't certified —
|
||||
only audited deployments can be — but the defaults give you a running start.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Other Editions -->
|
||||
<section class="section">
|
||||
<div class="section-inner">
|
||||
<div class="section-label">Other Editions</div>
|
||||
<h2>One hardened base. Three editions.</h2>
|
||||
<p class="section-desc">
|
||||
Every edition shares the same hardened Debian base and zero-telemetry guarantee.
|
||||
</p>
|
||||
<div class="edition-switcher">
|
||||
<a href="/server" class="card-btn card-btn-secondary">Server</a>
|
||||
<a href="/workstation" class="card-btn card-btn-primary" aria-current="page">Workstation</a>
|
||||
<a href="/cloud" class="card-btn card-btn-secondary">Cloud</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Get Started -->
|
||||
<section id="get-started" class="section section-alt">
|
||||
<div class="section-inner">
|
||||
<div class="section-label">Get Started</div>
|
||||
<h2>Arcline Workstation is in active development.<br>Be there at the start.</h2>
|
||||
<p class="section-desc">
|
||||
We're building the ISO pipeline and hardening the defaults.
|
||||
Sign up to receive early access and help shape the first release.
|
||||
</p>
|
||||
{{template "waitlistForm" .}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
{{template "footer" .}}
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user