quikcue/taawunu-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish small components: team cards, support card alignment, gallery filters to CSS, budget sidebar, bullet list, select dropdown

Browse Source
This commit is contained in:
Omair Saleh
2026-03-09 01:48:06 +08:00
parent c3453463a0
commit a9c9ba4113
5 changed files with 219 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/projects/index.html
+32 -20
View File
@@ -107,26 +107,38 @@
<!-- Budget -->
<h3 class="fade-up mt-5 mb-2">Budget Transparency</h3>
<p class="fade-up" style="font-size:14px; color:#888;">Full budget breakdown. Updated after each phase.</p>
<table class="budget-table fade-up" style="max-width:640px;">
<thead>
<tr><th>Item</th><th style="text-align:right;">Amount</th></tr>
</thead>
<tbody>
<tr><td>Land acquisition & preparation</td><td>£4,200</td></tr>
<tr><td>Pond construction (10 ponds)</td><td>£8,500</td></tr>
<tr><td>Hatchery construction</td><td>£3,800</td></tr>
<tr><td>Borehole & water infrastructure</td><td>£6,200</td></tr>
<tr><td>Solar power system</td><td>£4,800</td></tr>
<tr><td>Broodstock & fingerlings</td><td>£3,200</td></tr>
<tr><td>Feed (Year 1)</td><td>£5,500</td></tr>
<tr><td>Equipment & tools</td><td>£2,400</td></tr>
<tr><td>Training & capacity building</td><td>£1,800</td></tr>
<tr><td>Project management & M&E</td><td>£2,606</td></tr>
</tbody>
<tfoot>
<tr><td><strong>Total</strong></td><td><strong>£43,006</strong></td></tr>
</tfoot>
</table>
<div class="fade-up" style="display:grid; grid-template-columns:3fr 2fr; gap:40px; align-items:start;">
<table class="budget-table">
<thead>
<tr><th>Item</th><th style="text-align:right;">Amount</th></tr>
</thead>
<tbody>
<tr><td>Land acquisition & preparation</td><td>£4,200</td></tr>
<tr><td>Pond construction (10 ponds)</td><td>£8,500</td></tr>
<tr><td>Hatchery construction</td><td>£3,800</td></tr>
<tr><td>Borehole & water infrastructure</td><td>£6,200</td></tr>
<tr><td>Solar power system</td><td>£4,800</td></tr>
<tr><td>Broodstock & fingerlings</td><td>£3,200</td></tr>
<tr><td>Feed (Year 1)</td><td>£5,500</td></tr>
<tr><td>Equipment & tools</td><td>£2,400</td></tr>
<tr><td>Training & capacity building</td><td>£1,800</td></tr>
<tr><td>Project management & M&E</td><td>£2,606</td></tr>
</tbody>
<tfoot>
<tr><td><strong>Total</strong></td><td><strong>£43,006</strong></td></tr>
</tfoot>
</table>
<div style="background:var(--light-cream); border-radius:4px; padding:28px; border-left:3px solid var(--gold);">
<div style="font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); margin-bottom:16px;">Revenue Projection</div>
<div style="font-family:var(--font-mono); font-size:28px; color:var(--earth); line-height:1; margin-bottom:4px;">£92,000</div>
<div style="font-size:13px; color:var(--muted); margin-bottom:20px;">annual revenue from fish sales</div>
<div style="font-family:var(--font-mono); font-size:28px; color:var(--green); line-height:1; margin-bottom:4px;">167%</div>
<div style="font-size:13px; color:var(--muted); margin-bottom:20px;">3-year ROI</div>
<div style="font-family:var(--font-mono); font-size:28px; color:var(--gold); line-height:1; margin-bottom:4px;">6%</div>
<div style="font-size:13px; color:var(--muted); margin-bottom:20px;">management fee</div>
<div style="font-size:12px; color:var(--muted); padding-top:16px; border-top:1px solid rgba(156,148,136,0.2); line-height:1.5;">Every pound is tracked. Management fees are openly listed. This isn't overhead — it's how the system stays accountable.</div>
</div>
</div>
</div>
</section>