Files
ZDTT/index.html

180 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZDTT Terminal</title>
<link rel="icon" type="image/png" href="zdtt.png">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="hero" id="top">
<nav class="nav">
<div class="brand">By ZaneDev</div>
<button class="nav__toggle" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="primary-nav">
<span></span>
<span></span>
<span></span>
</button>
<div class="nav__links" id="primary-nav">
<a href="#features">Features</a>
<a href="#install">Install</a>
<a href="#showcase">Showcase</a>
<a href="#community">Community</a>
</div>
</nav>
<div class="hero__content">
<p class="eyebrow">Linux-first terminal</p>
<h1>ZDTT Terminal</h1>
<p class="lead">
A semi vibe-coded, distro-aware terminal experience for Debian and Arch power users.
Smart onboarding, plugin support, custom aliases, and a living status bar—no fluff.
</p>
<div class="hero__actions">
<button class="btn primary" data-copy="#install-command">Copy Install Command</button>
<a class="btn ghost" href="#features">Explore Features</a>
</div>
<code id="install-command" class="install-command">
curl -O https://zdtt-sources.zane.org/install.sh && chmod +x install.sh && ./install.sh
</code>
</div>
<div class="hero__metrics">
<div class="metric">
<p class="metric__label">Current release</p>
<p class="metric__value">v0.1.2.b.5</p>
</div>
<div class="metric">
<p class="metric__label">Supported families</p>
<p class="metric__value">Debian · Arch · macOS</p>
</div>
<div class="metric">
<p class="metric__label">Extension slots</p>
<p class="metric__value">Plugins + Aliases</p>
</div>
</div>
</header>
<main>
<section id="features" class="section features">
<div class="section__intro">
<p class="eyebrow">Why ZDTT</p>
<h2>Built for Linux hackers, tuned for comfort.</h2>
<p>ZDTT pairs a friendly onboarding story with serious tooling. No learning cliff, no silent failure when you hop distros.</p>
</div>
<div class="feature-grid">
<article class="card">
<h3>Smart distro detection</h3>
<p>Installer inspects <code>/etc/os-release</code>, package managers, and user overrides to keep Debian, macOS, and Arch flows tight.</p>
</article>
<article class="card">
<h3>Always-on status bar</h3>
<p>Background thread renders a live status bar with branding, time, and color themes you can swap on the fly. (unavailable on macOS)</p>
</article>
<article class="card">
<h3>Plugin-friendly core</h3>
<p>Drop Python hooks inside <code>~/.zdtt/plugins</code>, log issues automatically, and iterate without touching core files.</p>
</article>
<article class="card">
<h3>Aliases that stick</h3>
<p>Readable aliases file, inline history, and tab-completion support so your favorite shortcuts load every launch.</p>
</article>
<article class="card">
<h3>Command batteries included</h3>
<p><code>ls</code>, <code>grep</code>, <code>fastfetch</code>, Python runners, package helpers, and more are wired in.</p>
</article>
<article class="card">
<h3>Graceful fallbacks</h3>
<p>Unsupported systems get friendly warnings, opt-in installs, and clear messaging so nothing breaks silently.</p>
</article>
<article class="card">
<h3>Open source</h3>
<p>ZDTT is open source and free to use. You can find the source code on <a href="https://github.com/ZaneThePython/ZDTT">GitHub</a>.</p>
</article>
</div>
</section>
<section id="install" class="section install">
<div class="section__intro">
<p class="eyebrow">3-step install</p>
<h2>From curl to custom shell in minutes.</h2>
</div>
<ol class="install-steps">
<li>
<h3>Fetch the installer</h3>
<p>Use the one-liner above or download <code>install.sh</code> directly if you want to inspect the script first.</p>
</li>
<li>
<h3>Follow the prompts</h3>
<p>The script checks your distro, offers overrides, and handles both Debian (<code>apt</code>), Arch (<code>pacman</code>), and macOS (<code>brew</code>) flows.</p>
</li>
<li>
<h3>Launch <code>zdtt</code></h3>
<p>Run <code>zdtt</code> from any shell. Tweak banner art, status-bar colors, and drop plugins into <code>~/.zdtt</code>.</p>
</li>
</ol>
<div class="callout">
<p><strong>Heads up:</strong> ZDTT is Linux-only (with eperimental macOS support). Non-Debian/Arch installs can continue at your own risk—warnings are built in.</p>
</div>
</section>
<section id="showcase" class="section showcase">
<div class="section__intro">
<p class="eyebrow">Showcase</p>
<h2>Personality baked in.</h2>
</div>
<div class="showcase__grid">
<figure>
<figcaption>Custom ASCII banner system</figcaption>
<pre>
░█████████ ░███████ ░██████████░██████████
░██ ░██ ░██ ░██ ░██
░██ ░██ ░██ ░██ ░██
░███ ░██ ░██ ░██ ░██
░██ ░██ ░██ ░██ ░██
░██ ░██ ░██ ░██ ░██
░█████████ ░███████ ░██ ░██
</pre>
</figure>
<figure>
<figcaption>Live status bar with themed colors</figcaption>
<div class="statusbar-demo">ZDTT by ZaneDev<span>10:24pm</span></div>
</figure>
<figure>
<figcaption>Plugin logging with guard rails</figcaption>
<pre>
2024-01-02 21:41:07 ERROR my_plugin
Traceback (most recent call last):
...
</pre>
</figure>
</div>
</section>
<section id="community" class="section community">
<div class="section__intro">
<p class="eyebrow">Community</p>
<h2>Bring your tweaks, aliases, and plugins.</h2>
<p>ZDTT thrives on experimentation. Fork it, vibe with it, file PRs, or just send screenshots.</p>
</div>
<div class="community__actions">
<a class="btn primary" href="mailto:contact@zane.org">Contact us if issues arise</a>
<a class="btn ghost" href="https://github.com/ZaneThePython/ZDTT" target="_blank" rel="noreferrer">View source</a>
</div>
</section>
</main>
<footer class="footer">
<p>© <span id="year"></span> - ZBF LLC</p>
<p>ZDTT - ZaneDev's Terminal Tools</p>
<a href="#top">Back to top ↑</a>
</footer>
<script src="script.js"></script>
</body>
</html>