Repository navigation
feat(site): hero that rotates the ways to play, with the plugins each one runs - #245
Merged
Merged
Conversation
The hero now leads with "Everything is pluggable. Every world is yours." Four feature chapters scroll beside a sticky panel that swaps scenes and lights up the plugins each mode runs, copied from the bundled packs. A new section lists the built-in plugins with their IDs. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015KrxfUjX95MqfRqtcWDnnU
The headline keeps "Build your own" and swaps the last words letter by letter between visual novel, tabletop campaign, epic story and multilingual world. Each swap carries the subtitle, the mode colour, the screenshot and the lit plugins with it; tabs pick a mode by hand, and reduced motion stops the timer. The four scroll chapters fold into the hero plus two cards for plugins and world packs. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015KrxfUjX95MqfRqtcWDnnU
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Requested by yy · project thread
Summary / 摘要
Before: the sections of the showcase site (play, features, creators) never said that Covel is plugin-driven, and the copy read flat.
After: the hero keeps "Build your own" (构建由你定义的) and swaps the last words in place between visual novel, tabletop campaign, epic story and multilingual world. Each word arrives letter by letter: the new letters rise in while the old ones blur away. The subtitle, the mode colour, the screenshot and a list of the 18 bundled plugins change with it, and the list lights up the plugins that mode runs. The modes rotate every 3.6 seconds; tabs pick one by hand, hovering pauses the rotation, and reduced motion turns the timer off. Below the hero, two cards cover the plugin design and world packs, and a "Built-in plugins" section lists eight plugins with their IDs.
The lit plugin sets are copied from the packs that ship in the repo:
haruka-galgame,classic-tabletopandtraditional-story. They leave out the setup plugins every session runs. A test checks that every plugin the site names exists underplugins/.How:
Hero.tsxowns the active mode and setsdata-modeon the section. CSS maps that to a--modecolour, which the word, glow, tab underline and plugin chips all read.Showcase.tsxrenders the crossfading scenes and the plugin list.packs.tsholds the plugin sets.Play,FeaturesandCreatorsare removed.Type of change / 变更类型
Verification / 验证方式
pnpm checkpnpm --filter @covel/site lintandtest(12 tests, including the rotation and the lit plugin counts with fake timers)pnpm test: not run; this PR touches onlyapps/site, which nothing else depends onNot verified / 未验证: Safari, Firefox, and a real phone. The demo video under
apps/site/public/media/is no longer shown on the page.Related issue / context / 关联
Follows #244, which split the showcase out of the app.
Docs sync / 文档同步
docs/reference/: n/adocs/changelog.d/showcase-site-features.mdAGENTS.md: n/a🤖 Generated with Claude Code
https://claude.ai/code/session_015KrxfUjX95MqfRqtcWDnnU