NGO Website — ODOO4projects

Project: NGO marketing homepage and blog URL: ngo.odoo4projects.com Stack: Static HTML · Tailwind CSS · Vanilla JS

---

BLOG POSTS

Blog posts live in blog.json — do not create separate backup files. To add a blog post customize this command jq '.arrays[0] = [$NEW_JSON] + .arrays[0]' blog.json > tmp.json && mv tmp.json blog.json

Repository Rules

• Do not touch this readme
• Keep the seperation of Site and the blogposts in blog.json Example of JSON structure for blog.json { "area": "Transparency", "title": "Every Peso on the Page: Ana's Ledger Story", "teaser": "

  Ana replaced five notebooks with a four-stop impact ledger and now answers donor questions in seconds.

  ", "content": "

  Every peso needs a map

  \n

  Ana used to juggle five notebooks and still felt blind when a donor asked where their coin landed.

  \n

  Pressure points

  \n<p without late nights.
  \n", "date": "2026-03-22" },

---

Page Structure

#	Block	Purpose
1	Hero	Headline, subheadline, free-trial CTA, key stats
2	Hot NGO Topics	Three focused topic cards (transparency, communications, fundraising)
3	Blog	Latest articles loaded dynamically from blog.json
4	Sign Up — Free Trial	Email signup form, 4-week free trial, no credit card
5	Have a Meeting	30-minute consultation booking via Google Calendar

---

Languages

Code	Language
en	English (default)
es	Español
de	Deutsch

All UI strings are managed via the inline translations object in index.html.