Ga naar inhoud

📊 Homer Dashboard

Homer is een statisch dashboard dat als startpagina dient voor alle services in het Hamming netwerk.

Algemene Info

Item Waarde
Container homer
Image b4bz/homer:latest
Interne Poort 8081
URL dashboard.hub
Config locatie ~/docker/homer/config.yml

Functies

  • ✅ Centrale startpagina - Alle services op één plek
  • ✅ Categorieën - Overzichtelijke indeling
  • ✅ Zoekfunctie - Snel services vinden
  • ✅ Status indicatoren - Zie of services online zijn
  • ✅ Aanpasbaar - Eigen thema's en iconen

Configuratie

De Homer configuratie staat in ~/docker/homer/config.yml:

title: "Hamming Dashboard"
subtitle: "Thuisnetwerk"
logo: "assets/logo.png"

header: true
footer: false

colors:
  light:
    highlight-primary: "#3367d6"
    highlight-secondary: "#4285f4"
    background: "#f5f5f5"
    card-background: "#ffffff"
  dark:
    highlight-primary: "#3367d6"
    highlight-secondary: "#4285f4"
    background: "#131313"
    card-background: "#1d1d1d"

links:
  - name: "Documentatie"
    icon: "fas fa-book"
    url: "http://docs.hub"
    target: "_blank"

services:
  - name: "Netwerk"
    icon: "fas fa-network-wired"
    items:
      - name: "UniFi Network"
        logo: "assets/tools/unifi.png"
        subtitle: "Netwerk beheer"
        url: "https://192.168.1.1"
        target: "_blank"
      - name: "Pi-hole"
        logo: "assets/tools/pihole.png"
        subtitle: "DNS & Ad blocking"
        url: "http://pihole.hub"
        target: "_blank"

  - name: "Monitoring"
    icon: "fas fa-heartbeat"
    items:
      - name: "Uptime Kuma"
        logo: "assets/tools/uptime-kuma.png"
        subtitle: "Service monitoring"
        url: "http://status.hub"
        target: "_blank"

  - name: "Beheer"
    icon: "fas fa-cogs"
    items:
      - name: "Portainer"
        logo: "assets/tools/portainer.png"
        subtitle: "Docker beheer"
        url: "http://portainer.hub"
        target: "_blank"
      - name: "Nginx Proxy Manager"
        logo: "assets/tools/nginx.png"
        subtitle: "Reverse proxy"
        url: "http://npm.hub"
        target: "_blank"
      - name: "Guacamole"
        logo: "assets/tools/guacamole.png"
        subtitle: "Remote Desktop"
        url: "http://guacamole.hub"
        target: "_blank"

  - name: "Backup & Storage"
    icon: "fas fa-database"
    items:
      - name: "Duplicati"
        logo: "assets/tools/duplicati.png"
        subtitle: "Backup"
        url: "http://duplicati.hub"
        target: "_blank"
      - name: "Synology NAS"
        logo: "assets/tools/synology.png"
        subtitle: "Network storage"
        url: "http://192.168.1.12:5000"
        target: "_blank"

  - name: "Smart Home"
    icon: "fas fa-home"
    items:
      - name: "Home Assistant"
        logo: "assets/tools/homeassistant.png"
        subtitle: "Domotica"
        url: "http://192.168.20.10:8123"
        target: "_blank"

  - name: "Hulp"
    icon: "fas fa-question-circle"
    items:
      - name: "📚 Info & Hulp"
        logo: "assets/tools/mkdocs.png"
        subtitle: "Documentatie & Troubleshooting"
        url: "http://docs.hub"
        target: "_blank"

Iconen Toevoegen

Methode 1: Font Awesome

Gebruik Font Awesome iconen direct: 

- name: "Service"
  icon: "fas fa-server"

Methode 2: Eigen logo's

  1. Plaats PNG/SVG in ~/docker/homer/assets/tools/
  2. Verwijs ernaar in config: 
    - name: "Service"
  logo: "assets/tools/mijn-logo.png"

Aanpassingen Maken

  1. Bewerk de config: 

    nano ~/docker/homer/config.yml

  2. Wijzigingen worden automatisch geladen (geen herstart nodig)

  3. Bij problemen, herstart Homer: 

    docker restart homer

Info & Hulp Knop Toevoegen

Om de "Info & Hulp" knop toe te voegen die naar de MkDocs documentatie linkt:

services:
  # ... andere services ...

  - name: "Hulp"
    icon: "fas fa-question-circle"
    items:
      - name: "📚 Info & Hulp"
        logo: "assets/tools/mkdocs.png"
        subtitle: "Documentatie & Troubleshooting"
        url: "http://docs.hub"
        target: "_blank"

Troubleshooting

Dashboard laadt niet

Symptomen

  • Witte pagina
  • 404 error

Oplossing:

  1. Check container status: 

    docker ps | grep homer
docker logs homer

  2. Check config syntax: 

    docker exec homer cat /www/assets/config.yml

  3. Herstart: 

    docker restart homer

Iconen laden niet

Ontbrekende iconen

Oplossing:

  1. Check of bestanden bestaan: 

    ls ~/docker/homer/assets/tools/

  2. Check bestandsrechten: 

    chmod 644 ~/docker/homer/assets/tools/*

Config wijzigingen verschijnen niet

Oplossing:

  1. Clear browser cache (Ctrl+Shift+R)
  2. Check of config.yml correct is opgeslagen
  3. Herstart container indien nodig

Docker Compose

homer:
  image: b4bz/homer:latest
  container_name: homer
  restart: unless-stopped
  ports:
    - "8081:8080"
  volumes:
    - ./homer:/www/assets
  networks:
    - proxy-net

Gerelateerd