Skip to content

feat: polish slides rendering (typography, media, images) - #7

Merged
kooksee merged 10 commits into
masterfrom
feat/slides-rendering-polish
Sep 19, 2026
Merged

kooksee merged 10 commits into
masterfrom
feat/slides-rendering-polish

Conversation

@kooksee

@kooksee kooksee commented Sep 19, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Polish slides typography and auto-center cover pages for a cleaner deck layout.
  • Style tables, images, and diagrams in slides mode with presentation-oriented sizing.
  • Fix parent-relative slide images (../…) via encoded raw paths + git-root allowlist, and enlarge Mermaid in presentation mode.

Test plan

  • Open testdata/slides-media.md, switch to Slides, hard-refresh
  • Confirm the product logo image on the last slide loads
  • Confirm the architecture Mermaid fills more of the slide and renders with subgraphs/styles
  • Confirm tables still look readable in slides mode
  • go test ./internal/server/ -run TestFileRawParentAsset
  • cd frontend && npm test -- --run src/utils/resolve.test.ts src/components/MermaidBlock.test.tsx

Made with Cursor

kooksee and others added 10 commits September 19, 2026 09:21
Co-authored-by: Cursor <cursoragent@cursor.com>
Add presentation-oriented slide CSS, detect short title slides as
covers, and keep reading mode unchanged.

Co-authored-by: Cursor <cursoragent@cursor.com>
Fix content slides back to block layout so wide media is not crushed,
and add deck-oriented sizing for tables, images, Mermaid, and code.

Co-authored-by: Cursor <cursoragent@cursor.com>
Parent-relative assets broke on the raw API (path collapse / ServeFile
dot-dot rejection). Encode ".." segments, allow files under the git
root, and use ServeContent. Slides Mermaid gets larger presentation
sizing plus a richer sample diagram.

Co-authored-by: Cursor <cursoragent@cursor.com>
Define CSS-only stage/surface polish for fullscreen slides while
keeping non-fullscreen preview and reading mode unchanged.

Co-authored-by: Cursor <cursoragent@cursor.com>
CSS-only stage/surface/content tasks with a fullscreen class regression.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Near-bleed surface with light/dark stage gradients, calmer chrome,
and slightly stronger cover/quote/table contrast in fullscreen only.

Co-authored-by: Cursor <cursoragent@cursor.com>
Stop passing CSS font stacks into beautiful-mermaid (broken Google
Fonts import caused reflow). Isolate slide typography from diagram
labels, avoid one-axis SVG scaling, and drop light-only classDef fills
that clash on dark themes.

Co-authored-by: Cursor <cursoragent@cursor.com>
Dark theme set light defaultFontColor but left white participant
boxes, so labels vanished. Set sequence Participant/Actor/LifeLine
colors explicitly for both themes.

Co-authored-by: Cursor <cursoragent@cursor.com>
@kooksee
kooksee merged commit 66949db into master Sep 19, 2026
2 of 4 checks passed
@kooksee
kooksee deleted the feat/slides-rendering-polish branch September 19, 2026 11:08
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