Sometimes you have to burn it all down to build something that actually works. That's exactly what we did with the LHG Records site.
The Problem with the Old Site
The previous site was a mess of conflicting deployment methods, broken integrations, and unnecessary complexity. We had Wrangler fighting with Cloudflare Pages, git conflicts everywhere, and a codebase that only a machine could understand.
Worst of all? The music was buried under layers of web development bullshit.
The Living Library Concept
The new site is built around one core idea: The Living Library. Every track is a book. Every album is a shelf. The entire catalog is a library that breathes, expands, and evolves.
The expandable player design puts tracks front and center. Click any track and it blooms into a full player interface. Click again and it collapses back into the library. No page loads, no jarring transitions—just smooth, intuitive interaction.
Design Philosophy
We stripped away everything that wasn't essential:
- No frameworks — Pure HTML, CSS, JavaScript
- No build steps — What you write is what runs
- No dependencies — Self-contained and maintainable
- One deployment method — Cloudflare Pages via GitHub
This isn't minimalism for minimalism's sake. This is about creating something that one person can understand, maintain, and extend without losing their mind.
The Technical Details
The site runs on modern web standards:
- CSS Grid & Flexbox for responsive layouts
- CSS Custom Properties for theming
- Web Audio API for precise playback control
- Canvas animations for the hero section
- Intersection Observer for scroll animations
Every animation is hardware-accelerated. Every interaction is responsive. Every byte serves a purpose.
What's Next
This isn't the end—it's the beginning. The Living Library will grow with the music. New features will be added thoughtfully, never recklessly. The focus will always remain on the same thing: the music.
Welcome to the new LHG Records. Welcome to the Living Library.