Track the evolution of Dark Matter's design system, components, and features. Every commit, every breakthrough, documented.
Upgraded investment memo rendering to use the full markdown pipeline with Shiki syntax highlighting, Mermaid diagrams, citation support, and a server-side image proxy for private GitHub assets.
Shiki syntax highlighting with tokyo-night theme, Mermaid.js diagram rendering, and CSS hero glow effects library. Code blocks now feature compact headers with copy buttons and stay dark in all visual modes.
Added Mermaid.js diagram rendering to markdown content with matter-theme styling, using a custom rehype plugin to preserve mermaid blocks from Shiki processing.
Added Shiki syntax highlighting to changelog code blocks with tokyo-night theme, plus a reusable CodeblockWrapper component that enhances rendered code with a compact header and copy button.
New CSS-based hero glow effects library with six distinct animation styles, plus design system page reorganization separating Three.js flare components from pure CSS glow effects.
Modular slide deck architecture with 33 reusable components, popover citations, double-click navigation, and production-ready strategy and thesis narrative pages.
Complete Open Graph and SEO infrastructure with dynamic image generation, JSON-LD structured data, collection defaults, and messaging-first optimization.
Extracted 33 individual slide section components from strategy and thesis narratives, created PageAsDeckWrapper layout with double-click navigation, ported citation system with popovers, and promoted reassembled pages to production index.
Renamed DNA-Figure8 to EventHorizon--Spectra, refactored HumanBody--BackView into a focused Glowing Orb, and created a new configurable Orb with Neck component supporting multiple orientations and neck configurations.
Production-ready release featuring NocoDB integration for Content and Authentication, & Authentication System. Major Refactors of content architecture.
Major refactor separating Thesis (market opportunity) from Strategy (fund intentions), overhauling the Header navigation with brand-colored Explore dropdown, and extracting reusable UI components.
Extracted changelog page variants into reusable layouts with client-side view toggling. Created Button--Default component, ChangelogViewToggler, and three PageHeader variants for the design system.
Implemented session duration tracking using a heartbeat pattern - zero external dependencies, ~100 lines of vanilla JS, tracks exactly how long users view confidential content.
Enhanced header with Explore jumbotron dropdown, animated nav underlines, and improved mobile menu hierarchy.
Simplified email capture flow that grants immediate access to confidential content while logging sessions to NocoDB.
Added email-based authentication as an alternative to passcode, with domain allowlisting and NocoDB session tracking.
Public portfolio page refactored to fetch companies from NocoDB with multi-mode logo switching and transparent SVG color treatment.
Full-featured NocoDB API client with typed records, pagination, caching, and portfolio-specific transformations.
State-of-the-art changelog UI with timeline, card grid, and GitHub releases variants plus structured frontmatter schema.
DealCard--Micro and DealCard--Micro--Confidential components for public and authenticated pipeline views.
Extracted TeamMemberCard and TeamMemberCard--Wide components with comprehensive design system documentation.
Five rich narrative section components with citations, animations, multi-theme support, and CMS-ready YAML schema.
Production-ready release featuring confidential deal pipeline management, investment memo delivery with automatic version discovery, and multi-tier authentication.
Automatic latest version discovery for investment memos from private GitHub repo with 10-minute TTL caching.
First team page version with data-driven TeamMember model, role-based spans, and inline SVG social icons.
Key breakthrough: discovered :global() wrapper needed for data-mode selectors in Astro's scoped CSS.
Major creative sprint with 7 hero variants and signature WebGL particle Orb component.
Initial theming pass with BaseThemeLayout, branded header/footer, and three-mode toggle (light/dark/vibrant).
Upgraded investment memo rendering to use the full markdown pipeline with Shiki syntax highlighting, Mermaid diagrams, citation support, and a server-side image proxy for private GitHub assets.
Shiki syntax highlighting with tokyo-night theme, Mermaid.js diagram rendering, and CSS hero glow effects library. Code blocks now feature compact headers with copy buttons and stay dark in all visual modes.
Added Mermaid.js diagram rendering to markdown content with matter-theme styling, using a custom rehype plugin to preserve mermaid blocks from Shiki processing.
Added Shiki syntax highlighting to changelog code blocks with tokyo-night theme, plus a reusable CodeblockWrapper component that enhances rendered code with a compact header and copy button.
New CSS-based hero glow effects library with six distinct animation styles, plus design system page reorganization separating Three.js flare components from pure CSS glow effects.
Modular slide deck architecture with 33 reusable components, popover citations, double-click navigation, and production-ready strategy and thesis narrative pages.
Complete Open Graph and SEO infrastructure with dynamic image generation, JSON-LD structured data, collection defaults, and messaging-first optimization.
Extracted 33 individual slide section components from strategy and thesis narratives, created PageAsDeckWrapper layout with double-click navigation, ported citation system with popovers, and promoted reassembled pages to production index.
Renamed DNA-Figure8 to EventHorizon--Spectra, refactored HumanBody--BackView into a focused Glowing Orb, and created a new configurable Orb with Neck component supporting multiple orientations and neck configurations.
Production-ready release featuring NocoDB integration for Content and Authentication, & Authentication System. Major Refactors of content architecture.
Major refactor separating Thesis (market opportunity) from Strategy (fund intentions), overhauling the Header navigation with brand-colored Explore dropdown, and extracting reusable UI components.
Extracted changelog page variants into reusable layouts with client-side view toggling. Created Button--Default component, ChangelogViewToggler, and three PageHeader variants for the design system.
Implemented session duration tracking using a heartbeat pattern - zero external dependencies, ~100 lines of vanilla JS, tracks exactly how long users view confidential content.
Enhanced header with Explore jumbotron dropdown, animated nav underlines, and improved mobile menu hierarchy.
Simplified email capture flow that grants immediate access to confidential content while logging sessions to NocoDB.
Added email-based authentication as an alternative to passcode, with domain allowlisting and NocoDB session tracking.
Public portfolio page refactored to fetch companies from NocoDB with multi-mode logo switching and transparent SVG color treatment.
Full-featured NocoDB API client with typed records, pagination, caching, and portfolio-specific transformations.
State-of-the-art changelog UI with timeline, card grid, and GitHub releases variants plus structured frontmatter schema.
DealCard--Micro and DealCard--Micro--Confidential components for public and authenticated pipeline views.
Extracted TeamMemberCard and TeamMemberCard--Wide components with comprehensive design system documentation.
Five rich narrative section components with citations, animations, multi-theme support, and CMS-ready YAML schema.
Production-ready release featuring confidential deal pipeline management, investment memo delivery with automatic version discovery, and multi-tier authentication.
Automatic latest version discovery for investment memos from private GitHub repo with 10-minute TTL caching.
First team page version with data-driven TeamMember model, role-based spans, and inline SVG social icons.
Key breakthrough: discovered :global() wrapper needed for data-mode selectors in Astro's scoped CSS.
Major creative sprint with 7 hero variants and signature WebGL particle Orb component.
Initial theming pass with BaseThemeLayout, branded header/footer, and three-mode toggle (light/dark/vibrant).
Shiki syntax highlighting with tokyo-night theme, Mermaid.js diagram rendering, and CSS hero glow effects library. Code blocks now feature compact headers with copy buttons and stay dark in all visual modes.
Release Date: December 31, 2025 Version: 0.2.4 Status: Production-Ready
v0.2.3 introduced the Reveal.js slide deck system. v0.2.4 focuses on content enhancement—transforming how code and diagrams are displayed across the site with Shiki syntax highlighting and Mermaid.js diagram support.
| Category | v0.2.3 | v0.2.4 |
|---|---|---|
| Code Blocks | No syntax highlighting |
Modular slide deck architecture with 33 reusable components, popover citations, double-click navigation, and production-ready strategy and thesis narrative pages.
Release Date: December 27, 2025 Version: 0.2.1 Status: Production-Ready
v0.2.0 introduced NocoDB integration and separated the Thesis and Strategy narrative pages. v0.2.1 transforms those narratives into a fully modular, presentation-ready slide deck system.
| Category | v0.2.0 | v0.2.1 |
|---|---|---|
| Strategy Page | Monolithic single file | 17 modular slide componen |
Production-ready release featuring NocoDB integration for Content and Authentication, & Authentication System. Major Refactors of content architecture.
NocoDB is an open-source Airtable alternative that provides a spreadsheet-like interface for managing relational data. We use a cloud-hosted NocoDB instance as the single source of truth for portfolio company data, investor access control, and session tracking.
Production-ready release featuring confidential deal pipeline management, investment memo delivery with automatic version discovery, and multi-tier authentication.