docs: Add /release-docs command, changelog page, and build instructions

- Add /release-docs command for regenerating documentation site
- Add commands/README.md with usage instructions for all commands
- Add changelog.html page rendering CHANGELOG.md in HTML format
- Add changelog CSS styles to docs.css
- Update navigation in all docs pages to include changelog link
- Fix command count from 16 to 13 in navigation
- Update CLAUDE.md with:
  - Documentation Site section explaining structure
  - /release-docs command in update checklist
  - Instructions for keeping docs up-to-date

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude
2025-11-26 16:39:54 +00:00
parent 53ba12f0ca
commit 92d0e23768
10 changed files with 1074 additions and 8 deletions

View File

@@ -511,3 +511,165 @@
z-index: -1;
}
}
/* ============================================
Changelog Styles
============================================ */
.version-section {
margin-bottom: var(--space-xxl);
padding-bottom: var(--space-xl);
border-bottom: 1px solid var(--color-border);
}
.version-section:last-child {
border-bottom: none;
}
.version-header {
display: flex;
align-items: center;
gap: var(--space-m);
margin-bottom: var(--space-l);
flex-wrap: wrap;
}
.version-header h2 {
margin: 0;
padding: 0;
border: none;
font-size: var(--font-size-xl);
color: var(--color-text-primary);
}
.version-date {
font-size: var(--font-size-s);
color: var(--color-text-tertiary);
background-color: var(--color-surface);
padding: var(--space-xs) var(--space-m);
border-radius: var(--radius-s);
}
.version-badge {
font-size: var(--font-size-xs);
font-weight: 600;
padding: var(--space-xs) var(--space-m);
border-radius: var(--radius-s);
background-color: var(--color-accent);
color: white;
}
.version-badge.major {
background-color: var(--color-warning);
}
.version-description {
font-size: var(--font-size-m);
color: var(--color-text-secondary);
margin-bottom: var(--space-l);
font-style: italic;
}
.changelog-category {
margin-bottom: var(--space-l);
padding: var(--space-l);
background-color: var(--color-surface);
border-radius: var(--radius-m);
border-left: 4px solid var(--color-border);
}
.changelog-category h3 {
margin: 0 0 var(--space-m) 0;
font-size: var(--font-size-m);
display: flex;
align-items: center;
gap: var(--space-s);
}
.changelog-category h3 i {
font-size: var(--font-size-s);
}
.changelog-category h4 {
margin: var(--space-l) 0 var(--space-s) 0;
font-size: var(--font-size-s);
color: var(--color-text-secondary);
}
.changelog-category ul {
margin: 0;
padding-left: var(--space-xl);
}
.changelog-category li {
margin-bottom: var(--space-s);
}
.changelog-category.added {
border-left-color: var(--color-success);
}
.changelog-category.added h3 {
color: var(--color-success);
}
.changelog-category.improved {
border-left-color: var(--color-accent);
}
.changelog-category.improved h3 {
color: var(--color-accent);
}
.changelog-category.changed {
border-left-color: var(--color-warning);
}
.changelog-category.changed h3 {
color: var(--color-warning);
}
.changelog-category.fixed {
border-left-color: var(--color-error);
}
.changelog-category.fixed h3 {
color: var(--color-error);
}
.version-summary {
margin-top: var(--space-l);
}
.version-summary h4 {
margin-bottom: var(--space-m);
}
.version-summary table {
width: 100%;
max-width: 400px;
border-collapse: collapse;
font-size: var(--font-size-s);
}
.version-summary th,
.version-summary td {
padding: var(--space-s) var(--space-m);
text-align: left;
border-bottom: 1px solid var(--color-border);
}
.version-summary th {
font-weight: 600;
background-color: var(--color-surface);
}
.version-summary .positive {
color: var(--color-success);
font-weight: 600;
}
.version-summary .negative {
color: var(--color-error);
font-weight: 600;
}