- Introduced HTML_MARKER constant in consts.ts for website visualization tool diagnostics.
- Updated BaseLayout.astro to include the HTML_MARKER in the head section for improved site diagnostics.
- Created CLAUDE.md to provide guidance on development commands, high-level architecture, content structure, and component relationships.
- Added dev/optimization-guidelines.md outlining performance principles and best practices for high-performance web code, inspired by McMaster-Carr's website.
- Introduced a new blog post, 'Building Your Own Tools: From VFX Artist to Developer', discussing the transition to self-hosting and AI development.
- Included a new asset, claude-nuke.png, for use in the blog post.
- Removed unused Lucide CDN script from BaseHead component to reduce network costs.
- Enhanced CustomCursor component with requestAnimationFrame for smoother animations and respect for user motion preferences.
- Updated Hero section styles for faster fade-out transitions and improved responsiveness to user preferences.
- Optimized clock functionality in Hero section to reduce drift and improve performance.
- Streamlined mousemove event handling in Hero section for better performance and reduced resource usage.
- Lazy-loaded markdown renderer in contact page to keep initial JavaScript lighter.
- Added will-change property to global CSS for improved rendering performance.
- Changed site URL in configuration from 'https://example.com' to 'https://nicholai.work'.
- Updated site title and description for better SEO optimization.
- Removed outdated portrait images and replaced them with optimized formats in the hero section.
- Enhanced BaseHead component with structured data for improved search engine visibility.
- Added reading time calculation to blog posts for better user engagement.
- Removed animation classes from the BlogPost layout to enhance loading speed and user experience.
- Added eager loading for the hero image to prioritize its display.
- Streamlined the main content section by eliminating unnecessary animations.
- Introduced PostNavigation, ReadingProgress, RelatedPosts, and TableOfContents components to improve user navigation and engagement within blog posts.
- Updated BlogPost layout to incorporate new components, providing a cohesive reading experience with navigation links to previous and next posts, a reading progress bar, and related articles.
- Enhanced global CSS styles for better typography and layout consistency across blog components.
- Introduced new BlogCard and BlogFilters components for improved blog post presentation and filtering capabilities.
- Updated content configuration to include fields for featured posts, categories, and tags.
- Enhanced the blog index page to display a featured post and editor's picks, along with a filterable grid for latest posts.
- Added a new blog entry on the G-Star Raw Olympics campaign with associated metadata for better categorization and tagging.
- Updated social links on the contact page to include active URLs for Instagram and Gitea.
- Revised the experience section to reflect current roles and responsibilities, enhancing clarity and detail in descriptions.
- Improved project details in the featured project section, including updated client information and project descriptions.
- Refined the hero section bio for better representation of client collaborations and expertise.
- Adjusted skills section descriptions to better reflect technical proficiencies and tools used.
- Introduced a comprehensive guide on building a production-ready VFX pipeline using open-source tools, detailing cost breakdowns and workflows.
- Added new sections for experience, featured projects, skills, and contact information, enhancing the overall site structure and user navigation.
- Updated components to utilize dynamic content from new markdown files, improving maintainability and scalability of the site.
- Enhanced the contact page with structured data for better user interaction and accessibility.
- Updated the response modal layout for better visibility and user experience, including a full-screen overlay and refined content container.
- Enhanced the success message display with new animations and decorative elements.
- Improved CSS styles for better readability and aesthetics, including adjustments to headings, paragraphs, and links.
- Added functionality to close the modal when clicking outside of it for improved usability.
- Added `marked` library to `package.json` for improved markdown parsing capabilities.
- Updated contact form with new ID attributes for better accessibility and JavaScript handling.
- Implemented a loading modal and toast notification system for user feedback during form submission.
- Enhanced form submission logic to handle responses and errors more effectively, including markdown rendering for server responses.
- Changed image service in `astro.config.mjs` from "cloudflare" to "compile".
- Adjusted GridOverlay component to remove unnecessary height styling.
- Refined Navigation component with a mobile menu toggle and improved accessibility features.
- Updated FeaturedProject and Hero sections to use `min-h-[100dvh]` for better responsiveness.
- Modified global CSS to disable smooth scroll on mobile for performance and added a mobile viewport height fix.
- Integrated `@tailwindcss/typography` plugin into the project for improved text styling.
- Updated global CSS to include custom prose styles for better readability in blog posts.
- Revamped blog post layout with enhanced navigation and visual elements for a more engaging user experience.
- Modified contact section to streamline communication options.
- Changed site title and description to reflect personal branding as a VFX Artist & Technical Generalist.
- Added social links for contact and networking.
- Revamped footer layout for improved aesthetics and functionality.
- Reorganized blog and homepage layouts to enhance user experience and visual appeal.
- Updated global styles to incorporate Tailwind CSS for a modern design approach.
- Introduced a comprehensive design system in `dev/design.json` featuring color palettes, typography, spacing, and component guidelines.
- Created a new homepage layout in `dev/index.html` utilizing Tailwind CSS for styling, including a custom cursor and grid overlay for visual structure.
- Implemented responsive design patterns and interactive elements for enhanced user experience.
- Included Tailwind CSS as a Vite plugin.
- Updated package.json to include dependencies for React, React DOM, and Tailwind CSS.
- Adjusted TypeScript configuration to support JSX with React.
