homelab diagram
%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#263238', 'primaryTextColor': '#fff', 'primaryBorderColor': '#ffffff', 'lineColor': '#ffffff', 'tertiaryColor': '#fff', 'mainBkg': '#1e1e1e'}}}%%
flowchart TD
%% ==========================================
%% 1. HIGH CONTRAST STYLES
%% ==========================================
classDef cloud fill:#0d47a1,stroke:#ffffff,stroke-width:2px,color:#fff
classDef home fill:#1b5e20,stroke:#ffffff,stroke-width:2px,color:#fff
classDef device fill:#37474f,stroke:#ffffff,stroke-width:2px,color:#fff
classDef service fill:#212121,stroke:#90a4ae,stroke-width:1px,color:#fff
%% ==========================================
%% 2. TOP LAYER: INTERNET & ORACLE
%% ==========================================
Internet((Internet))
style Internet fill:#fff,stroke:#333,color:#000
subgraph OracleCloud [Oracle Cloud - Free Tier]
direction TB
%% Dobby (Left Side)
subgraph DobbyBox [Dobby - Game Node 2]
class DobbyBox device
direction TB
D_Wing[Pterodactyl Wing]:::service
D_Agent[Portainer Agent]:::service
D_MC[Minecraft Cluster]:::service
end
%% Phoenix (Right Side - The Gateway)
subgraph PhoenixBox [Phoenix - Gateway]
class PhoenixBox device
direction TB
P_Traefik[Traefik Proxy]:::service
P_Stack[WG Interface<br/>Fail2Ban<br/>Watchtower<br/>Agent]:::service
P_Apps[Uptime Kuma<br/>Traefik Dash]:::service
end
end
%% ==========================================
%% 3. BOTTOM LAYER: HOME NETWORK
%% ==========================================
subgraph HomeNet [Home Network - Deltona]
direction TB
Unifi[Unifi Router]:::device
%% --- Firebolt (Center of the Universe) ---
subgraph FireboltBox [Firebolt - Main Server]
class FireboltBox device
direction TB
F_Traefik[Traefik Internal]:::service
%% Firebolt Stacks (Individual Boxes)
subgraph F_Infra [Infrastructure]
direction TB
style F_Infra fill:#263238,stroke:#546e7a,stroke-dasharray: 5 5,color:#fff
F_Auth[Authentik IDP]:::service
F_Portainer[Portainer Server]:::service
F_Homepage[Homepage]:::service
end
subgraph F_Admin [Admin Tools]
direction TB
style F_Admin fill:#263238,stroke:#546e7a,stroke-dasharray: 5 5,color:#fff
F_Bitwarden[Vaultwarden]:::service
F_Bookstack[BookStack]:::service
F_Duplicati[Duplicati]:::service
end
subgraph F_Media [Media Stack]
direction TB
style F_Media fill:#263238,stroke:#546e7a,stroke-dasharray: 5 5,color:#fff
F_Plex[Plex]:::service
F_Arr[Sonarr/Radarr/Prowlarr]:::service
F_Overseerr[Overseerr]:::service
F_Download[qBit/Unpackerr]:::service
end
subgraph F_Games [Game Stack]
direction TB
style F_Games fill:#263238,stroke:#546e7a,stroke-dasharray: 5 5,color:#fff
F_Panel[Ptero Panel]:::service
F_Wing[Ptero Wing]:::service
end
end
%% --- Norbert (Below Firebolt) ---
subgraph NorbertBox [Norbert - Storage]
class NorbertBox device
direction TB
N_Stack[Home Assistant<br/>LLMCord AI<br/>Agent]:::service
N_Games[Game Node 1<br/>Wing / Ark / MC Test]:::service
N_Storage[Media Storage]:::service
end
%% --- PiHole (Bottom) ---
subgraph PiHoleBox [Raspberry Pi]
class PiHoleBox device
direction TB
PI_SVC[DNS Sinkhole]:::service
PI_VPN[PiVPN Ingress]:::service
end
end
%% ==========================================
%% 4. THE VERTICAL SPINE (Force Alignment)
%% ==========================================
%% This invisible chain forces the nodes to sit directly on top of each other
Internet ~~~ P_Traefik ~~~ F_Traefik ~~~ F_Infra ~~~ F_Admin ~~~ F_Media ~~~ F_Games ~~~ NorbertBox ~~~ PiHoleBox
%% ==========================================
%% 5. CONNECTIONS
%% ==========================================
%% Internet Flow
Internet == HTTPS ==> P_Traefik
Internet -- Ports --> D_Wing
Internet -- Ports --> Unifi
%% Tunnel Flow
P_Traefik ==>|Tunnel| F_Traefik
%% Firebolt Distribution
F_Traefik --> F_Infra & F_Admin & F_Media & F_Games
F_Traefik -.-> N_Stack & PI_SVC
%% Split Route
P_Stack -.-> N_Games
%% Port Forwarding
Unifi -.-> F_Games
Unifi -.-> N_Games
Unifi -.-> PI_VPN
%% Management
F_Portainer -.-> P_Stack & D_Agent & N_Stack
F_Download -.->|NFS| N_Storage
%% APPLY CLASSES
class OracleCloud cloud
class HomeNet home