Triad Admin

Static SPA dashboard for Triad moderation and administration.

Stack

• Vanilla JS (Preact only if needed)
• Tailwind CSS (CDN)
• i18n via JSON locale files
• Mock API for development
• Deployed to Gitlab Pages on push to main

Development

Open index.html in a browser. No build step required.

To use the mock API (default), set nothing — it's enabled automatically when API_URL is not configured.

To connect to a real API:

// In config.js
window.TRIAD_CONFIG = { API_URL: "https://api.yourapp.com/api/v1" };

Configuration

All configuration is injected via config.js:

• API_URL — backend API base URL
• SOCIAL_AUTH_ENABLED — enable/disable social login buttons (default: false)

In production, config.js is generated by CI from GitHub Secrets.

Deploy

Automatic via GitHub Actions on push to main → deploys to Gitlab Pages.

Required GitHub Secrets:

• R2_ACCOUNT_ID
• R2_ACCESS_KEY_ID
• R2_SECRET_ACCESS_KEY
• R2_BUCKET
• API_URL
• SOCIAL_AUTH_ENABLED (true/false)

i18n

Locale files in /locales/. Detected from navigator.language, overridable via UI selector. Supported: en, es.