photo website
- Performance & Asset Optimization: - Optimized Hero scroll images by using thumbnail assets instead of full-size images, reducing page weight and load times. - Prioritized using thumbnail properties in hero image array generation. - Set loading to 'eager' for hero scroll elements to prevent initial load flicker and layout shifting. - Removed timestamp cache-busting from settings.json fetch to leverage standard browser caching. - UI & Layout Redesign: - Transformed the photo gallery grid from standard square CSS Grid to a multi-column masonry waterfall layout. - Redesigned the footer with a clean, structured multi-column layout containing branding, responsive navigation links, and contact information. - Cleaned up service cards by removing nested feature list details for a more modern, streamlined aesthetic. - Updated Wedding and Event card placeholder images to localized portfolio thumbnails. - UX & Interactive Features: - Added touch swipe support (touchstart/touchend) in the Lightbox viewer for seamless mobile browsing. - Added dynamic active page navigation state highlighting in the header navigation menu. - Added automatic current copyright year rendering in the footer via JavaScript. - Reset project selection dropdown in the contact form on successful submissions. - CSS Code Quality: - Unified button styles by refactoring and sharing primary/secondary/ghost styling bases across pricing buttons, service buttons, and CTAs. - Adjusted background scroll column image brightness and hover transition filters. - Added media query rules to stack the new footer elements and adjust masonry column counts on mobile devices. - Added common build/OS patterns to `.gitignore`. |
||
|---|---|---|
| backup | ||
| images | ||
| js | ||
| photos | ||
| .gitignore | ||
| categories.json | ||
| gallery.json | ||
| gallery_setup.md | ||
| generate_gallery.py | ||
| index.html | ||
| project-specific_guidelines.md | ||
| requirements.txt | ||
| robots.txt | ||
| server.py | ||
| settings.json | ||
| sitemap.xml | ||
| styles.css | ||