WWW Website v1.1.0 - Parallax Background & UI Enhancements
Major UI enhancement: Parallax starfield background across all pages with transparent sections and consistent semi-transparent content boxes.
WWW Website Version 1.1.0
Release Date: January 16, 2026 Type: Minor Release Status: Deployed to Testing Server
What’s New
Parallax Background Experience
- Immersive starfield background across all 9 pages (index, about, app, media, shop, faq, support, eula, privacy-policy)
- Fixed parallax scrolling - Background stays stationary while content scrolls
- Transparent UI elements - Header, footer, main, and sections now transparent to show stars through
- Semi-transparent content boxes - All content cards use consistent
rgba(0, 0, 0, 0.7)with glassmorphism blur effect
App Page Improvements
- Clickable QR code - QR code now links directly to https://try.thephenom.app
- Removed box-shadow from iPhone mockup image for cleaner aesthetic
- Removed redundant download button - Streamlined UX
Consistency & Polish
- Standardized opacity - All content boxes (.feature-item, .media-item, .faq-item, .contact-method) use consistent 70% opacity
- Backdrop blur - Added 10px blur to all content boxes for enhanced glassmorphism effect
- Text readability - Text shadows on transparent headers/footers for improved legibility
Technical Changes
CSS Architecture
/* Applied to all pages */
body {
background-image: url('assets/images/hero-background.png');
background-attachment: fixed; /* Parallax effect */
}
main, .section {
background: transparent !important; /* Show stars through */
}
.feature-item, .media-item, .faq-item {
background: rgba(0, 0, 0, 0.7); /* Consistent semi-transparency */
backdrop-filter: blur(10px);
}
Bug Fixes
- Fixed: index.html missing transparent main background:
main { background: transparent !important; }applied to all 9 pages consistently.
Testing
- ✅ Local Docker testing - All pages verified with parallax working
- ✅ NAS testing server - Deployed to https://phenom.matthewstevens.org/
- ✅ Visual regression testing - All 9 pages show starfield correctly
- ✅ Consistency check - All content boxes use standardized styling
- ✅ Cross-browser - Tested in Chrome (primary)
- ✅ Responsive design - Mobile/tablet/desktop layouts verified
Breaking Changes
None. This is a visual enhancement that maintains all existing functionality.
Upgrade Notes
No action required. This is a drop-in replacement with enhanced visuals.
Known Issues
None identified.
TDD Process Improvements
Following this release, the following TDD enhancements are recommended:
- Visual regression test suite for all pages
- CSS consistency checker for shared styles across pages
- Pre-deployment smoke tests validating all pages render correctly
- Automated screenshot comparison tests
- Mandatory checklist: When modifying CSS on N pages, verify ALL pages match the pattern
Contributors
- Claude Sonnet 4.5 (AI Assistant)
- Matthew Stevens (Project Lead)