Skip to content

Conversation

@itsnony
Copy link

@itsnony itsnony commented Jan 9, 2026

This PR introduces a complete visual overhaul inspired by a "Liquid Glass" aesthetic and resolves critical initialization crashes.

🎨 Visual & UI Changes

Liquid Glass Theme: Added a deep, animated mesh gradient background with ambient floating orbs (liquid-bg).
Soft Glassmorphism: Updated mac-window and mac-card components to be highly translucent (bg-white/5), heavily blurred, and significantly rounder (rounded-[2.5rem]) for a more organic feel.
Typography: Standardized on Inter and Outfit fonts.
Console Art: Added a rainbow gradient "404" ASCII art that prints to the console on initialization.

⚡️ Stability & Logic

Fixed Initialization Crash: Removed the createParticles() function and legacy preloader logic that were attempting to access non-existent DOM elements, which previously caused the entire app to fail on load.

Inlined Data:

Hardcoded links.json data directly into script.js to eliminate fetch() dependencies, resolving CORS issues and "Failed to fetch" errors.

  • Robust Null Checks: Added strict existence checks for UI elements (like the "Copy URL" button) before attaching event listeners to prevent runtime TypeErrors.

🔧 Technical Details

Reverted to Tailwind CDN to ensure reliable styling execution without complex local build requirements.
Mapped custom zinc colors in Tailwind config to new translucent system colors to force the glass aesthetic across all dynamically generated components.

Migrated the profile page to use Tailwind CSS with a custom config for a macOS-inspired aesthetic. Refactored HTML structure for a modern, responsive layout, replaced FontAwesome with Phosphor icons, and improved accessibility and styling. Updated script.js for new DOM structure, enhanced Spotify integration, and removed legacy UI elements. Added package.json and tailwind.config.js for local Tailwind builds.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant