alwisp

jason/alwisp

Fork 0

Commit Graph

Author	SHA1	Message	Date
Claude	04bf20c14e	Fix hero card sizing and heading overflow clipping Previous card attempt used padding: 3rem 3.5rem which overrode the container's padding-inline and shrank the text area from 652px to 568px, making the heading clip worse and the card look too narrow to read. Two fixes: - max-width: 780px + padding: 3rem 2.5rem gives 730px text area, comfortably containing the heading at any viewport size - heading clamp changed from (2.4rem, 6vw, 4rem) to (2.2rem, 4.5vw, 3.25rem) so the max rendered size stays well within the card width https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd	2026-03-01 02:43:48 +00:00
Claude	c4193eea59	Fix hero text contrast with dark glass card and gradient text color The hero gradient (navy→blue→teal) used the same colors as the gradient text (teal→blue), making the heading dissolve into the background. Two fixes: - hero__content now has a dark semi-transparent card (rgba 72% opacity) with blur backdrop, keeping the animated gradient background visible around it while text sits on a dark, readable surface - --grad-text changed from teal→blue to orange→teal so the gradient heading contrasts against the card and visually pops https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd	2026-03-01 02:29:58 +00:00
Claude	3e26125afa	Add Dockerized LAMP stack and website skeleton for ALWISP - Docker Compose orchestrating PHP 8.2/Apache web container and MySQL 8.0 - Dockerfile with GD, PDO, MySQLi extensions and security hardening - Apache vhost with mod_rewrite, deflate, expires, and security headers - PHP config with OPcache enabled and display_errors off - MySQL init schema (contacts, coverage_zones tables) - Front-controller PHP router (index.php → pages/) - Responsive homepage: hero, stats bar, services cards, why section, coverage CTA - Stub pages: services, coverage, about, contact (with working form skeleton), 404 - CSS design system using brand palette from logo (navy #0d1b3e → teal #00bcd4 + orange #f57c00 accents) - JS: nav scroll/mobile toggle, IntersectionObserver counter animation, scroll reveal https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd	2026-02-28 21:39:21 +00:00

Author

SHA1

Message

Date

Claude

04bf20c14e

Fix hero card sizing and heading overflow clipping

Previous card attempt used padding: 3rem 3.5rem which overrode the
container's padding-inline and shrank the text area from 652px to 568px,
making the heading clip worse and the card look too narrow to read.

Two fixes:
- max-width: 780px + padding: 3rem 2.5rem gives 730px text area,
  comfortably containing the heading at any viewport size
- heading clamp changed from (2.4rem, 6vw, 4rem) to (2.2rem, 4.5vw, 3.25rem)
  so the max rendered size stays well within the card width

https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd

2026-03-01 02:43:48 +00:00

Claude

c4193eea59

Fix hero text contrast with dark glass card and gradient text color

The hero gradient (navy→blue→teal) used the same colors as the gradient
text (teal→blue), making the heading dissolve into the background.

Two fixes:
- hero__content now has a dark semi-transparent card (rgba 72% opacity)
  with blur backdrop, keeping the animated gradient background visible
  around it while text sits on a dark, readable surface
- --grad-text changed from teal→blue to orange→teal so the gradient
  heading contrasts against the card and visually pops

https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd

2026-03-01 02:29:58 +00:00

Claude

3e26125afa

Add Dockerized LAMP stack and website skeleton for ALWISP

- Docker Compose orchestrating PHP 8.2/Apache web container and MySQL 8.0
- Dockerfile with GD, PDO, MySQLi extensions and security hardening
- Apache vhost with mod_rewrite, deflate, expires, and security headers
- PHP config with OPcache enabled and display_errors off
- MySQL init schema (contacts, coverage_zones tables)
- Front-controller PHP router (index.php → pages/)
- Responsive homepage: hero, stats bar, services cards, why section, coverage CTA
- Stub pages: services, coverage, about, contact (with working form skeleton), 404
- CSS design system using brand palette from logo (navy #0d1b3e → teal #00bcd4 + orange #f57c00 accents)
- JS: nav scroll/mobile toggle, IntersectionObserver counter animation, scroll reveal

https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd

2026-02-28 21:39:21 +00:00

3 Commits