96 lines
4.9 KiB
HTML
96 lines
4.9 KiB
HTML
<!--
|
|
Hey you! Yeah, you! What are ya, a web developer or something? Think my website sucks? Well, you're in luck! I'm always looking for feedback and improvements. If you have any suggestions, ideas, or just want to chat, hit me up at chrisbell@bellsworne.com. Happy adventuring!
|
|
|
|
© 2025 Bellsworne LLC. All rights reserved.
|
|
-->
|
|
|
|
<!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;">
|
|
Tired of tabletop apps that box you in? SessionZero is your new best friend for any role-playing game. It's a free, flexible, and offline-first tool designed to help you run your game, your way. Forget about forced logins, surprise paywalls, or being locked into one company's universe. This is all about you, your friends, and your story.
|
|
</p>
|
|
|
|
<p>⚠️ SessionZero is still in development, but you can still access it while it's being developed! ⚠️</p>
|
|
<a href="https://web.sessionzero.app">Open SessionZero</a>
|
|
</section>
|
|
|
|
<section class="features">
|
|
<h2>So what's the deal, huh?</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-card">
|
|
<h3>Works Offline, No Strings Attached</h3>
|
|
<p>Built to be offline from the start. Install it like any other app on your computer or phone.<br>
|
|
<span style="color:var(--accent-color);">No internet? No problem!</span></p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Build Your Own Universe</h3>
|
|
<p>Create templates and content for any RPG you can imagine. You decide what a character sheet looks like.<br>
|
|
<span style="color:var(--accent-color);">You're the architect.</span></p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Characters, Not Spreadsheets</h3>
|
|
<p>Track inventory, manage spell lists, keep notes, and add private journals for character drama.<br>
|
|
<span style="color:var(--accent-color);">Go beyond basic stats.</span></p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Run Your Game, Your Way</h3>
|
|
<p>Private and offline by default. Want to run online? Use our optional service. Players join free.<br>
|
|
<span style="color:var(--accent-color);">No need to pay for every player.</span></p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>A Library for Everything</h3>
|
|
<p>Build, import, and share collections of spells, items, monsters, or whatever your game needs.<br>
|
|
<span style="color:var(--accent-color);">Hoard all the things!</span></p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Your Data is Yours. Period.</h3>
|
|
<p>Export everything as simple files you can read and edit. Share, backup, or keep them safe.<br>
|
|
<span style="color:var(--accent-color);">No data prisons here.</span></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pricing-preview">
|
|
<h2>Free to Use, Built to Last</h2>
|
|
<div class="pricing-content">
|
|
<p>The entire core app is <strong>free forever</strong>. Use it offline, create content, build templates, manage characters, and download from our community library. Want to host online games or upload your creations? That's what our optional paid subscription is for.</p>
|
|
<p><a href="about.html" class="learn-more-link">Learn more about features and pricing →</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> |