- Introduced new design tokens and color variables in globals.css to align with the United Tattoo 2026 design system.
- Updated tailwind.config.ts to include new brand colors, background images, and box shadows for improved UI aesthetics.
- Replaced existing hero section with a new design featuring enhanced parallax effects and glassmorphism styles.
- Added multiple new images and icons to support the updated design, including navigation and hero section assets.
- Implemented a new layout structure in page.tsx, integrating new sections for immersion and identity, enhancing user engagement.
This commit significantly improves the overall design and user experience, establishing a cohesive visual identity for the application.
- Added essential configuration files including components.json, package.json, and tsconfig.json to establish the component library structure.
- Introduced global styles in globals.css and layout structure in layout.tsx for consistent design application.
- Implemented various UI components such as Accordion, AlertDialog, Button, Card, and more, enhancing the component library for future development.
- Included utility functions and hooks to support component functionality and responsiveness.
This commit sets up the groundwork for a comprehensive UI component library, facilitating a modular and scalable design system.
- Introduced multiple new components including AnimatedLink, Button, Calendar, Card, ColorSwatch, Divider, Filmstrip, FormContainer, FormField, GalleryCard, Heading, HeroOverlay, IdentitySection, ImmersionSection, NewArtistsSection, NewContactSection, NewHero, NewNavigation, Reveal, SectionLabel, StickySplit, and Toast.
- Each component is designed with responsive layouts and customizable styles to improve the overall UI consistency and interactivity.
- Implemented accessibility features and animations to enhance user engagement.
This commit significantly expands the component library, providing a robust foundation for building a cohesive user interface.
- Included Playwright version 1.56.1 and its testing library in package.json and package-lock.json to enhance testing capabilities.
- Updated dependency management files to reflect the addition of Playwright, ensuring a robust testing framework.
This commit integrates Playwright, improving the testing infrastructure for the project.
- Updated the design overhaul document to include preservation of existing animations, parallax effects, and smooth scrolling.
- Emphasized the need for UI polishing in accordance with the design.json specifications.
- Refined navigation design to focus on minimalism and aesthetics.
This commit further clarifies the objectives for the design overhaul, ensuring a cohesive and visually appealing user experience.
- Included lenis version 1.3.15 in package.json and package-lock.json to enhance scrolling experience.
- Updated dependency management files to reflect the addition of the new library.
This commit integrates the lenis library, improving user interface interactions with smooth scrolling functionality.
- Added a new document outlining the tasks and resources for the website's design overhaul, including style modifications, component refactoring, and updated color palettes.
- Included detailed guidelines for the development workflow, emphasizing the use of tools and thorough code evaluation.
- Documented the technology stack and libraries to be utilized in the migration process, ensuring alignment with the new design system.
- Provided a phased migration strategy to facilitate a smooth transition to the new design language.
This commit establishes a clear framework for implementing the new design system, enhancing both developer experience and user interface consistency.
- Renamed the title to "Design Language Reference" for clarity.
- Enhanced the CSS variables for color palette, typography, and layout, introducing new design tokens.
- Improved accessibility features with focus states and hover effects.
- Added new sections for motion principles and interaction demos.
- Included multiple new screenshots to showcase design updates.
This commit refines the design system, ensuring a cohesive and accessible user experience.
- Added design.json file containing the design system's version, last updated date, philosophy, principles, color palette, typography, spacing, layout, and component specifications.
- Established a cohesive visual language and interaction principles to enhance user experience.
- Included detailed accessibility guidelines and implementation notes for future development.
This commit lays the foundation for a unified design approach across the platform.
- Remove PORTFOLIO and BOOK buttons, cards now fully clickable
- Add top-to-bottom wipe animation with curved SVG path boundary
- Portfolio images cycle on each hover and come from database
- Integrate useActiveArtists hook to fetch portfolio from D1
- Merge database portfolio images with static artist metadata
- Remove experience pill from cards for cleaner design
- Add framer-motion for smooth animations (0.5s easeInOut)
- Graceful fallback to static data during loading/errors
- Keep profile photos from static data for now
-claude
- Add Deziree Stanford as apprentice artist (deztheory24@gmail.com)
- Add Kaori Cedre as full-time artist with 5+ years experience
- Remove profile photos for Angel Andrade, Heather Santistevan, and Pako Martinez (set to placeholder)
- Update Amari Kyss profile info (specialty, bio, experience)
- Added both new artists to all D1 database environments (local, preview, production)
-claude
Replaced NextAuth's built-in OAuth provider (incompatible with Cloudflare
Workers) with custom OAuth implementation using native fetch API.
Features:
- Custom OAuth flow compatible with Cloudflare Workers edge runtime
- Auto-provisions users from Nextcloud based on group membership
- Group-based role assignment (artists, shop_admins, admins)
- Auto-creates artist profiles for users in 'artists' group
- Seamless integration with existing NextAuth session management
Technical changes:
- Added custom OAuth routes: /api/auth/nextcloud/authorize & callback
- Created Nextcloud API client for user provisioning (lib/nextcloud-client.ts)
- Extended credentials provider to accept Nextcloud one-time tokens
- Added user management functions to database layer
- Updated signin UI to use custom OAuth flow
- Added environment variables for OAuth configuration
Documentation:
- Comprehensive setup guide in docs/NEXTCLOUD-OAUTH-SETUP.md
- Updated CLAUDE.md with new authentication architecture
Fixes: NextAuth OAuth incompatibility with Cloudflare Workers (unenv https.request error)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Set explicit 60px height on construction banner
- Use proper flexbox centering in banner container
- Apply top: 60px to navigation when banner is present
- Add smooth transition for banner show/hide
- Remove CSS that moved navigation position (was causing alignment issues)
- Add body padding instead to make room for banner
- Navigation now stays at top:0 with proper internal alignment maintained
- Add specific CSS rules to maintain proper vertical alignment
- Ensure navigation items stay centered when banner pushes nav down
- Fix visual offset issue between logo and navigation items
- Add ConstructionBanner component with warning icon and phone number
- Integrate banner into ClientLayout above all content
- Add CSS to automatically adjust navigation position when banner is visible
- Banner is dismissible with localStorage persistence
- Phone number: (719) 698-9004 for bookings
- Yellow/amber theme matching dark design
