Deleted Backups and changed readme
This commit is contained in:
Oliver
@@ -1,311 +1,60 @@
|
||||
# README
|
||||
# NGO Website — ODOO4projects
|
||||
|
||||
Important: Update this README with every commit.
|
||||
**Project:** NGO marketing homepage and blog
|
||||
**URL:** [ngo.odoo4projects.com](https://ngo.odoo4projects.com)
|
||||
**Stack:** Static HTML · Tailwind CSS · Vanilla JS
|
||||
|
||||
Repository purpose
|
||||
- Project: NGO public website using Odoo-focused messaging and Odoo4Projects hosting service.
|
||||
- Goal: Fast, accessible marketing homepage and blog that ranks well, highlights transparency and minimal admin for NGOs, and promotes donor acquisition and retention.
|
||||
---
|
||||
|
||||
Repository rules
|
||||
- Blog posts are saved in blog.json (do not create separate backup files).
|
||||
- Do not create backups in the repo.
|
||||
## Repository Rules
|
||||
|
||||
CI:
|
||||
- CI: run linting, Tailwind build, accessibility checks, basic SEO checks, performance budget (build must verify page size and critical render time). (Keep CI config outside this README; note these checks are required.)
|
||||
- Blog posts live in `blog.json` — do not create separate backup files.
|
||||
- No backup files in the repo.
|
||||
- Update this README with every commit.
|
||||
|
||||
Main Page Blocks (ordered)
|
||||
1. Hero
|
||||
- Headline: Transparent
|
||||
giving.
|
||||
Minimal
|
||||
admin.
|
||||
Big
|
||||
impact.
|
||||
- Subheadline: Manage
|
||||
donors,
|
||||
communicate
|
||||
transparently,
|
||||
and
|
||||
focus
|
||||
on
|
||||
impact
|
||||
—
|
||||
Odoo
|
||||
made
|
||||
simple
|
||||
for
|
||||
NGOs.
|
||||
- Primary CTA: Donate
|
||||
/
|
||||
Support and secondary CTA: See
|
||||
donor
|
||||
management
|
||||
2. Trust & Numbers bar
|
||||
- Donor count, funds raised, projects completed, partner logos
|
||||
3. How it works (3 steps)
|
||||
- Step 1: Set up in minutes (little admin)
|
||||
- Step 2: Track donations & communicate (donor communication)
|
||||
- Step 3: Report impact (transparent reporting)
|
||||
4. Features (highlighted cards)
|
||||
- Donor Management (CRM + gift history)
|
||||
- Easy Communication (email, receipts, automated updates)
|
||||
- Transparent Reporting (dashboards, exports for donors)
|
||||
- Low Admin (templates, automation, minimal data entry)
|
||||
- Security & Compliance
|
||||
5. Impact Stories / Testimonials
|
||||
- Short stories with photos and metrics
|
||||
6. Blog highlights
|
||||
- Link to blog page, featured posts
|
||||
7. Call to Action block
|
||||
- Repeat primary CTA with trust indicators
|
||||
8. Footer
|
||||
- Contact, legal, social links, languages
|
||||
---
|
||||
|
||||
Languages:
|
||||
- Default: English
|
||||
- Additional: Spanish (es), French (fr) — prepare for translation-ready content
|
||||
## Page Structure
|
||||
|
||||
Technology Stack:
|
||||
- Tailwind CSS. Static-first, optimized HTML, semantic markup.
|
||||
| # | 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 |
|
||||
|
||||
SEO & Performance goals:
|
||||
- Fast page that ranks well: semantic HTML, structured data (schema.org), descriptive meta titles and descriptions, sitemap, robots.txt, optimized images (modern formats), critical CSS inlined, defer non-critical JS.
|
||||
- Focus keywords: NGO donor management, transparent donations, Odoo for NGOs, donor communication, minimal admin for charities
|
||||
---
|
||||
|
||||
Suggested meta and headings (to include on homepage):
|
||||
- Meta title (homepage): Odoo
|
||||
for
|
||||
NGOs
|
||||
—
|
||||
Transparent
|
||||
donor
|
||||
management
|
||||
with
|
||||
minimal
|
||||
admin
|
||||
- Meta description: Manage
|
||||
donors,
|
||||
communicate
|
||||
transparently,
|
||||
and
|
||||
report
|
||||
impact
|
||||
with
|
||||
minimal
|
||||
admin.
|
||||
Odoo
|
||||
solutions
|
||||
tailored
|
||||
for
|
||||
NGOs
|
||||
—
|
||||
fast,
|
||||
secure,
|
||||
and
|
||||
donor-friendly.
|
||||
- H1: Transparent
|
||||
donor
|
||||
management
|
||||
with
|
||||
minimal
|
||||
admin
|
||||
- H2 examples: How
|
||||
Odoo
|
||||
simplifies
|
||||
donor
|
||||
management, Features:
|
||||
Donor
|
||||
CRM,
|
||||
automated
|
||||
communication,
|
||||
impact
|
||||
reporting, Stories
|
||||
from
|
||||
our
|
||||
partners
|
||||
## CI Checks (required on every push)
|
||||
|
||||
Suggested CTAs (text variations):
|
||||
- Primary: Support
|
||||
now / Donate
|
||||
- Secondary: See
|
||||
donor
|
||||
management / Schedule
|
||||
a
|
||||
demo
|
||||
- Micro CTA: Download
|
||||
impact
|
||||
report
|
||||
- **HTML lint** — valid markup, no broken anchors
|
||||
- **JS lint** — no errors, no `console.error` left in production paths
|
||||
- **Tailwind build** — `npx tailwindcss -i ./src/input.css -o ./assets/site.css --minify` must exit 0
|
||||
- **Corporate design compliance:**
|
||||
- No CSS gradients — `gradient`, `bg-*-gradient`, `linear-gradient`, `radial-gradient` are forbidden
|
||||
- No CSS animations or keyframes — `animate-*`, `@keyframes`, transform-based `hover:translate-*` are forbidden
|
||||
- No blur or glassmorphism effects — `backdrop-blur`, `backdrop-filter` are forbidden
|
||||
- Colors must use the approved brand palette only: `brand-ink · brand-primary · brand-accent · brand-sunrise · brand-emerald · brand-snow · brand-smoke`
|
||||
- Images must be served from `odoo4projects.com`, `images.unsplash.com`, or local `assets/`
|
||||
- **Accessibility** — heading hierarchy (one `<h1>` per page), `alt` on all images, sufficient contrast (WCAG AA)
|
||||
- **Performance budget** — total page weight ≤ 200 KB (excluding cached fonts); critical render path ≤ 1 s on fast 3G
|
||||
- **SEO** — `<title>`, `<meta name="description">`, `<h1>`, canonical `<link>`, and JSON-LD structured data must be present
|
||||
|
||||
Content & SEO guidance (short):
|
||||
- Use clear, trust-building language. Highlight transparency, automated communications, and low admin burden.
|
||||
- Include one donor-focused success story on the homepage and link to deeper case studies in the blog.
|
||||
- Use structured snippets for stats (JSON-LD) for trust signals.
|
||||
---
|
||||
|
||||
Initial Blog Posts (to be saved into blog.json):
|
||||
- Filename: blog.json (root)
|
||||
- Initial entry (one object in the posts array):
|
||||
{
|
||||
id: how-odoo-makes-donor-management-easy,
|
||||
title: How
|
||||
Odoo
|
||||
makes
|
||||
donor
|
||||
management
|
||||
easy,
|
||||
date: 2026-03-24,
|
||||
author: Odoo4Projects
|
||||
-
|
||||
NGO
|
||||
team,
|
||||
categories: [donor-management, transparency, productivity],
|
||||
tags: [Odoo, donor
|
||||
communication, automation, minimal
|
||||
admin],
|
||||
excerpt: Learn
|
||||
how
|
||||
Odoo
|
||||
reduces
|
||||
administrative
|
||||
effort,
|
||||
improves
|
||||
donor
|
||||
communication,
|
||||
and
|
||||
increases
|
||||
transparency
|
||||
for
|
||||
NGOs.,
|
||||
content: Odoo
|
||||
makes
|
||||
donor
|
||||
management
|
||||
easy
|
||||
by
|
||||
centralizing
|
||||
donor
|
||||
data,
|
||||
automating
|
||||
receipts
|
||||
and
|
||||
updates,
|
||||
and
|
||||
generating
|
||||
transparent
|
||||
reports
|
||||
donors
|
||||
trust.
|
||||
With
|
||||
minimal
|
||||
admin
|
||||
required,
|
||||
NGOs
|
||||
can
|
||||
set
|
||||
up
|
||||
templates,
|
||||
schedule
|
||||
automated
|
||||
communications,
|
||||
and
|
||||
track
|
||||
gifts
|
||||
and
|
||||
commitments
|
||||
in
|
||||
one
|
||||
place.
|
||||
Donors
|
||||
receive
|
||||
timely
|
||||
receipts
|
||||
and
|
||||
impact
|
||||
updates
|
||||
that
|
||||
strengthen
|
||||
trust
|
||||
and
|
||||
retention.
|
||||
Odoo’s
|
||||
dashboards
|
||||
provide
|
||||
simple,
|
||||
exportable
|
||||
reports
|
||||
for
|
||||
accountability.
|
||||
The
|
||||
result:
|
||||
less
|
||||
time
|
||||
on
|
||||
admin,
|
||||
more
|
||||
time
|
||||
on
|
||||
mission.,
|
||||
featured: true
|
||||
}
|
||||
## Languages
|
||||
|
||||
Social media snippets (short, use for cards):
|
||||
- Tweet/LinkedIn (short): Reduce
|
||||
admin,
|
||||
increase
|
||||
trust.
|
||||
See
|
||||
how
|
||||
Odoo
|
||||
helps
|
||||
NGOs
|
||||
manage
|
||||
donors
|
||||
and
|
||||
report
|
||||
impact
|
||||
with
|
||||
transparency.
|
||||
Read:
|
||||
/blog/how-odoo-makes-donor-management-easy
|
||||
- Facebook/Instagram (longer): Spend
|
||||
less
|
||||
time
|
||||
on
|
||||
paperwork
|
||||
and
|
||||
more
|
||||
on
|
||||
impact.
|
||||
Odoo
|
||||
helps
|
||||
NGOs
|
||||
automate
|
||||
donor
|
||||
receipts,
|
||||
keep
|
||||
supporters
|
||||
updated,
|
||||
and
|
||||
produce
|
||||
clear
|
||||
impact
|
||||
reports
|
||||
—
|
||||
all
|
||||
with
|
||||
minimal
|
||||
admin.
|
||||
Learn
|
||||
more:
|
||||
/blog/how-odoo-makes-donor-management-easy
|
||||
| Code | Language |
|
||||
|------|----------|
|
||||
| `en` | English (default) |
|
||||
| `es` | Español |
|
||||
| `de` | Deutsch |
|
||||
|
||||
Notes for the designer (content only):
|
||||
- Keep layout simple and fast; prefer server-side rendered HTML where possible for SEO.
|
||||
- Provide components/placeholder content for each Main Page Block above.
|
||||
- Prefill the blog.json with the initial blog entry above.
|
||||
- Add README.md with this content and commit to repo root. Ensure README is updated on every future commit.
|
||||
All UI strings are managed via the inline `translations` object in `index.html`.
|
||||
|
||||
Deliverables (create and commit):
|
||||
1. README.md (prefilled as above)
|
||||
2. blog.json (prefilled with the initial entry)
|
||||
---
|
||||
|
||||
If you need any copy adjustments (tone, length, languages), ask and we will provide final texts. Thank you.
|
||||
## Focus Keywords
|
||||
|
||||
`NGO donor management` · `transparent donations` · `Odoo for NGOs` · `donor communication` · `minimal admin for charities`
|
||||
|
||||
Reference in New Issue
Block a user