Countdown to the next Bitcoin halving with historical cycle analysis, price performance comparisons across all four past halvings, mining economics breakdowns, and block reward projections — built as a fast static page.
Build Prompt
Copy this prompt into Claude Code
Build a Bitcoin halving countdown site as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a (Bitcoin orange). All data inline — no external requests.
Define `const HALVINGS = [{ number, blockHeight, date, reward, priceAtHalving, peakPriceAfter, peakDate, daysToAth, percentGainToAth, cycleLow, cycleLowDate, hashratePHs }]` for all 4 past halvings (2012, 2016, 2020, 2024) plus `const NEXT_HALVING = { estimatedBlock: 1050000, estimatedDate: new Date('2028-04-15'), reward: 1.5625, currentBlock: 887430, currentReward: 3.125 }`. Define `const BTC_PRICE = 97500` and `const HASHRATE_EHS = 820` (current exahashes/sec). Define `const MINERS = [{ name, ticker, hashratePHs, efficiency (J/TH), breakEvenPriceUsd, margin }]` for 6 major public miners.
Hero section: Large Bitcoin symbol (₿) in #f7931a, below it a live countdown clock in four cells (DAYS | HOURS | MINUTES | SECONDS) using large monospace font. Cells have background #12121a, border #1a1a2a. Below: "~1,050,000 blocks / block reward drops from 3.125 BTC to 1.5625 BTC". Current BTC price and market cap line. "Blocks remaining" counter derived from `NEXT_HALVING.currentBlock` and `NEXT_HALVING.estimatedBlock`.
Progress bar: Visual timeline from current halving (April 2024) to next halving (2028), showing current position as a glowing #f7931a dot with percentage completion.
Historical cycles table: Four rows for past halvings, columns — Halving #, Date, Block, Reward, BTC Price at Halving, Cycle ATH, Days to ATH, % Gain, Cycle Low. Color rows alternately, highlight ATH column in green.
Cycle comparison chart: SVG line chart plotting BTC price indexed to 100% at each halving date, showing 4 overlaid lines (one per cycle) for 600 days post-halving. X-axis: days after halving (0-600). Y-axis: % of halving price. Use distinct colors per cycle. Add "current cycle" line in #f7931a.
Mining economics panel: `const BLOCK_TIME_MINUTES = 10`. Show: Daily new BTC supply (before halving: 450 BTC/day, after: 225 BTC/day). At current price, daily miner revenue (before vs after). Break-even electricity cost at standard ASIC efficiency. Miners table showing each miner's hashrate, efficiency, and estimated margin change after halving.
Stock-to-flow section: Calculate S2F ratio: `SF = circulatingSupply / annualProduction`. Show current S2F vs gold (SF ~60), silver (SF ~22). S2F implied price from model: show as a comparison point with disclaimer it is not a prediction.
FAQ section: "What is Bitcoin halving?", "Why does halving happen?", "How does halving affect price?", "What happens to miners?" — four accordion toggles with JS-driven expand/collapse.
SEO: title, meta description, OG tags, JSON-LD Event schema for the next halving date.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Email Reminder
Add a Mailchimp-compatible signup form so visitors can get an email reminder 30 days before the halving.
DCA Calculator
Let users simulate a dollar-cost-average strategy across the halving cycle and see projected returns.