Hunters Ridge Website
- 3 Devlogs
- 3 Total hours
My neighborhoods website
My neighborhoods website
Picked this back up after a few weeks away. The bones were already there — the homepage, the payment modal, the photo carousel — but a few things were bugging me and one thing was just flat broken.The mobile menu was completely dead. Tapping the hamburger did nothing. Turned out there was a JavaScript crash happening before the menu button ever got its event listener. The carousel code was trying to update a .carousel-count element that doesn’t exist in the HTML, which threw a null reference error and silently killed the rest of the script. Embarrassing, but easy to fix once you find it.While I was in there I rethought the menu itself. It was opening as a dropdown that floated over the hero text — looked messy and felt cheap on mobile. Replaced it with a proper side drawer that slides in from the right, with a blurred backdrop behind it. The hamburger icon also animates into an × when it’s open. Much cleaner.The images were way too big. The six home photos in the carousel were raw PNGs — 1.6 to 4.7 MB each, nearly 20 MB total. On a phone with a decent connection that’s a noticeable wait. Converted them all to JPEG at 78% quality, capped at 1400px wide. Total came out to about 2.6 MB — roughly 87% lighter. Quality looks identical at carousel size.Also added a neighborhood store section. A dark card with the community crest, a tagline, and a link to the Printify store. Lives between the “About” section and the contact footer. Kept the same design language as the rest of the site.Wrote a README too, which the repo embarrassingly didn’t have.
Working on a website for my neighborhood. lmk how it looks!