- Introduced multiple CSS files for styles, including reset, typography, shadows, and Radix color imports.
- Established CSS variables for spacing, typography, and shadows to ensure consistency across the application.
- Implemented styles for various HTML elements to enhance the overall design and readability.
This update lays the groundwork for a cohesive design system.
Introduce a new interface, IconProps, to standardize the properties
for SVG icon components. This interface includes optional size and
color properties, enhancing the flexibility and usability of icon
components across the application.
- Introduced an `icon` field in document metadata to categorize content.
- Updated `PageCard` component to render icons based on the new metadata.
- Added new icon components for `EssayPreview` and `MotionPreview`.
- Refactored existing components to utilize the new icon system.
- Implemented a new animation principle demonstrating follow-through and overlapping action.
- Created interactive components with drag-and-drop functionality.
- Added styles for the new components and integrated them into the existing principles.
feat(select): introduce custom select component
- Developed a reusable select component with various subcomponents for better modularity.
- Styled the select component to match the design system.
feat(staging): create staging component for visual storytelling
- Added a staging component that showcases images with text overlays.
- Implemented animations for image transitions and overlays.
feat(straight-ahead): add select options for animation techniques
- Created a selection interface for different animation techniques (Straight Ahead, Pose to Pose, Blending).
- Integrated the select component into the animation principles section.
- Added a search icon to the search field for better UX.
- Refactored the search input and list to use the new PageCard component for improved code organization and maintainability.
- Updated styles for the search component to enhance visual consistency.
- Introduced author data files for multiple authors including Anton Stallbörger, Jace Attard, Raphael Salaja, and Russell Dare.
- Implemented a schema for author validation using Zod to ensure data integrity.
- Added functions to read and validate author data from JSON files.
feat(content): implement page formatting utilities
- Created utilities for formatting page data, including author resolution and published date formatting.
- Added functions to format a full Page object and an array of Page objects for consistent display.
feat(tts): add text-to-speech functionality
- Developed ElevenLabs integration for synthesizing speech with timestamps.
- Implemented caching mechanisms for audio and timestamp data.
- Added error handling for article retrieval and ElevenLabs API responses.
feat(views): implement article view tracking
- Added functionality to track and increment view counts for articles using Vercel KV.
- Created utility functions for formatting view counts for display.
feat(hierarchy): add documentation on designing hierarchy
- Created a new document outlining principles of design hierarchy, including spacing, contrast, scale, and weight.
- Provided guidelines for designing flows and attention diagnostics.
Raphael S.