114 lines
5.9 KiB
HTML
114 lines
5.9 KiB
HTML
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { background: #09090b; color: #f4f4f5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; padding: 32px 24px; }
|
|
.wrap { max-width: 900px; margin: 0 auto; }
|
|
|
|
h2 { font-size: 13px; font-weight: 600; color: #a1a1aa; margin-bottom: 20px; letter-spacing: 0.05em; text-transform: uppercase; }
|
|
|
|
/* ── Tabs ── */
|
|
.tabs { display: flex; gap: 0; border-bottom: 1px solid #27272a; margin-bottom: 40px; }
|
|
.tab { padding: 10px 20px; font-size: 13px; font-weight: 500; color: #71717a; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; }
|
|
.tab.active { color: #fbbf24; border-bottom-color: #fbbf24; }
|
|
|
|
/* ── Changelog entries ── */
|
|
.entries { display: flex; flex-direction: column; gap: 0; }
|
|
.entry { display: grid; grid-template-columns: 120px 1fr; gap: 0 32px; border-bottom: 1px solid #18181b; padding: 32px 0; }
|
|
.entry:last-child { border-bottom: none; }
|
|
.entry-meta { padding-top: 4px; }
|
|
.entry-version { font-size: 12px; font-weight: 700; color: #fbbf24; font-family: monospace; margin-bottom: 4px; }
|
|
.entry-date { font-size: 11px; color: #3f3f46; }
|
|
.entry-title { font-size: 17px; font-weight: 600; color: #fff; margin-bottom: 8px; }
|
|
.entry-body { font-size: 13px; color: #71717a; line-height: 1.7; }
|
|
.entry-tags { display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
|
|
.tag { font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 99px; letter-spacing: 0.05em; text-transform: uppercase; }
|
|
.tag-feature { background: rgba(251,191,36,0.1); color: #fbbf24; border: 1px solid rgba(251,191,36,0.25); }
|
|
.tag-fix { background: rgba(74,222,128,0.1); color: #4ade80; border: 1px solid rgba(74,222,128,0.2); }
|
|
.tag-improvement { background: rgba(147,197,253,0.1); color: #93c5fd; border: 1px solid rgba(147,197,253,0.2); }
|
|
|
|
/* ── Roadmap items ── */
|
|
.roadmap { display: flex; flex-direction: column; gap: 12px; }
|
|
.roadmap-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border: 1px solid #1c1c1f; border-radius: 10px; background: #0d0d0f; }
|
|
.status-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: 6px; }
|
|
.status-planned { background: #3f3f46; }
|
|
.status-inprogress { background: #fbbf24; box-shadow: 0 0 8px rgba(251,191,36,0.4); }
|
|
.status-shipped { background: #4ade80; }
|
|
.roadmap-item-title { font-size: 14px; font-weight: 600; color: #e4e4e7; margin-bottom: 4px; }
|
|
.roadmap-item-desc { font-size: 12px; color: #52525b; line-height: 1.6; }
|
|
.status-badge { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 99px; letter-spacing: 0.06em; text-transform: uppercase; margin-left: auto; flex-shrink: 0; }
|
|
.badge-planned { background: rgba(63,63,70,0.4); color: #71717a; border: 1px solid #27272a; }
|
|
.badge-inprogress { background: rgba(251,191,36,0.1); color: #fbbf24; border: 1px solid rgba(251,191,36,0.3); }
|
|
.badge-shipped { background: rgba(74,222,128,0.1); color: #4ade80; border: 1px solid rgba(74,222,128,0.2); }
|
|
|
|
.page-header { margin-bottom: 40px; }
|
|
.page-label { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #52525b; margin-bottom: 8px; }
|
|
.page-title { font-size: 28px; font-weight: 700; color: #fff; letter-spacing: -0.02em; margin-bottom: 6px; }
|
|
.page-sub { font-size: 14px; color: #52525b; }
|
|
|
|
/* ── Section separators for roadmap ── */
|
|
.roadmap-group-label { font-size: 10px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: #3f3f46; margin: 24px 0 10px; }
|
|
.roadmap-group-label:first-child { margin-top: 0; }
|
|
</style>
|
|
|
|
<div class="wrap">
|
|
<div class="page-header">
|
|
<p class="page-label">Battl Builders</p>
|
|
<h1 class="page-title">Updates</h1>
|
|
<p class="page-sub">What we've shipped and what's coming next.</p>
|
|
</div>
|
|
|
|
<div class="tabs">
|
|
<div class="tab active">What's New</div>
|
|
<div class="tab">What's Next</div>
|
|
<div class="tab">Give Feedback</div>
|
|
</div>
|
|
|
|
<!-- WHAT'S NEW -->
|
|
<div id="whats-new">
|
|
<div class="entries">
|
|
<div class="entry">
|
|
<div class="entry-meta">
|
|
<div class="entry-version">v0.4</div>
|
|
<div class="entry-date">Mar 28, 2026</div>
|
|
</div>
|
|
<div>
|
|
<div class="entry-tags">
|
|
<span class="tag tag-feature">Feature</span>
|
|
<span class="tag tag-improvement">Improvement</span>
|
|
</div>
|
|
<div class="entry-title">Homepage redesign + open access</div>
|
|
<div class="entry-body">Removed the beta gate. New landing page explains what Battl does without the jargon. Compatibility conflict warnings now surface inline while you build.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="entry">
|
|
<div class="entry-meta">
|
|
<div class="entry-version">v0.3</div>
|
|
<div class="entry-date">Mar 14, 2026</div>
|
|
</div>
|
|
<div>
|
|
<div class="entry-tags">
|
|
<span class="tag tag-feature">Feature</span>
|
|
<span class="tag tag-fix">Fix</span>
|
|
</div>
|
|
<div class="entry-title">Shareable build links + vault</div>
|
|
<div class="entry-body">Save and share builds with a single link. Anyone can view the parts list without an account. Fixed gas system validation that was incorrectly flagging mid-length configs.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="entry">
|
|
<div class="entry-meta">
|
|
<div class="entry-version">v0.2</div>
|
|
<div class="entry-date">Feb 28, 2026</div>
|
|
</div>
|
|
<div>
|
|
<div class="entry-tags">
|
|
<span class="tag tag-feature">Feature</span>
|
|
</div>
|
|
<div class="entry-title">Live pricing from real retailers</div>
|
|
<div class="entry-body">AvantLink feed integration. Running total updates as you add parts. Prices are pulled daily — no estimated MSRP, no sponsored rankings.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|