Deep brand identity: SVG pillar icons (replace emoji), nav tagline lockup, photo captions, Aref Ruqaa font, community-voice class, nav CTA padding fix
This commit is contained in:
+5
-3
@@ -25,7 +25,7 @@
|
||||
<path d="M32 22 C32 22, 44 34, 44 40 C44 46.6 38.6 50 32 50 C25.4 50 20 46.6 20 40 C20 34 32 22 32 22Z" fill="#2D6A4F"/>
|
||||
<path d="M32 30 C32 30, 38 36, 38 40 C38 43.3 35.3 45 32 45 C28.7 45 26 43.3 26 40 C26 36 32 30 32 30Z" fill="#2578A1"/>
|
||||
</svg>
|
||||
<span class="wordmark">TAAWUNU</span>
|
||||
<div style="display:flex;flex-direction:column;"><span class="wordmark">TAAWUNU</span><span class="nav-tagline">From the ground up</span></div>
|
||||
</a>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="Menu">
|
||||
<span></span><span></span><span></span>
|
||||
@@ -152,6 +152,7 @@
|
||||
<section class="story-block fade-up">
|
||||
<div class="story-photo">
|
||||
<img src="/images/community-planting.jpg" alt="Community members and team planting at the Lolo Farm site, April 2024" loading="lazy">
|
||||
<div class="story-caption">Community members and project team planting at Lolo Farm, Adamawa Region, April 2024</div>
|
||||
</div>
|
||||
<div class="story-text">
|
||||
<div class="section-label">Flagship Project</div>
|
||||
@@ -165,13 +166,14 @@
|
||||
<section class="story-block reverse fade-up">
|
||||
<div class="story-photo">
|
||||
<img src="/images/children-quran-study.jpg" alt="Children studying Quran on wooden boards at Lolo Camp, February 2025" loading="lazy">
|
||||
<div class="story-caption">Children study Quran on wooden alluha boards, Lolo Camp, February 2025</div>
|
||||
</div>
|
||||
<div class="story-text">
|
||||
<div class="section-label">Why Education Comes Last</div>
|
||||
<h2>First the well. Then the farm. Then the school.</h2>
|
||||
<p>These children study Quran on wooden boards, sitting on the red earth beside the mosque. They have no desk, no textbook, no light after sunset. But they have a teacher. And this year — they'll have a school.</p>
|
||||
<p>Education is the final pillar because it must be <em>sustained</em>. A school funded by a campaign closes when the campaign ends. A school funded by a fish farm runs forever.</p>
|
||||
<div class="quote mt-3">
|
||||
<div class="quote community-voice mt-3">
|
||||
"We have started to stand on our own feet. We see a future for our children unfolding."
|
||||
<div class="quote-attr">— Community elder, Lolo Camp</div>
|
||||
</div>
|
||||
@@ -253,7 +255,7 @@
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<div class="footer-arabic">تَعَاوُنُوا</div>
|
||||
<div class="footer-wordmark">TAAWUNU</div>
|
||||
<div class="footer-wordmark">TAAWUNU</div><div class="footer-tagline">From the ground up</div>
|
||||
<p>A social impact studio designing permanent self-sufficiency for marginalized communities.</p>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user