Skip to content

Add 金刚经 book biography page (书籍详情页) #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
cubxxw wants to merge 1 commit into from
Closed

Add 金刚经 book biography page (书籍详情页) #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 27 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,21 @@ dark atmosphere. Everything respects `prefers-reduced-motion`.
Per the design bible there are **no counts anywhere** — quantity is expressed by form,
never a number badge — and cinnabar, the colour of the human hand, is used sparingly.

## 金剛經 · 一本书的传记

The second page implemented is a **书籍详情页** (book detail page) — a book's
biography, scrolling from its composition through the hands that carried it
forward, ending in the living 年轮 of today's readers. It ports the design's
`老树 · 道德经.dc.html` prototype into a reusable `BookPage` component, and
supplies it with real content for **《金刚经》** (the Diamond Sutra): from its
composition in India, through Kumārajīva's 402 CE translation and Xuanzang's
later retranslation, Huìnéng's awakening on hearing its central line, the 868
CE Dunhuang scroll — the oldest complete, dated printed book known to survive —
its 1900 rediscovery and 1907 removal to London, and on to today's readers'
own 注/疑/证/驳 annotations.

Visit it at `/books/jingangjing`, or follow the `金刚经` link from 我的树's nav.

## Develop

```bash
Expand All @@ -44,13 +59,20 @@ npm run preview # serve the production build
| --- | --- |
| `src/MyTree.tsx` | The 我的树 page component + its branch/annotation data |
| `src/MyTree.css` | Page layout, the SVG tree, hover reveal, growth rings |
| `src/BookPage.tsx` | The 书籍详情页 component — any book's biography timeline |
| `src/BookPage.css` | Page layout, timeline reveal, comparison aside, rings |
| `src/books/types.ts` | Shared `BookData` shape a book's data must supply |
| `src/books/diamondSutra.ts` | 《金刚经》's data — timeline, translation comparison, rings |
| `src/main.tsx` | Renders 我的树 at `/`, a book page at `/books/:slug` |
| `src/theme.css` | Design tokens (墨字朱批 palette), day/night themes, keyframes |
| `APP_NOTES.md` | Detailed notes on this page |
| `APP_NOTES.md` | Detailed notes on the 我的树 page |
| `design/` | The original Claude Design handoff bundle — chat transcript + all page prototypes. The source of truth for the pages not yet built. |

## Not yet built

`design/project/` holds prototypes for the rest of the product: 首页书架, 书籍详情页,
阅读页 (the design's stated priority — its "signature" screen with the time-slider),
落笔流程, 句子房间, 考据, 分享卡, 守树人. `我的树` links out to `/read` and `/inscribe`
as placeholders for those routes.
`design/project/` holds prototypes for the rest of the product: 首页书架
(the bookshelf home — no book is on it yet), 阅读页 (the design's stated
priority — its "signature" screen with the time-slider), 落笔流程, 句子房间, 考据,
分享卡, 守树人. `我的树` links out to `/read` and `/inscribe`, and the book page's
CTAs link to `/books/jingangjing/read` and `/books/jingangjing/compare`, all as
placeholders for those routes.
Loading