hackatoa.com

Personal website of Preston (Hackatoa) — developer, homelab engineer, and AI enthusiast.

🔗 Live: hackatoa.com · ☕ Support: Buy Me a Coffee

Overview

An interactive WebGL landing page built with Three.js: a felt-craft volcano particle scene that renders the site's sections in 3D. All content is also mirrored as real, crawlable HTML so the page stays fully indexable. Narrow-viewport and no-WebGL visitors get a lightweight /urls/ version; search-engine and social crawlers are never redirected.

Features

• Three.js particle/volcano scene with an accessible HTML content mirror
• 6-language localization (ES, PT-BR, FR, DE, VI, TH) with hreflang + per-locale URLs
• Lightweight /urls/ lite version for mobile / no-WebGL
• JSON-LD structured data, Open Graph / Twitter cards, web manifest

Tech Stack

Static HTML · Three.js · vanilla JS · Firebase Hosting

Development

# serve the static site locally
cd public && python3 -m http.server 8080

Deployment

Firebase Hosting. Pushes to Main touching public/, firebase.json, or .firebaserc deploy automatically via GitHub Actions (deploy-hosting.yml).

Support

If this project is useful to you, consider supporting development:

☕ Buy Me a Coffee

---

Part of the Hackatoa ecosystem — self-hosted apps, browser games, and bots. · All repositories »