93 lines
4.1 KiB
HTML
93 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta charset="UTF-8">
|
|
<title>SessionZero</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" href="d20_no-bg_medium.png">
|
|
</head>
|
|
<body>
|
|
<div class="page-container">
|
|
<header>
|
|
<nav>
|
|
<div class="nav-content">
|
|
<a href="#" class="logo-container">
|
|
<img src="d20_no-bg_medium.png" alt="SessionZero Logo" class="logo-placeholder">
|
|
<div class="logo-text">SessionZero</div>
|
|
</a>
|
|
<div class="nav-links">
|
|
<a href="about.html">About</a>
|
|
<a href="https://blog.sessionzero.app">Blog</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<h1>SessionZero</h1>
|
|
<p class="tagline">A TTRPG companion that gets out of your way</p>
|
|
|
|
<p style="margin-top:2rem; color:var(--neutral-medium); font-size:1.1rem;">
|
|
SessionZero is a free and open-source companion application for any tabletop RPG needs.
|
|
</p>
|
|
|
|
|
|
<a href="about.html">Learn more →</a>
|
|
|
|
|
|
</section>
|
|
|
|
<section class="features">
|
|
<h2>Why Choose SessionZero?</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-card">
|
|
<h3>Truly Open</h3>
|
|
<p>SessionZero is 100% FOSS (Free and Open Source Software). Inspect, modify, and contribute to the code. No secrets, just community-driven software.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Completely Data-Driven</h3>
|
|
<p>Everything is user-generated: items, NPCs, monsters, and more. Build your own datasets and templates for any system.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Offline-First, Always Yours</h3>
|
|
<p>SessionZero works fully offline by default. All your data stays on your device unless you choose otherwise.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="features">
|
|
<h2>Main Features</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-card">
|
|
<h3>Datapacks</h3>
|
|
<p>The foundation of the app. A Datapack (.szp file) is a user-generated, self-contained archive that bundles all the rules, templates, and datasets (items, spells, monsters) for a specific TTRPG system or module. Create, import, and share content easily.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Characters</h3>
|
|
<p>Create and manage your TTRPG characters using flexible, user-defined Templates. All your character data is stored locally as an Instance, giving you total control and ownership over your heroes, no matter the game system.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Sessions</h3>
|
|
<p>Set up a campaign using a user-defined Session Template. GMs can manage NPCs, track turn order, and update character sheets in real-time. Players can join a shared session or use the app privately for offline notes and journals.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pricing-preview">
|
|
<h2>Ready to get started?</h2>
|
|
<div class="pricing-content">
|
|
<p>SessionZero is currently in development, but you can visit the Git repo to get the latest development build or view the source code!</p>
|
|
<p><a class="learn-more-link" href="https://git.bellsworne.tech/Bellsworne/sessionzero">Get SessionZero →</a></p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2025 Bellsworne LLC. | Made with ❤️ by <a href="https://bellsworne.com/tech">Bellsworne Tech</a> | <a href="https://blog.sessionzero.app">Blog</a></p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |