git / moonbite-network / website/store-kit.html · raw
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="MoonBite Store Kit — app icon and the five silent-film listing frames. Certified-instrument restraint, no gradients, no growth theatre." /> <meta name="theme-color" content="#0A0C0F" /> <title>Store Kit — MoonBite</title> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/store-kit.css" /> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='none' stroke='%23C9A24B' stroke-width='2'/%3E%3C/svg%3E" /></head><body> <header class="nav"> <div class="nav__inner"> <a href="index.html" class="brand" aria-label="MoonBite home"> <span class="brand__mark" aria-hidden="true"></span> <span class="brand__name">MoonBite · Store Kit</span> </a> <a href="index.html" class="link-quiet">← Back to MoonBite</a> </div> </header> <main class="kit"> <!-- ============ ICON ============ --> <section class="kit-sec"> <p class="kit-eyebrow">App icon · Subtractive Bite</p> <h1 class="kit-title">One gold crescent. One clean bite.</h1> <p class="kit-lead muted"> No coin, no letterform, no glow. A filled disc minus its terminator, minus a single circular bite on the outer arc. Survives to a legible silhouette at 48 px — the only real test an icon has to pass. </p> <div class="icon-row"> <!-- 1024 master, drawn once, scaled --> <figure class="icon-cell"> <div class="icon-frame icon-frame--lg"> <svg viewBox="0 0 1024 1024" width="200" height="200" role="img" aria-label="MoonBite icon — gold bitten crescent on obsidian"> <defs> <mask id="biteMask"> <rect width="1024" height="1024" fill="black" /> <circle cx="512" cy="512" r="350" fill="white" /> <circle cx="402" cy="486" r="332" fill="black" /> <circle cx="842" cy="404" r="60" fill="black" /> </mask> </defs> <rect width="1024" height="1024" fill="#0A0C0F" /> <rect width="1024" height="1024" fill="#C9A24B" mask="url(#biteMask)" /> </svg> </div> <figcaption class="icon-cap mono">1024 · master</figcaption> </figure> <!-- legibility ladder --> <figure class="icon-cell"> <div class="icon-frame icon-frame--md"> <svg viewBox="0 0 1024 1024" width="96" height="96" aria-hidden="true"> <rect width="1024" height="1024" fill="#0A0C0F" /> <rect width="1024" height="1024" fill="#C9A24B" mask="url(#biteMask)" /> </svg> </div> <figcaption class="icon-cap mono">96</figcaption> </figure> <figure class="icon-cell"> <div class="icon-frame icon-frame--sm"> <svg viewBox="0 0 1024 1024" width="48" height="48" aria-hidden="true"> <rect width="1024" height="1024" fill="#0A0C0F" /> <rect width="1024" height="1024" fill="#C9A24B" mask="url(#biteMask)" /> </svg> </div> <figcaption class="icon-cap mono">48 · legibility test</figcaption> </figure> </div> </section> <div class="kit-rule"></div> <!-- ============ FIVE FRAMES ============ --> <section class="kit-sec"> <p class="kit-eyebrow">Listing · Five-frame silent film</p> <h2 class="kit-title">Open cold on the number. Then earn the rest.</h2> <p class="kit-lead muted"> Real screens, flat and true — no tilt, no shadow, no mockup theatre. One calm caption per frame in a fixed lower band. Gold appears at most once per screen. </p> <div class="frames"> <!-- Frame 1 — cold open on the Counter --> <figure class="frame"> <div class="phone"> <div class="phone__screen"> <div class="scr scr--counter"> <span class="scr__eyebrow mono">balance · testnet</span> <span class="scr__num mono num">2.507 41000</span> <span class="scr__unit">MBITE</span> </div> </div> </div> <figcaption class="frame__cap">Your money. Counted honestly.</figcaption> </figure> <!-- Frame 2 — two-tap send / receive --> <figure class="frame"> <div class="phone"> <div class="phone__screen"> <div class="scr scr--pad"> <span class="scr__label mono">MoonBite wallet</span> <div class="scr__actions"> <span class="scr__btn scr__btn--gold">Send</span> <span class="scr__btn">Receive</span> </div> <div class="scr__rows"> <div class="scr__row"><span>To</span><span class="mono">moonbite://q7f…3a9</span></div> <div class="scr__row"><span>Amount</span><span class="mono num">1.000 00000</span></div> <div class="scr__row"><span>Fee</span><span class="mono num">0.000 01000</span></div> </div> </div> </div> </div> <figcaption class="frame__cap">Send and receive in two taps.</figcaption> </figure> <!-- Frame 3 — live network dashboard --> <figure class="frame"> <div class="phone"> <div class="phone__screen"> <div class="scr scr--pad"> <span class="scr__label mono">network · live</span> <div class="scr__stats"> <div class="scr__stat"><span class="scr__k">Block height</span><span class="scr__v mono num">148,207</span></div> <div class="scr__stat"><span class="scr__k">Network hashrate</span><span class="scr__v mono num">2.41 MH/s</span></div> <div class="scr__stat"><span class="scr__k">Supply</span><span class="scr__v mono num">1,482,070</span></div> <div class="scr__stat"><span class="scr__k">Toward cap</span><span class="scr__v mono num">10.59%</span></div> </div> </div> </div> </div> <figcaption class="frame__cap">Watch the whole network, live.</figcaption> </figure> <!-- Frame 4 — seed / security --> <figure class="frame"> <div class="phone"> <div class="phone__screen"> <div class="scr scr--pad"> <span class="scr__label mono">security</span> <div class="scr__lock"> <span class="scr__lockmark" aria-hidden="true"></span> <span class="scr__lockrow mono">•••• •••• •••• •••• ····</span> </div> <p class="scr__note muted">12-word seed generated on-device. Never transmitted, never shown here, never backed up to a server.</p> <div class="scr__row scr__row--flag"><span>Stored</span><span class="mono">this device only</span></div> </div> </div> </div> <figcaption class="frame__cap">Your seed never leaves this device.</figcaption> </figure> <!-- Frame 5 — build / verification --> <figure class="frame"> <div class="phone"> <div class="phone__screen"> <div class="scr scr--pad"> <span class="scr__label mono">provenance</span> <div class="scr__rows"> <div class="scr__row"><span>Signed tag</span><span class="mono">v0.21.5.5-moonbite</span></div> <div class="scr__row scr__row--hash"><span>Commit</span><span class="mono">fd82b99</span></div> <div class="scr__row scr__row--hash"><span>SHA-256</span><span class="mono">1eb8ac3d…02b51ca7</span></div> </div> <span class="scr__btn scr__btn--gold scr__btn--wide">Verify this build</span> </div> </div> </div> <figcaption class="frame__cap">Verify this exact build yourself.</figcaption> </figure> </div> </section> <div class="kit-rule"></div> <!-- ============ REVIEWER NOTES ============ --> <section class="kit-sec"> <p class="kit-eyebrow">Reviewer notes · for submission</p> <ul class="kit-notes muted"> <li>Non-custodial, watch-only-capable wallet. No account, no server custody.</li> <li>Demo watch-only address supplied so the reviewer can load the live network Counter and dashboard without funds or seed entry.</li> <li>No mining vocabulary — “network · live” is watch-only observation, not mining.</li> <li>Reproducible from the signed git tag in Frame 5; hash verifiable against the public tag.</li> </ul> </section> </main> <footer class="footer"> <p class="footer__line">Store Kit is a design deliverable · flat, true, and quiet · no growth theatre</p> <p class="footer__meta"><a href="index.html" class="link-quiet">← Back to MoonBite</a></p> </footer></body></html>