derekc
46499f4cb9
- Add about.html explaining infinity bottles, why to track, how to start - Hero shows "What is it?" + "Track Your Bottle" when logged out; hides about button when logged in - Redirect after login goes to index (community page) instead of dashboard - redirectIfLoggedIn also sends to index Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
83 lines
4.0 KiB
HTML
83 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>What is an Infinity Bottle? — Bourbonacci</title>
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🥃</text></svg>" />
|
||
<link rel="stylesheet" href="/css/style.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<nav>
|
||
<div class="nav-left">
|
||
<a href="/index.html" class="nav-brand">🥃 Bourbonacci</a>
|
||
<div class="nav-links" id="nav-links"></div>
|
||
</div>
|
||
<div id="nav-user"></div>
|
||
</nav>
|
||
|
||
<main style="max-width:720px">
|
||
|
||
<h1 class="page-title">What is an Infinity Bottle?</h1>
|
||
|
||
<div class="card" style="margin-bottom:1.5rem">
|
||
<div class="card-title">The Concept</div>
|
||
<p style="color:var(--cream);line-height:1.8;margin-bottom:1rem">
|
||
An infinity bottle — sometimes called a solera bottle or a blending bottle — is a single vessel that you add small pours from other bottles into over time. Every time you open a new bourbon, you contribute a shot or two to the blend. The bottle is never fully emptied; you drink from it while continuing to add to it, so the blend is always evolving.
|
||
</p>
|
||
<p style="color:var(--cream);line-height:1.8">
|
||
The result is a completely unique whiskey that exists nowhere else in the world — a living record of every bottle you've ever opened, layered together into something greater than the sum of its parts.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="card" style="margin-bottom:1.5rem">
|
||
<div class="card-title">Why Track It?</div>
|
||
<p style="color:var(--cream);line-height:1.8;margin-bottom:1rem">
|
||
As your blend grows, it becomes harder to remember what's in it. Tracking each addition lets you see the full history of your bottle — every bourbon that contributed, how much proof went in, and how the estimated proof of the blend has shifted over time.
|
||
</p>
|
||
<p style="color:var(--cream);line-height:1.8">
|
||
Bourbonacci keeps a running weighted-average proof based on how many shots of each bourbon you added, so you always have a rough idea of what you're drinking.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="card" style="margin-bottom:1.5rem">
|
||
<div class="card-title">How to Get Started</div>
|
||
<ol style="color:var(--cream);line-height:2;padding-left:1.25rem">
|
||
<li>Find an empty bottle — a 750ml bottle is the classic choice, giving you roughly 25 shots of capacity.</li>
|
||
<li>Open a bourbon you enjoy and pour 1–2 shots into your infinity bottle.</li>
|
||
<li>Log the addition in Bourbonacci — name, proof, and how many shots.</li>
|
||
<li>Repeat with every new bourbon you open. You can add as little as half a shot or as many as you like.</li>
|
||
<li>Whenever you want to drink from the blend, pour from the infinity bottle and log a removal.</li>
|
||
<li>Never fully empty it — leaving some in the bottle keeps continuity in the blend.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div class="card" style="margin-bottom:2rem">
|
||
<div class="card-title">Tips for a Great Blend</div>
|
||
<ul style="color:var(--cream);line-height:2;padding-left:1.25rem">
|
||
<li>Stick to a style — all bourbons, or all ryes, or a mix. Wild departures can throw off the balance.</li>
|
||
<li>Higher proof additions will nudge the blend up; lower proof will mellow it.</li>
|
||
<li>Don't overthink it. The whole point is that it's always changing.</li>
|
||
<li>Label your bottle with the date you started it.</li>
|
||
<li>Share the experience — pour a dram for friends and watch their reaction when you tell them what's in it.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:1rem;flex-wrap:wrap">
|
||
<a href="/register.html" class="btn btn-primary">Start Tracking Your Bottle</a>
|
||
<a href="/index.html" class="btn btn-ghost">Back to Community Bottles</a>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<script src="/js/api.js"></script>
|
||
<script src="/js/auth.js"></script>
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
Auth.renderNav();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|