feat: rewrite as Vite + Globe.GL with side-panel + zoom photos
This commit is contained in:
50
README.md
50
README.md
@@ -1,18 +1,52 @@
|
||||
# Homes of Hope
|
||||
# Ten Countries · Ten Homes
|
||||
|
||||
Interactive educational globe showing sample children’s-home profiles across Ethiopia and nine Muslim-majority countries.
|
||||
A small static site that puts ten orphanages — one in Ethiopia and nine in
|
||||
Muslim-majority countries — onto a 3D globe you can spin and zoom.
|
||||
|
||||
Click any marker to open a side panel with the orphanage's name, city,
|
||||
country, founding year, the number of children it holds, and a short
|
||||
biography, plus two photos you can click to enlarge.
|
||||
|
||||
## Stack
|
||||
|
||||
- **Vite** + vanilla JS (no framework)
|
||||
- **globe.gl** (three.js) for the interactive globe
|
||||
- **Unsplash** for photos (hotlinked)
|
||||
|
||||
## Run locally
|
||||
|
||||
```bash
|
||||
npm install
|
||||
npm run dev
|
||||
npm run dev # http://localhost:5173
|
||||
npm run build # → ./dist
|
||||
```
|
||||
|
||||
## Production build
|
||||
## Deploy on Coolify (Nuri)
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
This is a static site. In Coolify:
|
||||
|
||||
> This demonstration uses sample, unverified profile information and illustrative Unsplash photos. It is not an official directory.
|
||||
1. Create a new **Static Site** service.
|
||||
2. Point it at the repo on `git.nuri.works`.
|
||||
3. **Build command**: `npm run build`
|
||||
4. **Publish directory**: `dist`
|
||||
5. (Optional) Install command: `npm install`
|
||||
|
||||
That's it — the output in `dist/` is a self-contained bundle.
|
||||
|
||||
## Deploy anywhere else
|
||||
|
||||
`dist/` is just static files. You can drag-and-drop it into:
|
||||
|
||||
- GitHub Pages
|
||||
- Cloudflare Pages
|
||||
- Netlify
|
||||
- Vercel
|
||||
- any nginx / Apache directory
|
||||
|
||||
## Notes on the data
|
||||
|
||||
Coordinates are approximate city centers. Child counts are public-range
|
||||
estimates pulled from press coverage and the organizations' own statements —
|
||||
they reflect "around how many children live at the home today," not historical
|
||||
totals. Biographies are short and meant for a learning project; for anything
|
||||
official, contact the organizations directly.
|
||||
|
||||
Reference in New Issue
Block a user