Rework layout, add search/filtering, replace category sections with tags, improve light/dark mode toggle

This commit is contained in:
2025-02-12 12:24:29 -05:00
parent 9852b98904
commit 841cfbb310
11 changed files with 744 additions and 239 deletions

View File

@@ -1,70 +1,46 @@
sections:
- id: "system"
title: "System"
icon: "Server"
cardStyle:
background: "bg-blue-50 dark:bg-blue-950/30"
iconColor: "text-blue-600 dark:text-blue-400"
- id: "media"
title: "Media"
icon: "Play"
cardStyle:
background: "bg-orange-50 dark:bg-orange-950/30"
iconColor: "text-orange-600 dark:text-orange-400"
- id: "monitoring"
title: "Monitoring"
icon: "Activity"
cardStyle:
background: "bg-emerald-50 dark:bg-emerald-950/30"
iconColor: "text-emerald-600 dark:text-emerald-400"
- id: "tools"
title: "Tools"
icon: "Settings"
cardStyle:
background: "bg-purple-50 dark:bg-purple-950/30"
iconColor: "text-purple-600 dark:text-purple-400"
- id: "acot"
title: "ACOT"
icon: "LayoutDashboard"
cardStyle:
background: "bg-sky-50 dark:bg-sky-950/30"
iconColor: "text-sky-600 dark:text-sky-400"
- id: "home"
title: "Home"
icon: "Home"
cardStyle:
background: "bg-indigo-50 dark:bg-indigo-950/30"
iconColor: "text-indigo-600 dark:text-indigo-400"
tags:
system: "System"
monitoring: "Monitoring"
tools: "Tools"
documents: "Documents"
acot: "ACOT"
home: "Home"
media: "Media"
# Infrastructure tags
docker: "Docker"
nas: "NAS"
security: "Security"
automation: "Automation"
network: "Network"
# Feature tags
analytics: "Analytics"
backup: "Backup"
ai: "AI"
notifications: "Notifications"
development: "Development"
management: "Management"
storage: "Storage"
documentation: "Documentation"
printing: "3D Printing"
camera: "Camera"
streaming: "Streaming"
download: "Download"
services:
###### System
- name: "Portainer"
description: "Docker Manager"
url: "https://portainer.kent.pw"
iconName: "portainer"
category: "system"
cardStyle:
background: "bg-blue-50 dark:bg-blue-950/30"
iconColor: "text-blue-600 dark:text-blue-400"
- name: "Gitea"
description: "Git Server"
url: "https://gitea.kent.pw"
iconName: "gitea"
category: "system"
cardStyle:
background: "bg-green-50 dark:bg-green-950/30"
iconColor: "text-green-600 dark:text-green-400"
tags: ["system", "docker", "management"]
- name: "Cockpit"
description: "Server Management"
url: "https://cockpit.kent.pw"
iconName: "cockpit"
category: "system"
tags: ["system", "management", "analytics"]
- name: "DiskStation"
description: "Synology NAS"
@@ -72,52 +48,7 @@ services:
iconName: "synology"
category: "system"
monitorName: "Synology Diskstation"
cardStyle:
background: "bg-slate-50 dark:bg-slate-950/30"
iconColor: "text-slate-600 dark:text-slate-400"
- name: "Plex"
description: "Media Server"
url: "https://plex.kent.pw"
iconName: "plex"
category: "media"
cardStyle:
background: "bg-orange-50 dark:bg-orange-950/30"
iconColor: "text-orange-600 dark:text-orange-400"
- name: "Sonarr"
description: "TV Manager"
url: "https://sonarr.kent.pw"
iconName: "sonarr"
category: "media"
cardStyle:
background: "bg-blue-50 dark:bg-blue-950/30"
iconColor: "text-blue-600 dark:text-blue-400"
- name: "Jackett"
description: "Torrent Indexer"
url: "https://jackett.kent.pw"
iconName: "jackett"
category: "media"
- name: "Deluge"
description: "Torrent Client"
url: "https://deluge.kent.pw"
iconName: "deluge"
category: "media"
cardStyle:
background: "bg-green-50 dark:bg-green-950/30"
iconColor: "text-green-600 dark:text-green-400"
- name: "Uptime"
description: "Service Monitoring"
url: "https://uptime.kent.pw"
iconName: "uptime-kuma"
category: "monitoring"
monitorName: "Uptime Kuma"
cardStyle:
background: "bg-emerald-50 dark:bg-emerald-950/30"
iconColor: "text-emerald-600 dark:text-emerald-400"
tags: ["system", "nas", "storage", "backup"]
- name: "AdGuard"
description: "DNS Ad Blocking"
@@ -125,32 +56,30 @@ services:
iconName: "adguard-home"
category: "system"
monitorName: "Adguard Home"
cardStyle:
background: "bg-green-50 dark:bg-green-950/30"
iconColor: "text-green-600 dark:text-green-400"
tags: ["system", "network", "security"]
- name: "NocoDB"
description: "Database Platform"
url: "https://noco.kent.pw"
iconName: "nocodb"
category: "tools"
monitorName: "NocoDB"
- name: "Authelia"
description: "Service Protection"
url: "https://auth.kent.pw"
iconName: "authelia"
category: "system"
tags: ["system", "security", "management"]
- name: "IT Tools"
description: "Developer Utilities"
url: "https://ittools.kent.pw"
iconName: "it-tools"
category: "tools"
monitorName: "IT Tools"
- name: "Firefox"
description: "Browser Instance"
url: "https://firefox.kent.pw"
iconName: "firefox"
category: "tools"
cardStyle:
background: "bg-orange-50 dark:bg-orange-950/30"
iconColor: "text-orange-600 dark:text-orange-400"
- name: "OliveTin"
description: "Run Scripts"
url: "https://olivetin.kent.pw"
iconName: "olivetin"
category: "system"
tags: ["system", "automation", "management"]
###### Monitoring
- name: "Uptime"
description: "Service Monitoring"
url: "https://uptime.kent.pw"
iconName: "uptime-kuma"
category: "monitoring"
monitorName: "Uptime Kuma"
tags: ["monitoring", "analytics", "notifications"]
- name: "Speedtest"
description: "Internet Speed"
@@ -158,9 +87,7 @@ services:
iconName: "speedtest-tracker"
category: "monitoring"
monitorName: "Speedtest Tracker"
cardStyle:
background: "bg-blue-50 dark:bg-blue-950/30"
iconColor: "text-blue-600 dark:text-blue-400"
tags: ["monitoring", "network", "analytics"]
- name: "Netdata"
description: "Server Monitoring"
@@ -168,9 +95,52 @@ services:
iconName: "netdata"
category: "monitoring"
monitorName: "Netdata"
cardStyle:
background: "bg-purple-50 dark:bg-purple-950/30"
iconColor: "text-purple-600 dark:text-purple-400"
tags: ["monitoring", "analytics", "system"]
- name: "Beszel"
description: "Server Monitoring"
url: "https://beszel.kent.pw"
iconName: "beszel"
category: "monitoring"
tags: ["monitoring", "analytics", "system"]
- name: "Dockwatch"
description: "Docker Monitoring"
url: "https://dockwatch.kent.pw"
iconName: "dockwatch"
category: "monitoring"
tags: ["monitoring", "docker", "analytics"]
###### Tools
- name: "Gitea"
description: "Git Server"
url: "https://gitea.kent.pw"
iconName: "gitea"
category: "tools"
tags: ["tools", "development", "management"]
- name: "NocoDB"
description: "Database Platform"
url: "https://noco.kent.pw"
iconName: "nocodb"
category: "tools"
monitorName: "NocoDB"
tags: ["tools", "development", "storage"]
- name: "IT Tools"
description: "Developer Utilities"
url: "https://ittools.kent.pw"
iconName: "it-tools"
category: "tools"
monitorName: "IT Tools"
tags: ["tools", "development"]
- name: "Firefox"
description: "Browser Instance"
url: "https://firefox.kent.pw"
iconName: "firefox"
category: "tools"
tags: ["tools", "automation"]
- name: "FileBrowser"
description: "Edit Server Files"
@@ -179,48 +149,80 @@ services:
category: "tools"
monitorName: "File Browser"
cardStyle:
background: "bg-blue-50 dark:bg-blue-950/30"
iconColor: "text-blue-600 dark:text-blue-400"
iconColor: "text-sky-500 dark:text-sky-600"
tags: ["tools", "management", "storage"]
- name: "Color Picker"
description: "Convert Colors"
url: "https://kent.pw/color-picker"
iconName: "lucide-rainbow"
category: "tools"
monitorName: "Color-Picker"
cardStyle:
iconColor: "text-indigo-500 dark:text-indigo-600"
tags: ["tools", "development"]
- name: "Ntfy"
description: "Send Notifications"
url: "https://ntfy.kent.pw"
iconName: "ntfy"
category: "tools"
tags: ["tools", "notifications", "automation"]
###### Documents
- name: "Drive"
description: "File Storage"
url: "https://drive.kent.pw"
iconName: "synology"
category: "tools"
category: "documents"
monitorName: "Synology Drive"
tags: ["documents", "storage", "backup"]
- name: "Paperless"
description: "Document Storage"
url: "https://paperless.kent.pw"
iconName: "paperless-ngx"
category: "documents"
tags: ["documents", "storage", "documentation"]
- name: "Paperless-AI"
description: "Enhance Paperless"
url: "https://paperless-ai.kent.pw"
iconName: "lucide-leaf"
category: "documents"
cardStyle:
iconColor: "text-blue-500 dark:text-blue-600"
tags: ["documents", "ai", "automation"]
###### ACOT
- name: "Dashboard"
description: "ACOT Dashboard"
url: "https://dashboard.kent.pw"
iconName: "lucide-layout-dashboard"
category: "acot"
cardStyle:
background: "bg-sky-50 dark:bg-sky-950/30"
iconColor: "text-sky-600 dark:text-sky-400"
tags: ["acot", "analytics", "management"]
- name: "Inventory"
description: "ACOT Inventory"
url: "https://inventory.kent.pw"
iconName: "lucide-box"
category: "acot"
tags: ["acot", "management", "storage"]
###### Home
- name: "Homebridge"
description: "HomeKit Bridge"
url: "https://homebridge.kent.pw"
iconName: "homebridge"
category: "home"
cardStyle:
background: "bg-purple-50 dark:bg-purple-950/30"
iconColor: "text-purple-600 dark:text-purple-400"
tags: ["home", "automation", "management"]
- name: "Scrypted"
description: "Manage Cameras"
url: "https://scrypted.kent.pw"
iconName: "scrypted"
category: "home"
cardStyle:
background: "bg-indigo-50 dark:bg-indigo-950/30"
iconColor: "text-indigo-600 dark:text-indigo-400"
tags: ["home", "camera", "streaming"]
- name: "3D Printer"
description: "Fluidd Interface"
@@ -228,9 +230,14 @@ services:
iconName: "fluidd"
category: "home"
monitorName: "Printer"
cardStyle:
background: "bg-sky-50 dark:bg-sky-950/30"
iconColor: "text-sky-600 dark:text-sky-400"
tags: ["home", "printing", "automation"]
- name: "Spoolman"
description: "Manage Filament"
url: "https://spoolman.kent.pw"
iconName: "spoolman"
category: "home"
tags: ["home", "printing", "management"]
- name: "Go2RTC"
description: "Stream Cameras"
@@ -238,6 +245,33 @@ services:
iconName: "lucide-webcam"
category: "home"
monitorName: "Go2RTC"
cardStyle:
background: "bg-orange-50 dark:bg-orange-950/30"
iconColor: "text-orange-600 dark:text-orange-400"
tags: ["home", "camera", "streaming"]
###### Media
- name: "Plex"
description: "Media Server"
url: "https://plex.kent.pw"
iconName: "plex"
category: "media"
tags: ["media", "streaming", "management"]
- name: "Sonarr"
description: "TV Manager"
url: "https://sonarr.kent.pw"
iconName: "sonarr"
category: "media"
tags: ["media", "download", "automation"]
- name: "Jackett"
description: "Torrent Indexer"
url: "https://jackett.kent.pw"
iconName: "jackett"
category: "media"
tags: ["media", "download"]
- name: "Deluge"
description: "Torrent Client"
url: "https://deluge.kent.pw"
iconName: "deluge"
category: "media"
tags: ["media", "download"]