Commit Graph

16 Commits

Author SHA1 Message Date
omair 1d6caab713 Caption: absolute positioning on z-index:5, img absolute fill — definitive fix 2026-03-09 03:03:04 +08:00
omair 21b0f78cf2 DEBUG: red caption 2026-03-09 02:57:47 +08:00
omair 3cfc697d17 Use minmax(0,1fr) for story-photo sub-grid img row — definite height resolves % correctly 2026-03-09 02:56:37 +08:00
omair f3dc0eb7ab Remove height:100% from story-photo img (circular % in sub-grid) 2026-03-09 02:54:53 +08:00
omair 8ae59a0344 Revert story-block to 2-col grid, caption inside story-photo sub-grid 2026-03-09 02:52:32 +08:00
omair cafa1f7599 Explicit grid-column:1/2 on story-photo 2026-03-09 02:49:09 +08:00
omair aa53bf2a77 Fix caption: grid-row2 sibling of story-photo, remove wrong reverse overrides 2026-03-09 02:45:54 +08:00
omair a19149d94b Fix photo caption: flex-column story-photo, caption strip at bottom 2026-03-09 02:40:34 +08:00
omair fc24a9ac6f Fix story caption overlay (absolute inside position:relative, gradient bg), nav gap 24px 2026-03-09 02:36:40 +08:00
omair 3c0881993e Fix SVG pillar icons: add viewBox + explicit width/height, adjust nav tagline 2026-03-09 02:26:47 +08:00
omair 1779a9a755 Deep brand identity: SVG pillar icons (replace emoji), nav tagline lockup, photo captions, Aref Ruqaa font, community-voice class, nav CTA padding fix 2026-03-09 02:23:10 +08:00
omair b0e32a8a62 Fix: select dropdown chevron leaked to all form inputs — separate CSS rules 2026-03-09 01:52:54 +08:00
omair a9c9ba4113 Polish small components: team cards, support card alignment, gallery filters to CSS, budget sidebar, bullet list, select dropdown 2026-03-09 01:48:06 +08:00
omair 04ff75a853 UI/UX audit fixes: stronger hero overlays, text-shadow for contrast, fix broken nav on about/gallery, constrain story blocks, fix photo mosaic object-position, normalize footers 2026-03-09 01:15:20 +08:00
omair c476724f9a Visual overhaul — gallery photos integrated across all pages
Homepage:
- The Challenge: woman-carrying-water evidence photo beside text
- 4 pillar cards: thumbnail images (borehole, ponds, market, classroom)
- Water tank sunset photo break before How We Work

Approach:
- Full-bleed photo hero (pond construction workers)
- All 4 pillar sections: replaced generic photos with exact gallery matches
- Solar panel evidence photo beside battery incident transparency story

Projects:
- Full-bleed photo hero (fish ponds aerial)
- Photo mosaic: harvest, construction, catfish closeup
- Water well card: borehole photo, School card: classroom photo
- Drone overview photo break between sections

About:
- Full-bleed photo hero (community meeting)
- Hands-with-seedling evidence block for 'from the ground up'
- Fish ponds photo break between Team and Structure

Support:
- Full-bleed photo hero (hands with seedling — giving metaphor)
- All 3 campaign cards: contextual header images
- Water tank sunset photo break before transparency section

Gallery:
- Full-bleed photo hero (drone camp overview)

Global:
- New CSS: page-hero-visual, photo-break, evidence-block, support-card-img, pillar-card-thumb, photo-mosaic
- Fixed broken nav links (double about/ tags) across all pages
2026-03-09 00:44:29 +08:00
omair 563e4a5844 Initial: Taawunu.org — social impact studio website
5 pages (Home, Approach, Projects, About, Support)
11 field photos from Lolo Camp
Full brand identity implementation
Mobile-responsive, optimized images
2026-03-08 23:50:14 +08:00