Add talks section #73
Merged
Conversation
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
- add talks content collection - create /talks page & routing - create Talk layout component - move FP post from blog to talks - add talks section to homepage Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Deploying ubmit-dev with
|
| Latest commit: |
a740f6a
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://afa0c6f1.ubmit-dev.pages.dev |
| Branch Preview URL: | https://gui-add-talks-section.ubmit-dev.pages.dev |
- install mermaid lib - create MermaidInit component - add to BlogPost & Talk layouts - add prose styles for diagrams - convert text diagrams to mermaid in prompts talk Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- remove bold from code snippets in prose - replace emojis with text symbols (+ - * !) - use rehype-mermaid for proper diagram rendering - remove client-side mermaid init (build-time rendering) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Add explicit generateId to talks glob loader to prevent dev-time duplicate ID warnings. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Reorder: Figma MCP → agent-browser → json-render - Update intro list to match new order - Update key takeaways section - Fix generateId to prevent duplicate warnings Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Add rehype-mermaid plugin to render Mermaid diagrams as inline SVGs at build time. This fixes the issue where Mermaid code blocks were displayed as raw code instead of being rendered as diagrams.
…Ba' into gui/add-talks-section
ubmit
force-pushed
the
gui/add-talks-section
branch
from
94ba82c to
2fb698b
Compare
ubmit
force-pushed
the
gui/add-talks-section
branch
from
7b8a1d0 to
b58406c
Compare
rehype-mermaid runs after Shiki syntax highlighting, causing Mermaid code blocks to be treated as regular code instead of diagrams. remark-mermaidjs runs earlier in the pipeline (on markdown AST) before Shiki, properly converting diagrams to SVG.
- Center diagrams using flexbox on parent paragraph - Add light mode colors using gray-200 fills with gray-700 strokes - Add dark mode colors using gray-300 fills with gray-600 strokes - Text uses gray-1200 (light) and gray-1100 (dark) for readability - Diagrams now adapt to system color scheme preference
ubmit
force-pushed
the
gui/add-talks-section
branch
from
b58406c to
0cd0823
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Summary
/talkslist page & dynamic routingTalk.astrolayout (similar to BlogPost but w/ talk-specific metadata)Test plan
astro check)🤖 Generated with Claude Code