Commit Graph

24 Commits

Author SHA1 Message Date
omair 1136d40bd9 DEBUG: in-flow red div before img 2026-03-09 03:07:45 +08:00
omair 3a7e22cfda Remove overflow:hidden from story-photo for absolute caption visibility 2026-03-09 03:05:31 +08:00
omair 1d6caab713 Caption: absolute positioning on z-index:5, img absolute fill — definitive fix 2026-03-09 03:03:04 +08:00
omair 53f6dc89ac DEBUG: inline red on caption 2026-03-09 03:00:24 +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 c3453463a0 Crop fish-harvest-community.jpg to remove excess sky, focus on people harvesting 2026-03-09 01:23:16 +08:00
omair 503d07fd1b Fix mosaic hero object-position to center bottom, adjust other mosaic images 2026-03-09 01:20:43 +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 9a1cd05471 Add AI documentary photo gallery — 13 Gemini-generated images
Gallery page with:
- 13 photorealistic documentary photos matching Lolo field photo DNA
- Pillar-based filtering (Water/Food/Livelihoods/Education)
- Lightbox with keyboard navigation
- Masonry-style grid layout
- All images optimized to JPG (~130KB each, 1.7MB total)

Images: fish ponds aerial, borehole water, fish harvest, solar panels,
classroom, market, sunset water tank, pond construction, woman carrying
water, community meeting, hands with seedling, catfish basin, camp overview
2026-03-09 00:34:40 +08:00
omair 5979def72f Fix: OG URLs to taawunu.com (primary domain) 2026-03-09 00:18:27 +08:00
omair ce8cbf220a Add deploy script 2026-03-08 23:54:11 +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