Add landing site (site/), deployed to hyperdata.vercel.app - #11
Conversation
Static marketing site for HyperData Terminal: plain HTML/CSS with a small vanilla JS copy button, no build step. Light and dark palettes, responsive to 375px, semantic landmarks, reduced-motion support. Includes the two product screenshots (downsized), a 1280x640 og-image.png with Open Graph and Twitter card tags, and og.html as the editable source for that image. All copy, counts, endpoints and code samples are taken from README.md; no invented metrics or social proof. No existing files were modified. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
…inal Replaces the v1 navy/violet design, which had no motion and a green accent. New direction: warm charcoal base, Newsreader serif headlines over JetBrains Mono data, amber on figures, thin gold rules. Motion: the hero terminal types the hyperdata command, boots, prints the menu, opens Market Overview and ticks prices in place. Sections reveal once on scroll, stat counters count up, and hover states transition. prefers-reduced-motion shows the final state with no animation. Also a new 1280x640 og-image.png in the same style. The data-integrity claim is kept out of the hero and the social card. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: e0cb00cc38
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| .rv { | ||
| opacity: 0; transform: translateY(20px); |
There was a problem hiding this comment.
When script.js is blocked, disabled, or fails to load, every .rv element remains at opacity: 0 because only the script adds the .in class. Since most headings, descriptions, tables, screenshots, and installation instructions use this class, the landing page becomes visually empty apart from the header and footer. Make content visible by default and enable the hidden reveal state only after JavaScript marks the document as enhanced.
Useful? React with 👍 / 👎.
| <tr><td class="key">[1]</td><td class="name">Liquidation Watch</td><td class="desc">BTC positions closest to liquidation on Hyperliquid. Distance-to-liquidation is tracked in real time, so you can see which whales are about to get wiped.</td><td class="col-src">Hyperliquid</td></tr> | ||
| <tr><td class="key">[2]</td><td class="name">Liquidation Stream</td><td class="desc">Multi-exchange liquidation feed from Hyperliquid, Binance, Bybit and OKX, with size, price and exchange for every event.</td><td class="col-src">4 exchanges</td></tr> | ||
| <tr><td class="key">[3]</td><td class="name">Liquidation Heatmap</td><td class="desc">Price-level view of where liquidations are concentrated for all cryptos: long-liquidation risk below price, short-liquidation risk above it.</td><td class="col-src">4 exchanges</td></tr> | ||
| <tr><td class="key">[4]</td><td class="name">CVD Order Flow</td><td class="desc">Cumulative volume delta for BTC, built from Binance WebSocket trades. See whether buyers or sellers are in control.</td><td class="col-src">Binance</td></tr> |
There was a problem hiding this comment.
Visitors relying on this description will interpret the displayed CVD as Binance-only, but OrderFlowEngine starts both Hyperliquid and Binance streams and accumulates their trades into the combined CVD (src/data_layer/orderflow_engine.py, including _handle_message and _binance_trade_loop). This materially changes the meaning of the metric, especially when one venue is partial or unavailable, so the dashboard description and source column should identify both venues.
Useful? React with 👍 / 👎.
The Vercel project hyperdata is now connected to this repo. Without config, git-triggered deploys would build from the repo root, which is the Python app. vercel.json serves site/ as static output with no install or build step, and skips deploys for commits that don't touch site/ or this file. site/.gitignore was added by vercel link and keeps the local .vercel/ link and .env*.local out of git. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Addresses the two Codex review comments on #11. Reveal animations hid every .rv section and the gold rule until script.js added .in, so a blocked or failed script left the page nearly blank. The hidden start states now apply only under html.js, which an inline head script sets and removes again after 3s if script.js never signals it ran. Checked with script.js deliberately broken: all 28 sections and the rule show. Checked normally: reveals still animate. The CVD dashboard row, the component list and the Hyperliquid data-source row said CVD came from Binance only. OrderFlowEngine combines Hyperliquid and Binance trades, and the app now shows each venue's share, so the site says so too. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This branch was successfully deployed
1 participant
Static landing page for HyperData Terminal in
site/: plain HTML, CSS and vanilla JS, no build step.hyperdata, boots, opens Market Overview, ticks prices (illustrative data, labelled as such)prefers-reduced-motionshows the final stateog-image.pngwith Open Graph and Twitter card tags pointing at https://hyperdata.vercel.app/Checked at 1440, 768 and 375px: no horizontal scroll, no console errors, amber on charcoal is 10.4:1 contrast.
🤖 Generated with Claude Code