124 lines
4.9 KiB
Markdown
124 lines
4.9 KiB
Markdown
---
|
|
title: Starbase 80
|
|
created: 2026-06-07
|
|
updated: 2026-06-07
|
|
type: app
|
|
tags: [catalogue, dashboard, retro, crt, 80s-aesthetic, auto-hebergement]
|
|
confidence: high
|
|
contested: false
|
|
sources: [https://selfh.st/apps/?tag=Dashboard, https://github.com/devinschumacher/starbase-80]
|
|
---
|
|
|
|
# 📊 Starbase 80
|
|
|
|
> ⚠️ **Dashboard purement esthétique** : look **rétro-futuriste années 80** (CRT, scanlines, monospace fluo, effets néon). Pour le fun et l'ambiance, pas pour la productivité brute.
|
|
|
|
## 📋 Informations Générales
|
|
|
|
| Champ | Valeur |
|
|
| :--- | :--- |
|
|
| **Site web** | — |
|
|
| **GitHub** | [devinschumacher/starbase-80](https://github.com/devinschumacher/starbase-80) |
|
|
| **License** | MIT |
|
|
| **Langage** | JavaScript / HTML statique |
|
|
| **Étoiles GitHub** | 540 ⭐ |
|
|
| **Catégorie** | [[cat-dashboard]] |
|
|
|
|
## 📝 Description
|
|
|
|
**Starbase 80** est un dashboard dont l'ADN n'est **pas la fonctionnalité** mais l'**esthétique**. Il reproduit fidèlement l'ambiance d'un terminal **CRT des années 80** : scanlines, glow néon, couleurs phosphore (vert/ambre/cyan), typographie mono old-school, animations subtiles façon « film de science-fiction ».
|
|
|
|
**Caractéristiques visuelles :**
|
|
|
|
- 🖥️ **Effets CRT** : scanlines, flicker, glow, bloom
|
|
- 🌃 **Palette néon** : cyan, magenta, vert phosphore, ambre
|
|
- 🛸 **Typographie futuriste** : monospace bold, condensée, style affiche de film
|
|
- 🌠 **Animations discrètes** : étoiles, scans horizontaux, transitions glitch
|
|
- 📼 **Esthétique « Tron / Alien / Wargames »** assumée
|
|
|
|
**Fonctionnalités (sérieuses) :**
|
|
|
|
- 📑 **Liste de liens / signets** groupés
|
|
- 🎨 **Thèmes** : vert-phosphore, ambre, cyan, custom
|
|
- 🖼️ **Icônes** et arrière-plans customisables
|
|
- 🌐 **Page statique** : peu/pas de backend, déploiement trivial
|
|
|
|
**⚠️ Mise en garde honnête :** le projet a un **charter purement esthétique**. La fonctionnalité reste basique (signets, liens). Choisir Starbase 80, c'est choisir un **vibe**, pas une stack de prod.
|
|
|
|
**Différence avec [[app-glance]] / [[app-dashy]]** : ces derniers sont sérieux et productifs. Starbase 80, c'est l'équivalent d'un **skins spécial « 80s »** pour son homelab, à sortir pour épater.
|
|
|
|
**Différence avec [[app-mafl]]** : Mafl est minimaliste mais **sobre et lisible**. Starbase 80 pousse le curseur jusqu'à l'**artistique**.
|
|
|
|
## 🚀 Installation
|
|
|
|
### Via Docker (recommandé)
|
|
|
|
```yaml
|
|
# docker-compose.yml
|
|
services:
|
|
starbase80:
|
|
image: devinschumacher/starbase-80:latest
|
|
container_name: starbase80
|
|
restart: unless-stopped
|
|
ports:
|
|
- "8080:80"
|
|
volumes:
|
|
- ./config.json:/app/config.json:ro
|
|
labels:
|
|
- "traefik.enable=true"
|
|
- "traefik.http.routers.starbase80.rule=Host(`starbase.example.com`)"
|
|
- "traefik.http.routers.starbase80.entrypoints=websecure"
|
|
- "traefik.http.routers.starbase80.tls.certresolver=letsencrypt"
|
|
```
|
|
|
|
### Installation manuelle
|
|
|
|
```bash
|
|
git clone https://github.com/devinschumacher/starbase-80.git
|
|
cd starbase-80
|
|
# Servir le dossier /public via n'importe quel serveur statique
|
|
npx serve public
|
|
```
|
|
|
|
> Prérequis : **aucun** côté serveur, c'est une page statique. Optionnel : Node.js pour l'auto-héberger facilement.
|
|
|
|
## ⚙️ Configuration
|
|
|
|
1. **Éditer `config.json`** : titre, liste de liens, icônes, thème de couleur.
|
|
2. **Choisir son preset visuel** : `green-phosphor`, `amber`, `cyan-neon`, `tr0n`.
|
|
3. **Ajouter des scanlines** : intensité (léger, modéré, agressif) — à doser pour la lisibilité.
|
|
4. **Servir derrière un reverse-proxy** ([[app-traefik]], Caddy, Nginx).
|
|
5. **Tester sur grand écran** : le rendu est optimal sur 24"+ ou TV 1080p.
|
|
|
|
## 🔗 Alternatives
|
|
|
|
- **[[app-dashy]]** — Dashboard productif, multi-thèmes sobres, widgets
|
|
- **[[app-glance]]** — Lisible, widgets read-only, plusieurs thèmes
|
|
- **[[app-homepage]]** — Moderne, propre, productif
|
|
- **[[app-mafl]]** — Minimaliste horizontal (autre fiche du batch)
|
|
- **[[app-dashlit]]** — Léger moderne (autre fiche du batch)
|
|
|
|
## 🔒 Sécurité
|
|
|
|
- **🔐 Reverse-proxy + auth** : Starbase 80 n'a pas d'auth, l'accès doit être protégé en amont (VPN, Authelia, IP allowlist).
|
|
- **📁 Page statique** : surface d'attaque **minimale** (HTML/CSS/JS figés).
|
|
- **🛡️ Pas de backend** : rien à patcher côté serveur.
|
|
- **🌐 Pas de credentials en clair** dans `config.json` : ne pas y mettre d'URL avec token.
|
|
|
|
## 📚 Ressources
|
|
|
|
- [GitHub — devinschumacher/starbase-80](https://github.com/devinschumacher/starbase-80)
|
|
- [selfh.st — Apps Dashboard](https://selfh.st/apps/?tag=Dashboard)
|
|
- [Démo en ligne](https://starbase80.app) (selon disponibilité)
|
|
|
|
## 🔗 Pages Liées
|
|
|
|
- [[cat-dashboard]]
|
|
- [[app-dashy]] — concurrent productif
|
|
- [[app-glance]] — concurrent sobre
|
|
- [[app-homepage]] — concurrent moderne
|
|
- [[app-mafl]] — autre fiche du batch (minimaliste sobre)
|
|
- [[app-traefik]] — reverse-proxy
|
|
- [[securisation-home-lab]] — auth, IP allowlist
|
|
- [[recettes-docker-compose]] — stack type
|