public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

feat: add module pill indicator and cross-module navigation

Browse Source 
- Add module title pill above lesson title showing current category
- Enable next/prev buttons to cross module boundaries
- Automatically advance to next module when completing last lesson
- Go to last lesson of previous module when navigating back

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Michael Czechowski
2025-12-25 15:25:39 +01:00
parent d799ced207
commit 2f48917f3a
5 changed files with 83 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main.css
View File

@@ -208,6 +208,19 @@ code, kbd {
border-bottom: 1px solid var(--border-color);
}
.module-pill {
display: inline-block;
background: var(--primary-bg-medium);
color: var(--primary-color);
padding: 2px 10px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 600;
margin-bottom: var(--spacing-xs);
text-transform: uppercase;
letter-spacing: 0.5px;
}
#lesson-title {
font-size: 1.25rem;
color: var(--primary-dark);