Home Dashboard

A beautiful, self-hosted dashboard for your home services.

Features

• 🎨 Modern Dark Theme - Glassmorphism design with animated gradient background
• 📊 Live Status - Real-time online/offline indicators for each service
• 🔍 Search - Filter services with Ctrl+K or click the search box
• 📱 Responsive - Works on desktop, tablet, and mobile
• ⚡ Zero Dependencies - Pure HTML/CSS/JS, no build step required

Quick Start

Option 1: Open Directly

Just double-click index.html to open in your browser.

Option 2: Python HTTP Server

cd "U:\AntiGravity\Self-Hosted Dashboard"
python -m http.server 8080

Then visit: http://localhost:8080

Option 3: Nginx

Copy all files to your nginx web root (usually /var/www/html/dashboard/).

Configuration

Edit config.js to customize your dashboard:

const DASHBOARD_CONFIG = {
    title: "My Home Lab",           // Dashboard title
    subtitle: "All my services",    // Subtitle text
    enableStatusCheck: true,        // Live status checking
    statusCheckInterval: 60000,     // Check every 60 seconds
    
    services: [
        {
            name: "Plex",
            description: "Media streaming",
            url: "http://192.168.1.100:32400/web",
            icon: "plex",
            color: "orange"
        },
        // Add more services here...
    ]
};

Available Icons

plex, pihole, jellyfin, sonarr, radarr, homeassistant, portainer, nextcloud

Available Colors

orange, blue, green, purple, red, cyan, pink, yellow, teal, indigo

Keyboard Shortcuts

Key	Action
Ctrl+K	Focus search
Escape	Clear search
R	Refresh status

Adding New Services

1. Open config.js
2. Add a new object to the services array
3. Save and refresh your browser

Files

├── index.html    # Main page
├── styles.css    # All styling
├── app.js        # Dashboard logic
├── config.js     # Your configuration
└── README.md     # This file

---

Made with ❤️ for self-hosters