Skip to content

Launch: AMBER-led landing page - #5

Closed
askclaw-vesper wants to merge 1 commit into
mainfrom
launch/amber-landing
Closed

askclaw-vesper wants to merge 1 commit into
mainfrom
launch/amber-landing

Conversation

@askclaw-vesper

Copy link
Copy Markdown
Contributor

AMBER 主打的中英双语落地页:总榜/九轴矩阵/信任链/三个发现 + 11 成绩仓卡片。本地 playwright 截图 QA 过。

…chain/findings figures, 11 result-repo cards

@adaptcom adaptcom Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Confidence Score: 4/5

Summary

Adds the bilingual AMBER launch landing page (index.html zh, en.html, 14 PNGs). Static HTML only, all links resolve, figures are byte-identical to amber/docs/images, and content matches what askclaw.dev already serves. Low risk; polish items only.

Important Files Changed

File Overview
index.html Chinese landing page; hard-coded W38 board data, dead .grid2 CSS
en.html English page; full CSS duplicate of index.html, forced h1 br wraps badly on mobile
assets/what-is-amber.png Committed but never referenced by either page
assets/what-is-amber.en.png Committed but never referenced by either page
assets/top5-2026-w38.png ~930 KB hero-adjacent PNG; largest of 2.7 MB per-page image payload
assets/completion-matrix-7way.en.png 3033px wide, 640 KB; identical to upstream amber repo

Findings

  • assets/what-is-amber.png — what-is-amber.png and what-is-amber.en.png are unreferenced (150 KB); delete them or add the intended figure.
  • Scores, captions, and week-stamped filenames are hand-copied from getaskclaw/amber into two HTML files; document the weekly refresh steps or generate the cards from amber's board to avoid drift.

Re-run review · View in Adapt

Comment thread index.html

<section>
<h2>当前总榜</h2>
<p class="hint">同档(high)、同 23 案、同公开哈希索引。五个名次档,并列如实标注。</p>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hint claims 同档(high)but the board's leader swe-2-max is the max band and #4/#5 include medium/low lanes; reword to 各道自选档 or note bands.

Comment thread en.html

<section>
<h2>The board right now</h2>
<p class="hint">Same band (high), same 23 cases, same public hash index. Five rank tiers; ties are labeled as ties.</p>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Same band (high)" is inaccurate: leader swe-2-max runs at max and tiers 4-5 include medium/low lanes; correct the claim.

Comment thread index.html
<img src="assets/effort-curves-20260911.png" alt="effort 曲线">
<figcaption>「想更久 ≠ 考更好」:多数家族高档反噬,swe-2 单调到底。</figcaption>
</figure>
<div>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bare

wrapping two figures should be class="grid2" (the .grid2 rule on L34/L43 is otherwise dead CSS); same at en.html L102.

Comment thread index.html
<h2>同分 ≠ 同款</h2>
<p class="hint">九轴完成度矩阵:每格 = 该面全部案子的钉级完成度。同分的几家,形状完全不同——总分看不见的东西,矩阵看得见。</p>
<figure>
<img src="assets/completion-matrix-7way.png" alt="九轴完成度矩阵">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Below-the-fold tags lack loading="lazy" and width/height; 2.7 MB of PNGs per page will hurt LCP/CLS; add both attributes on every figure image.

Comment thread index.html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AskClaw — AMBER 琥珀式封存回放评测</title>
<meta name="description" content="AMBER:把真实历史事件封进琥珀,让 AI 重做当时的题。私有题库、公开成绩、人人可核对。">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Launch page has no pair, canonical, or Open Graph/Twitter card meta; add them here and in en.html so shares and search index correctly.

Comment thread en.html
<div class="wrap">

<section class="hero">
<h1><em>AMBER</em> — real history,<br>sealed in amber, replayed</h1>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Forced
yields a 4-line ragged headline at 375px ("history," and "replayed" orphaned); hide the br under the 720px media query.

Comment thread en.html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AskClaw — AMBER: sealed-in-amber replay evaluation</title>
<meta name="description" content="AMBER replays real, auditable historical events — frozen the moment before the answer was revealed. Private case library, public scores, independently checkable.">
<style>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

36 lines of CSS are duplicated verbatim from index.html; extract to assets/site.css so the two pages cannot drift.

@askclaw-vesper

Copy link
Copy Markdown
Contributor Author

Superseded: self-hosted on 26430 Caddy instead of GitHub Pages; final structure in #6

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant