Skip to content

宣传页沿用纸上压印,并补上当前章节导航 - #3

Merged
sumingwang233 merged 1 commit into
mainfrom
cursor/promo-page-visual-ca1a
Nov 4, 2026
Merged

sumingwang233 merged 1 commit into
mainfrom
cursor/promo-page-visual-ca1a

Conversation

@sumingwang233

@sumingwang233 sumingwang233 commented Nov 4, 2026 •

Copy link
Copy Markdown
Owner

概述

宣传页仍用「纸雕为底、像素点睛」。整页加上压印层次,导航能看出当前章节。四语言正文、v1.8.0 截图和下载链接没有改。

改动

  • 首屏插画背后加一张轻微倾斜的纸片,浅色带保留纸边。
  • 顶栏增加「界面」锚点(繁中介面、英文 App、日文画面),滚动时给当前章节加下划线;页面滚到底部时「常见问题」也会亮起。
  • v1.8.0 更新改成一排纸签,与后面的优势双列清单分开。翻译节不再铺色,只留自己的纸卡。
  • 三步卡片和实机截图悬停时上抬、出现压印阴影;放大角标填上朱橙。主题切换有 180ms 颜色过渡。系统要求减弱动画时,这些过渡仍会被关掉。

浅色首屏,文件夹插画压在纸片上

promo-page-visual-demo.mp4

验证

  • npm --prefix website run typecheck
  • npm --prefix website test(既有两项主题测试)
  • 浏览器:简中、英文、日文顶栏不重叠;点击导航后当前章节下划线,包括常见问题;截图可放大并用 Escape 关闭;浅色与深色可读;390px 菜单包含界面。

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

Note

Low Risk
Marketing-site CSS and client-only scroll highlighting; no changes to auth, APIs, or desktop app behavior.

Reviewed by Cursor Bugbot for commit 51473c3. Bugbot is set up for automated code reviews on this repo. Configure here.

Keep the paper-and-pixel language across the whole page: a sheet under the hero, update notes as separate tickets, and press states on steps and screenshots. The nav adds an app anchor and follows the current section, including the FAQ at the bottom of the page.

Co-authored-by: SlippyChimpMG <sumingwang@qq.com>
@vercel

vercel Bot commented Nov 4, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
gamelibrary-website Ready Ready Preview Nov 4, 2026 3:12pm UTC

@cursor cursor 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.

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 51473c3. Configure here.

<figcaption className="art-caption">{t("流程概念插画", "流程概念插畫", "An illustrated workflow", "操作のイメージイラスト")}</figcaption>
</figure>
<ol className="steps">{steps.map(([title, text], index) => <li key={title}><span className="step-number" aria-hidden="true">0{index + 1}</span><div><h3>{title}</h3><p>{text}</p></div></li>)}</ol>
<ol className="steps">{steps.map(([title, text], index) => <li key={title} tabIndex={0}><span className="step-number" aria-hidden="true">0{index + 1}</span><div><h3>{title}</h3><p>{text}</p></div></li>)}</ol>

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Step cards steal keyboard focus

Low Severity

The three workflow li cards now use tabIndex={0} so the new lift style can show on :focus-visible, but they are not links or controls. Keyboard users hit three extra tab stops that look actionable and do nothing on Enter or Space, which slows movement from the hero actions to the screenshots.

Additional Locations (1)
Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 51473c3. Configure here.

@cursor cursor 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.

Not approved. Cursor Bugbot completed and left one unresolved finding (keyboard focus on the step cards) that needs human review. Human review is needed and no reviewers were assigned.

Open in Web View Automation 

Sent by Cursor Approval Agent: Pull Request Router and Approver

@sumingwang233
sumingwang233 merged commit 86dc352 into main Nov 4, 2026
11 checks passed
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.

2 participants