Add Homepage dashboard on Proxmox with Palantir theme and Admin UI.
Deploy gethomepage on pve CT 120, categorized services from Homarr, RSS feeds, custom styling, and a browser-based admin UI on the NAS for adding sites. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,89 @@
|
||||
# Homepage (gethomepage.dev)
|
||||
|
||||
Palantir-stijl homelab-dashboard.
|
||||
|
||||
| | |
|
||||
|---|---|
|
||||
| **URL** | http://192.168.1.192:3000 |
|
||||
| **Proxmox** | pve CT 120 (`192.168.1.216`) |
|
||||
|
||||
## Grafisch toevoegen (Admin UI)
|
||||
|
||||
Open in je browser:
|
||||
|
||||
**http://192.168.1.211:3010**
|
||||
|
||||
Eerste keer starten op de NAS:
|
||||
|
||||
```bash
|
||||
cd /volume1/docker/homelab-configs/apps/homepage
|
||||
./start-admin.sh
|
||||
```
|
||||
|
||||
1. Vul naam + URL in → **Toevoegen**
|
||||
2. Klik **Toepassen op Homepage** (deploy naar Proxmox)
|
||||
3. Refresh http://192.168.1.192:3000
|
||||
|
||||
---
|
||||
|
||||
## Snel een website toevoegen (terminal)
|
||||
|
||||
**Niet** in `services.yaml` zoeken — gebruik **`websites-add.txt`** of het script:
|
||||
|
||||
### Optie A — interactief (makkelijkst)
|
||||
|
||||
```bash
|
||||
cd /volume1/docker/homelab-configs/apps/homepage
|
||||
./add-website.sh
|
||||
```
|
||||
|
||||
### Optie B — één commando
|
||||
|
||||
```bash
|
||||
./add-website.sh "Jellyfin" "http://192.168.1.10:8096" "Media & TV"
|
||||
```
|
||||
|
||||
### Optie C — regel toevoegen in `websites-add.txt`
|
||||
|
||||
```
|
||||
Productivity|Mijn app|http://192.168.1.150:8080
|
||||
AI Assistants|Claude|https://claude.ai
|
||||
```
|
||||
|
||||
Daarna: `./apply.sh` (genereert config + deploy)
|
||||
|
||||
**Groepen:** `Infrastructure`, `Media & TV`, `Smart Home`, `Productivity`, `Tools & Utils`, `AI Assistants`, `Dev & Docs`, `Web Design`
|
||||
|
||||
## Tabs
|
||||
|
||||
| Tab | Inhoud |
|
||||
|-----|--------|
|
||||
| **Ops** | Infrastructure, Tools & Utils |
|
||||
| **Media** | Media & TV |
|
||||
| **Home** | Smart Home |
|
||||
| **Work** | Productivity |
|
||||
| **AI** | AI Assistants, Dev & Docs, Web Design |
|
||||
| **Feeds** | RSS + bookmarks |
|
||||
|
||||
## Overige commando's
|
||||
|
||||
```bash
|
||||
./set-logo.sh /pad/naar/foto.jpg # profielfoto
|
||||
python3 generate-config.py # Homarr + websites-add.txt → config/
|
||||
./deploy-to-pve.sh # alleen deploy
|
||||
./apply.sh # generate + deploy
|
||||
```
|
||||
|
||||
## Config-bestanden
|
||||
|
||||
| Bestand | Wie bewerkt |
|
||||
|---------|-------------|
|
||||
| **`websites-add.txt`** | **Jij** — extra links (1 regel per site) |
|
||||
| `config/services.yaml` | Automatisch gegenereerd |
|
||||
| `config/settings.yaml` | Tabs, layout |
|
||||
| `config/widgets.yaml` | Logo, klok, zoeken |
|
||||
| `config/custom.css` | Thema |
|
||||
|
||||
Homarr-sync: wijzigingen in Homarr → `python3 generate-config.py` → `./apply.sh`
|
||||
|
||||
Docs: https://gethomepage.dev/
|
||||
@@ -0,0 +1,59 @@
|
||||
#!/bin/sh
|
||||
# Voeg snel een website toe: ./add-website.sh of ./add-website.sh "Naam" "url" "groep"
|
||||
set -e
|
||||
APP="$(cd "$(dirname "$0")" && pwd)"
|
||||
FILE="$APP/websites-add.txt"
|
||||
|
||||
usage() {
|
||||
echo "Gebruik:"
|
||||
echo " $0"
|
||||
echo " $0 \"Naam\" \"http://url\" [groep]"
|
||||
echo ""
|
||||
echo "Groepen: Infrastructure | \"Media & TV\" | \"Smart Home\" | Productivity"
|
||||
echo " \"Tools & Utils\" | \"AI Assistants\" | \"Dev & Docs\" | \"Web Design\""
|
||||
exit 1
|
||||
}
|
||||
|
||||
pick_group() {
|
||||
echo "Kies groep:"
|
||||
echo " 1) Infrastructure 5) Tools & Utils"
|
||||
echo " 2) Media & TV 6) AI Assistants"
|
||||
echo " 3) Smart Home 7) Dev & Docs"
|
||||
echo " 4) Productivity 8) Web Design"
|
||||
printf "> "
|
||||
read -r n
|
||||
case "$n" in
|
||||
1) echo "Infrastructure" ;;
|
||||
2) echo "Media & TV" ;;
|
||||
3) echo "Smart Home" ;;
|
||||
4) echo "Productivity" ;;
|
||||
5) echo "Tools & Utils" ;;
|
||||
6) echo "AI Assistants" ;;
|
||||
7) echo "Dev & Docs" ;;
|
||||
8) echo "Web Design" ;;
|
||||
*) echo "Productivity" ;;
|
||||
esac
|
||||
}
|
||||
|
||||
if [ $# -eq 0 ]; then
|
||||
printf "Naam: "
|
||||
read -r NAME
|
||||
printf "URL: "
|
||||
read -r URL
|
||||
GROUP=$(pick_group)
|
||||
elif [ $# -ge 2 ]; then
|
||||
NAME="$1"
|
||||
URL="$2"
|
||||
GROUP="${3:-Productivity}"
|
||||
else
|
||||
usage
|
||||
fi
|
||||
|
||||
[ -n "$NAME" ] && [ -n "$URL" ] || usage
|
||||
|
||||
# Pipe in naam/url escapen
|
||||
NAME_ESC=$(printf '%s' "$NAME" | sed 's/|/-/g')
|
||||
echo "${GROUP}|${NAME_ESC}|${URL}" >> "$FILE"
|
||||
echo "Toegevoegd: ${GROUP} | ${NAME} | ${URL}"
|
||||
echo ""
|
||||
"$APP/apply.sh"
|
||||
@@ -0,0 +1,17 @@
|
||||
FROM python:3.11-slim-bookworm
|
||||
|
||||
RUN apt-get update && apt-get install -y --no-install-recommends \
|
||||
docker.io curl \
|
||||
&& rm -rf /var/lib/apt/lists/*
|
||||
|
||||
WORKDIR /app
|
||||
COPY requirements.txt .
|
||||
RUN pip install --no-cache-dir -r requirements.txt
|
||||
|
||||
COPY server.py .
|
||||
COPY static ./static
|
||||
|
||||
ENV PYTHONUNBUFFERED=1
|
||||
EXPOSE 3010
|
||||
|
||||
CMD ["python", "server.py"]
|
||||
@@ -0,0 +1,3 @@
|
||||
fastapi==0.115.6
|
||||
uvicorn[standard]==0.32.1
|
||||
pydantic==2.10.3
|
||||
@@ -0,0 +1,208 @@
|
||||
#!/usr/bin/env python3
|
||||
"""Homepage Admin UI — sites toevoegen via browser."""
|
||||
import os
|
||||
import re
|
||||
import subprocess
|
||||
import threading
|
||||
from pathlib import Path
|
||||
|
||||
from fastapi import FastAPI, HTTPException
|
||||
from fastapi.responses import FileResponse, HTMLResponse
|
||||
from fastapi.staticfiles import StaticFiles
|
||||
from pydantic import BaseModel
|
||||
|
||||
APP_ROOT = Path(os.environ.get("HOMEPAGE_DIR", Path(__file__).resolve().parent.parent))
|
||||
WEBSITES_ADD = APP_ROOT / "websites-add.txt"
|
||||
HOMELAB_APPS = APP_ROOT.parent
|
||||
GENERATE = APP_ROOT / "generate-config.py"
|
||||
DEPLOY = APP_ROOT / "deploy-to-pve.sh"
|
||||
|
||||
GROUPS = [
|
||||
"Infrastructure",
|
||||
"Media & TV",
|
||||
"Smart Home",
|
||||
"Productivity",
|
||||
"Tools & Utils",
|
||||
"AI Assistants",
|
||||
"Dev & Docs",
|
||||
"Web Design",
|
||||
]
|
||||
|
||||
TAB_FOR_GROUP = {
|
||||
"Infrastructure": "Ops",
|
||||
"Media & TV": "Media",
|
||||
"Smart Home": "Home",
|
||||
"Productivity": "Work",
|
||||
"Tools & Utils": "Ops",
|
||||
"AI Assistants": "AI",
|
||||
"Dev & Docs": "AI",
|
||||
"Web Design": "AI",
|
||||
}
|
||||
|
||||
_apply_lock = threading.Lock()
|
||||
_apply_status = {"running": False, "ok": None, "log": ""}
|
||||
|
||||
|
||||
class SiteIn(BaseModel):
|
||||
group: str
|
||||
name: str
|
||||
url: str
|
||||
|
||||
|
||||
class SiteOut(BaseModel):
|
||||
id: int
|
||||
group: str
|
||||
name: str
|
||||
url: str
|
||||
tab: str
|
||||
|
||||
|
||||
def read_sites() -> list[dict]:
|
||||
if not WEBSITES_ADD.exists():
|
||||
WEBSITES_ADD.write_text(
|
||||
"# groep|naam|url\n# Of gebruik de UI op poort 3010\n\n",
|
||||
encoding="utf-8",
|
||||
)
|
||||
rows = []
|
||||
for i, raw in enumerate(WEBSITES_ADD.read_text(encoding="utf-8").splitlines()):
|
||||
line = raw.strip()
|
||||
if not line or line.startswith("#"):
|
||||
continue
|
||||
parts = [p.strip() for p in line.split("|", 2)]
|
||||
if len(parts) != 3:
|
||||
continue
|
||||
g, n, u = parts
|
||||
rows.append(
|
||||
{
|
||||
"id": len(rows),
|
||||
"group": g,
|
||||
"name": n,
|
||||
"url": u,
|
||||
"tab": TAB_FOR_GROUP.get(g, "?"),
|
||||
}
|
||||
)
|
||||
return rows
|
||||
|
||||
|
||||
def write_sites(rows: list[tuple[str, str, str]]) -> None:
|
||||
lines = [
|
||||
"# Extra websites — beheerd via Homepage Admin UI",
|
||||
"# groep|naam|url",
|
||||
"",
|
||||
]
|
||||
for g, n, u in rows:
|
||||
n = n.replace("|", "-")
|
||||
lines.append(f"{g}|{n}|{u}")
|
||||
lines.append("")
|
||||
WEBSITES_ADD.write_text("\n".join(lines), encoding="utf-8")
|
||||
|
||||
|
||||
def run_apply():
|
||||
global _apply_status
|
||||
with _apply_lock:
|
||||
_apply_status = {"running": True, "ok": None, "log": "Start…\n"}
|
||||
try:
|
||||
gen = subprocess.run(
|
||||
["python3", str(GENERATE)],
|
||||
cwd=str(APP_ROOT),
|
||||
capture_output=True,
|
||||
text=True,
|
||||
timeout=120,
|
||||
)
|
||||
_apply_status["log"] += gen.stdout or ""
|
||||
if gen.stderr:
|
||||
_apply_status["log"] += gen.stderr
|
||||
if gen.returncode != 0:
|
||||
_apply_status["ok"] = False
|
||||
_apply_status["log"] += "\nFout bij generate-config.py"
|
||||
return
|
||||
|
||||
_apply_status["log"] += "\nDeploy naar Proxmox…\n"
|
||||
dep = subprocess.run(
|
||||
["/bin/sh", str(DEPLOY)],
|
||||
cwd=str(APP_ROOT),
|
||||
capture_output=True,
|
||||
text=True,
|
||||
timeout=300,
|
||||
env={**os.environ},
|
||||
)
|
||||
_apply_status["log"] += dep.stdout or ""
|
||||
if dep.stderr:
|
||||
_apply_status["log"] += dep.stderr
|
||||
_apply_status["ok"] = dep.returncode == 0
|
||||
if _apply_status["ok"]:
|
||||
_apply_status["log"] += "\n✓ Klaar — refresh Homepage (Ctrl+Shift+R)"
|
||||
else:
|
||||
_apply_status["log"] += "\n✗ Deploy mislukt"
|
||||
except Exception as e:
|
||||
_apply_status["ok"] = False
|
||||
_apply_status["log"] += f"\nFout: {e}"
|
||||
finally:
|
||||
_apply_status["running"] = False
|
||||
|
||||
|
||||
app = FastAPI(title="Homepage Admin")
|
||||
static_dir = Path(__file__).parent / "static"
|
||||
app.mount("/static", StaticFiles(directory=str(static_dir)), name="static")
|
||||
|
||||
|
||||
@app.get("/", response_class=HTMLResponse)
|
||||
def index():
|
||||
return FileResponse(static_dir / "index.html")
|
||||
|
||||
|
||||
@app.get("/api/groups")
|
||||
def api_groups():
|
||||
return [{"name": g, "tab": TAB_FOR_GROUP.get(g, "")} for g in GROUPS]
|
||||
|
||||
|
||||
@app.get("/api/sites")
|
||||
def api_sites():
|
||||
return read_sites()
|
||||
|
||||
|
||||
@app.post("/api/sites")
|
||||
def api_add(site: SiteIn):
|
||||
if site.group not in GROUPS:
|
||||
raise HTTPException(400, f"Onbekende groep: {site.group}")
|
||||
name = site.name.strip()
|
||||
url = site.url.strip()
|
||||
if not name or not url:
|
||||
raise HTTPException(400, "Naam en URL zijn verplicht")
|
||||
if not re.match(r"^https?://", url, re.I):
|
||||
raise HTTPException(400, "URL moet beginnen met http:// of https://")
|
||||
|
||||
rows = [(s["group"], s["name"], s["url"]) for s in read_sites()]
|
||||
rows.append((site.group, name, url))
|
||||
write_sites(rows)
|
||||
return {"ok": True}
|
||||
|
||||
|
||||
@app.delete("/api/sites/{site_id}")
|
||||
def api_delete(site_id: int):
|
||||
sites = read_sites()
|
||||
if site_id < 0 or site_id >= len(sites):
|
||||
raise HTTPException(404, "Site niet gevonden")
|
||||
rows = [(s["group"], s["name"], s["url"]) for i, s in enumerate(sites) if i != site_id]
|
||||
write_sites(rows)
|
||||
return {"ok": True}
|
||||
|
||||
|
||||
@app.post("/api/apply")
|
||||
def api_apply():
|
||||
if _apply_status.get("running"):
|
||||
raise HTTPException(409, "Bezig met toepassen…")
|
||||
t = threading.Thread(target=run_apply, daemon=True)
|
||||
t.start()
|
||||
return {"ok": True, "message": "Gestart"}
|
||||
|
||||
|
||||
@app.get("/api/apply/status")
|
||||
def api_apply_status():
|
||||
return _apply_status
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import uvicorn
|
||||
|
||||
uvicorn.run(app, host="0.0.0.0", port=3010)
|
||||
@@ -0,0 +1,260 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Homepage Admin — EL-KADI OPS</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
||||
<style>
|
||||
:root {
|
||||
--void: #02060c;
|
||||
--surface: #0a1424;
|
||||
--border: rgba(56, 132, 220, 0.2);
|
||||
--blue: #3b82f6;
|
||||
--cyan: #22d3ee;
|
||||
--orange: #fb923c;
|
||||
--text: #e8eef7;
|
||||
--muted: #64748b;
|
||||
--mono: 'JetBrains Mono', monospace;
|
||||
--sans: 'DM Sans', system-ui, sans-serif;
|
||||
}
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
font-family: var(--sans);
|
||||
background: var(--void);
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed; inset: 0;
|
||||
background:
|
||||
radial-gradient(ellipse 80% 50% at 10% -10%, rgba(59,130,246,.2), transparent 50%),
|
||||
radial-gradient(ellipse 50% 40% at 90% 80%, rgba(251,146,60,.1), transparent 45%);
|
||||
pointer-events: none; z-index: 0;
|
||||
}
|
||||
.wrap { max-width: 920px; margin: 0 auto; position: relative; z-index: 1; }
|
||||
header {
|
||||
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
|
||||
gap: 1rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border);
|
||||
}
|
||||
h1 { font-size: 1.1rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
|
||||
h1 span { color: var(--orange); font-family: var(--mono); font-size: 0.7rem; display: block; margin-top: 0.25rem; letter-spacing: 0.2em; }
|
||||
.links a {
|
||||
color: var(--cyan); text-decoration: none; font-size: 0.85rem; margin-left: 1rem;
|
||||
}
|
||||
.links a:hover { color: var(--orange); }
|
||||
.card {
|
||||
background: rgba(10, 22, 40, 0.92);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
.card h2 {
|
||||
font-family: var(--mono); font-size: 0.65rem; letter-spacing: 0.2em;
|
||||
text-transform: uppercase; color: var(--cyan); margin-bottom: 1rem;
|
||||
}
|
||||
label { display: block; font-size: 0.75rem; color: var(--muted); margin-bottom: 0.35rem; }
|
||||
input, select {
|
||||
width: 100%; padding: 0.65rem 0.75rem; margin-bottom: 0.85rem;
|
||||
background: rgba(5, 12, 24, 0.8); border: 1px solid var(--border); border-radius: 8px;
|
||||
color: var(--text); font-family: var(--sans); font-size: 0.95rem;
|
||||
}
|
||||
input:focus, select:focus { outline: none; border-color: var(--orange); }
|
||||
.grid { display: grid; grid-template-columns: 1fr 2fr 2fr auto; gap: 0.75rem; align-items: end; }
|
||||
@media (max-width: 700px) { .grid { grid-template-columns: 1fr; } }
|
||||
.btn {
|
||||
padding: 0.65rem 1.1rem; border: none; border-radius: 8px; cursor: pointer;
|
||||
font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.08em;
|
||||
text-transform: uppercase; transition: opacity 0.2s, transform 0.15s;
|
||||
}
|
||||
.btn:hover { transform: translateY(-1px); }
|
||||
.btn-primary { background: linear-gradient(135deg, var(--blue), #2563eb); color: #fff; }
|
||||
.btn-accent { background: linear-gradient(135deg, var(--orange), #ea580c); color: #fff; width: 100%; margin-top: 0.5rem; }
|
||||
.btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--muted); padding: 0.4rem 0.6rem; }
|
||||
.btn-ghost:hover { border-color: #f87171; color: #f87171; }
|
||||
.btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
|
||||
th {
|
||||
text-align: left; font-family: var(--mono); font-size: 0.58rem;
|
||||
letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted);
|
||||
padding: 0.5rem 0.4rem; border-bottom: 1px solid var(--border);
|
||||
}
|
||||
td { padding: 0.65rem 0.4rem; border-bottom: 1px solid rgba(255,255,255,0.04); vertical-align: middle; }
|
||||
td a { color: var(--cyan); text-decoration: none; word-break: break-all; }
|
||||
td a:hover { color: var(--orange); }
|
||||
.tag {
|
||||
display: inline-block; font-family: var(--mono); font-size: 0.58rem;
|
||||
padding: 0.15rem 0.45rem; border-radius: 4px;
|
||||
background: rgba(59,130,246,0.15); color: var(--cyan); margin-right: 0.35rem;
|
||||
}
|
||||
.empty { color: var(--muted); font-style: italic; padding: 1rem 0; }
|
||||
#log {
|
||||
font-family: var(--mono); font-size: 0.7rem; line-height: 1.5;
|
||||
background: rgba(0,0,0,0.35); border-radius: 8px; padding: 0.75rem;
|
||||
max-height: 200px; overflow: auto; color: var(--muted); white-space: pre-wrap;
|
||||
margin-top: 0.75rem; display: none;
|
||||
}
|
||||
#log.show { display: block; }
|
||||
#log.ok { color: #4ade80; }
|
||||
#log.err { color: #f87171; }
|
||||
.toast {
|
||||
position: fixed; bottom: 1.5rem; right: 1.5rem; padding: 0.75rem 1rem;
|
||||
background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
|
||||
font-size: 0.85rem; opacity: 0; transition: opacity 0.3s; z-index: 10;
|
||||
}
|
||||
.toast.show { opacity: 1; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<header>
|
||||
<h1>Homepage Admin<span>Websites toevoegen</span></h1>
|
||||
<div class="links">
|
||||
<a href="http://192.168.1.192:3000" target="_blank" rel="noreferrer">→ Open dashboard</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="card">
|
||||
<h2>Nieuwe website</h2>
|
||||
<form id="add-form">
|
||||
<div class="grid">
|
||||
<div>
|
||||
<label for="group">Groep / tab</label>
|
||||
<select id="group" required></select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="name">Naam</label>
|
||||
<input id="name" type="text" placeholder="bijv. Jellyfin" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="url">URL</label>
|
||||
<input id="url" type="url" placeholder="http://192.168.1.10:8096" required />
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary">Toevoegen</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<h2>Jouw extra sites</h2>
|
||||
<div id="list-wrap">
|
||||
<p class="empty">Laden…</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card">
|
||||
<h2>Dashboard bijwerken</h2>
|
||||
<p style="font-size:0.85rem;color:var(--muted);margin-bottom:0.75rem;">
|
||||
Na toevoegen of verwijderen: klik hieronder. Dit genereert de config en deployt naar Proxmox (±1 min).
|
||||
</p>
|
||||
<button type="button" id="apply-btn" class="btn btn-accent">Toepassen op Homepage</button>
|
||||
<pre id="log"></pre>
|
||||
</section>
|
||||
</div>
|
||||
<div id="toast" class="toast"></div>
|
||||
|
||||
<script>
|
||||
const API = '';
|
||||
const $ = (s) => document.querySelector(s);
|
||||
|
||||
function toast(msg) {
|
||||
const t = $('#toast');
|
||||
t.textContent = msg;
|
||||
t.classList.add('show');
|
||||
setTimeout(() => t.classList.remove('show'), 2800);
|
||||
}
|
||||
|
||||
async function loadGroups() {
|
||||
const groups = await fetch(API + '/api/groups').then((r) => r.json());
|
||||
$('#group').innerHTML = groups
|
||||
.map((g) => `<option value="${g.name}">${g.name} (tab ${g.tab})</option>`)
|
||||
.join('');
|
||||
}
|
||||
|
||||
async function loadSites() {
|
||||
const sites = await fetch(API + '/api/sites').then((r) => r.json());
|
||||
const wrap = $('#list-wrap');
|
||||
if (!sites.length) {
|
||||
wrap.innerHTML = '<p class="empty">Nog geen extra sites — voeg hierboven toe.</p>';
|
||||
return;
|
||||
}
|
||||
wrap.innerHTML = `<table>
|
||||
<thead><tr><th>Groep</th><th>Naam</th><th>URL</th><th></th></tr></thead>
|
||||
<tbody>${sites.map((s) => `
|
||||
<tr>
|
||||
<td><span class="tag">${s.tab}</span>${esc(s.group)}</td>
|
||||
<td>${esc(s.name)}</td>
|
||||
<td><a href="${esc(s.url)}" target="_blank" rel="noreferrer">${esc(s.url)}</a></td>
|
||||
<td><button type="button" class="btn btn-ghost" data-id="${s.id}">Verwijder</button></td>
|
||||
</tr>`).join('')}</tbody>
|
||||
</table>`;
|
||||
wrap.querySelectorAll('[data-id]').forEach((btn) => {
|
||||
btn.onclick = async () => {
|
||||
if (!confirm('Verwijderen?')) return;
|
||||
await fetch(API + '/api/sites/' + btn.dataset.id, { method: 'DELETE' });
|
||||
toast('Verwijderd — klik nog op Toepassen');
|
||||
loadSites();
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
function esc(s) {
|
||||
const d = document.createElement('div');
|
||||
d.textContent = s || '';
|
||||
return d.innerHTML;
|
||||
}
|
||||
|
||||
$('#add-form').onsubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
const body = {
|
||||
group: $('#group').value,
|
||||
name: $('#name').value.trim(),
|
||||
url: $('#url').value.trim(),
|
||||
};
|
||||
const r = await fetch(API + '/api/sites', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
if (!r.ok) {
|
||||
const err = await r.json().catch(() => ({}));
|
||||
toast(err.detail || 'Fout bij toevoegen');
|
||||
return;
|
||||
}
|
||||
$('#name').value = '';
|
||||
$('#url').value = '';
|
||||
toast('Toegevoegd — klik op Toepassen');
|
||||
loadSites();
|
||||
};
|
||||
|
||||
$('#apply-btn').onclick = async () => {
|
||||
const btn = $('#apply-btn');
|
||||
const log = $('#log');
|
||||
btn.disabled = true;
|
||||
log.className = 'show';
|
||||
log.textContent = 'Bezig…\n';
|
||||
|
||||
await fetch(API + '/api/apply', { method: 'POST' });
|
||||
const poll = setInterval(async () => {
|
||||
const st = await fetch(API + '/api/apply/status').then((r) => r.json());
|
||||
log.textContent = st.log || '…';
|
||||
if (!st.running) {
|
||||
clearInterval(poll);
|
||||
btn.disabled = false;
|
||||
log.classList.add(st.ok ? 'ok' : 'err');
|
||||
toast(st.ok ? 'Homepage bijgewerkt!' : 'Fout — zie log');
|
||||
}
|
||||
}, 1500);
|
||||
};
|
||||
|
||||
loadGroups().then(loadSites);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,9 @@
|
||||
#!/bin/sh
|
||||
# Genereer config + deploy naar Proxmox (na wijziging websites.yaml of Homarr)
|
||||
set -e
|
||||
APP="$(cd "$(dirname "$0")" && pwd)"
|
||||
cd "$APP"
|
||||
echo "=== Config genereren (Homarr + websites.yaml) ==="
|
||||
python3 generate-config.py
|
||||
echo "=== Deploy naar CT 120 ==="
|
||||
./deploy-to-pve.sh
|
||||
@@ -0,0 +1,60 @@
|
||||
---
|
||||
- Tech News:
|
||||
- Hacker News:
|
||||
- abbr: HN
|
||||
href: https://hnrss.org/frontpage
|
||||
- Ars Technica:
|
||||
- abbr: AT
|
||||
href: https://feeds.arstechnica.com/arstechnica/index
|
||||
- The Verge:
|
||||
- abbr: TV
|
||||
href: https://www.theverge.com/rss/index.xml
|
||||
- Lobsters:
|
||||
- abbr: L
|
||||
href: https://lobste.rs/rss
|
||||
- Security:
|
||||
- BleepingComputer:
|
||||
- abbr: B
|
||||
href: https://www.bleepingcomputer.com/feed/
|
||||
- Krebs on Security:
|
||||
- abbr: KO
|
||||
href: https://krebsonsecurity.com/feed/
|
||||
- The Hacker News:
|
||||
- abbr: TH
|
||||
href: https://feeds.feedburner.com/TheHackersNews
|
||||
- Homelab:
|
||||
- selfh.st:
|
||||
- abbr: SS
|
||||
href: https://selfh.st/rss/
|
||||
- Proxmox Forum:
|
||||
- abbr: PF
|
||||
href: https://forum.proxmox.com/forums/-/index.rss
|
||||
- r/selfhosted:
|
||||
- abbr: RS
|
||||
href: https://www.reddit.com/r/selfhosted/.rss
|
||||
- Docker Blog:
|
||||
- abbr: DB
|
||||
href: https://www.docker.com/blog/feed/
|
||||
- LinuxServer.io:
|
||||
- abbr: LI
|
||||
href: https://www.linuxserver.io/blog/rss/
|
||||
- Marius Hosting:
|
||||
- abbr: MH
|
||||
href: https://mariushosting.com/feed/
|
||||
- AI & Dev:
|
||||
- OpenAI Blog:
|
||||
- abbr: OB
|
||||
href: https://openai.com/blog/rss.xml
|
||||
- Hugging Face Blog:
|
||||
- abbr: HF
|
||||
href: https://huggingface.co/blog/feed.xml
|
||||
- GitHub Blog:
|
||||
- abbr: GB
|
||||
href: https://github.blog/feed/
|
||||
- Blogs:
|
||||
- Jack van lightly:
|
||||
- abbr: JV
|
||||
href: https://jack-vanlightly.com/feed.xml
|
||||
- Juhache:
|
||||
- abbr: J
|
||||
href: https://juhache.substack.com/feed
|
||||
@@ -0,0 +1,431 @@
|
||||
/* EL-KADI OPS — Palantir blue + orange */
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap');
|
||||
|
||||
:root {
|
||||
--p-void: #02060c;
|
||||
--p-deep: #051018;
|
||||
--p-surface: #0a1424;
|
||||
--p-elevated: rgba(10, 22, 40, 0.92);
|
||||
--p-border: rgba(56, 132, 220, 0.18);
|
||||
--p-border-hot: rgba(251, 146, 60, 0.45);
|
||||
--p-blue: #3b82f6;
|
||||
--p-cyan: #22d3ee;
|
||||
--p-orange: #fb923c;
|
||||
--p-amber: #fbbf24;
|
||||
--p-teal: #2dd4bf;
|
||||
--p-text: #e8eef7;
|
||||
--p-muted: #64748b;
|
||||
--p-mono: 'JetBrains Mono', ui-monospace, monospace;
|
||||
--p-sans: 'DM Sans', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
html { color-scheme: dark; }
|
||||
|
||||
body {
|
||||
font-family: var(--p-sans) !important;
|
||||
background: var(--p-void) !important;
|
||||
color: var(--p-text) !important;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(ellipse 100% 70% at 8% -15%, rgba(59, 130, 246, 0.22), transparent 52%),
|
||||
radial-gradient(ellipse 80% 55% at 95% 5%, rgba(34, 211, 238, 0.12), transparent 48%),
|
||||
radial-gradient(ellipse 60% 50% at 88% 75%, rgba(251, 146, 60, 0.14), transparent 45%),
|
||||
radial-gradient(ellipse 50% 40% at 12% 85%, rgba(251, 146, 60, 0.08), transparent 40%),
|
||||
linear-gradient(165deg, #061018 0%, #02060c 45%, #030810 100%);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
animation: bg-breathe 14s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes bg-breathe {
|
||||
0% { opacity: 1; }
|
||||
100% { opacity: 0.9; }
|
||||
}
|
||||
|
||||
body::after {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(rgba(59, 130, 246, 0.04) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(59, 130, 246, 0.04) 1px, transparent 1px);
|
||||
background-size: 56px 56px;
|
||||
mask-image: radial-gradient(ellipse 90% 80% at 50% 30%, black 10%, transparent 72%);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
animation: grid-drift 40s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes grid-drift {
|
||||
from { transform: translate(0, 0); }
|
||||
to { transform: translate(-56px, -56px); }
|
||||
}
|
||||
|
||||
.palantir-scanline {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.04) 3px, rgba(0,0,0,0.04) 6px);
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
.palantir-noise {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
opacity: 0.03;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
#page_wrapper { position: relative; z-index: 2; }
|
||||
|
||||
#information-widget-greeting, .information-widget-greeting {
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: 0.22em !important;
|
||||
text-transform: uppercase !important;
|
||||
font-size: 0.7rem !important;
|
||||
color: var(--p-orange) !important;
|
||||
font-family: var(--p-mono) !important;
|
||||
}
|
||||
|
||||
.information-widget {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 10px !important;
|
||||
background: var(--p-elevated) !important;
|
||||
backdrop-filter: blur(14px);
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(59,130,246,0.08);
|
||||
}
|
||||
|
||||
button[role="tab"] {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.68rem !important;
|
||||
letter-spacing: 0.14em !important;
|
||||
text-transform: uppercase !important;
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 6px !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
button[role="tab"][aria-selected="true"] {
|
||||
background: linear-gradient(135deg, rgba(59,130,246,0.2), rgba(251,146,60,0.12)) !important;
|
||||
border-color: var(--p-border-hot) !important;
|
||||
color: var(--p-cyan) !important;
|
||||
box-shadow: 0 0 20px rgba(251,146,60,0.15);
|
||||
}
|
||||
|
||||
.service-block, #services .service-group .service {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 10px !important;
|
||||
background: var(--p-elevated) !important;
|
||||
backdrop-filter: blur(12px);
|
||||
transition: border-color 0.2s, box-shadow 0.25s, transform 0.2s;
|
||||
}
|
||||
|
||||
.service-block:hover, #services .service-group .service:hover {
|
||||
border-color: rgba(251,146,60,0.5) !important;
|
||||
box-shadow: 0 0 28px rgba(59,130,246,0.12), 0 0 12px rgba(251,146,60,0.1);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
#services h2.service-group-name, .service-group-title {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.62rem !important;
|
||||
letter-spacing: 0.2em !important;
|
||||
text-transform: uppercase !important;
|
||||
color: var(--p-cyan) !important;
|
||||
}
|
||||
|
||||
#bookmarks .bookmark-group h2, .bookmark-group-name {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.62rem !important;
|
||||
letter-spacing: 0.18em !important;
|
||||
text-transform: uppercase !important;
|
||||
color: var(--p-orange) !important;
|
||||
}
|
||||
|
||||
#bookmarks a {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
transition: border-color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
#bookmarks a:hover {
|
||||
border-color: rgba(251,146,60,0.4) !important;
|
||||
box-shadow: 0 0 16px rgba(59,130,246,0.1);
|
||||
}
|
||||
|
||||
.rss-hub {
|
||||
margin: 1rem 1.5rem 1.5rem;
|
||||
padding: 1.25rem 1.5rem;
|
||||
border: 1px solid var(--p-border);
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(145deg, rgba(10,22,40,0.95), rgba(6,12,22,0.98));
|
||||
box-shadow: 0 8px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(59,130,246,0.12);
|
||||
backdrop-filter: blur(16px);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rss-hub::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: 0; right: 0;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, transparent, var(--p-blue), var(--p-orange), var(--p-cyan), transparent);
|
||||
animation: rss-scan 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes rss-scan {
|
||||
0%, 100% { opacity: 0.5; transform: scaleX(0.6); }
|
||||
50% { opacity: 1; transform: scaleX(1); }
|
||||
}
|
||||
|
||||
.rss-hub-title {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem 1rem;
|
||||
margin-bottom: 1.25rem;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.28em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-cyan);
|
||||
}
|
||||
|
||||
.rss-hub-accent {
|
||||
display: inline-block;
|
||||
width: 8px; height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--p-orange);
|
||||
box-shadow: 0 0 12px var(--p-orange);
|
||||
animation: pulse-dot 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse-dot {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.6; transform: scale(0.85); }
|
||||
}
|
||||
|
||||
.rss-hub-sub {
|
||||
font-size: 0.58rem;
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--p-muted);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.rss-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1280px) { .rss-grid { grid-template-columns: repeat(2, 1fr); } }
|
||||
@media (max-width: 640px) { .rss-grid { grid-template-columns: 1fr; } }
|
||||
|
||||
.rss-column {
|
||||
border: 1px solid rgba(59,130,246,0.12);
|
||||
border-radius: 10px;
|
||||
padding: 0.75rem;
|
||||
background: rgba(5,12,24,0.6);
|
||||
min-height: 160px;
|
||||
}
|
||||
|
||||
.rss-column-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.58rem;
|
||||
letter-spacing: 0.2em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-orange);
|
||||
margin-bottom: 0.65rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid var(--p-border);
|
||||
}
|
||||
|
||||
.rss-pulse {
|
||||
width: 6px; height: 6px;
|
||||
border-radius: 50%;
|
||||
background: var(--p-cyan);
|
||||
animation: pulse-dot 1.8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.rss-feed-block { list-style: none; margin-bottom: 0.85rem; }
|
||||
|
||||
.rss-feed-name {
|
||||
display: block;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.55rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-muted);
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.rss-items { list-style: none; padding: 0; margin: 0; }
|
||||
|
||||
.rss-items li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
padding: 0.28rem 0;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.04);
|
||||
font-size: 0.72rem;
|
||||
line-height: 1.35;
|
||||
animation: rss-fade-in 0.4s ease forwards;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.rss-items li:nth-child(1) { animation-delay: 0.05s; }
|
||||
.rss-items li:nth-child(2) { animation-delay: 0.1s; }
|
||||
.rss-items li:nth-child(3) { animation-delay: 0.15s; }
|
||||
.rss-items li:nth-child(4) { animation-delay: 0.2s; }
|
||||
.rss-items li:nth-child(5) { animation-delay: 0.25s; }
|
||||
|
||||
@keyframes rss-fade-in { to { opacity: 1; } }
|
||||
|
||||
.rss-items a {
|
||||
color: var(--p-text) !important;
|
||||
text-decoration: none;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.rss-items a:hover { color: var(--p-orange) !important; }
|
||||
|
||||
.rss-items time {
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.58rem;
|
||||
color: var(--p-muted);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.rss-loading { color: var(--p-muted); font-style: italic; }
|
||||
.rss-error a { color: var(--p-orange) !important; }
|
||||
|
||||
.status-dot-status-green, .text-green-500 {
|
||||
box-shadow: 0 0 8px rgba(74, 222, 128, 0.55);
|
||||
}
|
||||
|
||||
footer, #footer {
|
||||
opacity: 0.35;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ─── Logo gradients + profile photo ─── */
|
||||
:root {
|
||||
--color-logo-start: 59, 130, 246;
|
||||
--color-logo-stop: 251, 146, 60;
|
||||
}
|
||||
|
||||
.information-widget-logo img,
|
||||
.information-widget-logo a img,
|
||||
#information-widgets .information-widget-logo img {
|
||||
width: 52px !important;
|
||||
height: 52px !important;
|
||||
min-width: 52px !important;
|
||||
min-height: 52px !important;
|
||||
border-radius: 50% !important;
|
||||
object-fit: cover !important;
|
||||
border: 2px solid rgba(251, 146, 60, 0.55) !important;
|
||||
box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
|
||||
filter: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
.information-widget-logo:hover img {
|
||||
border-color: rgba(34, 211, 238, 0.7) !important;
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
position: relative !important;
|
||||
border-radius: 8px !important;
|
||||
margin: 2px 4px 2px 2px !important;
|
||||
background: rgba(12, 22, 38, 0.85) !important;
|
||||
border: 1px solid rgba(59, 130, 246, 0.12) !important;
|
||||
box-shadow: none !important;
|
||||
animation: none !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.service-icon::before,
|
||||
.service-icon::after {
|
||||
display: none !important;
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.service-icon > div { filter: none !important; transition: transform 0.2s ease; }
|
||||
.service-icon img { filter: saturate(1.12) contrast(1.02) !important; transition: transform 0.2s ease; }
|
||||
|
||||
.service-card:hover .service-icon {
|
||||
border-color: rgba(251, 146, 60, 0.35) !important;
|
||||
box-shadow: 0 0 0 1px rgba(251, 146, 60, 0.15) !important;
|
||||
}
|
||||
|
||||
.service-card:hover .service-icon > div,
|
||||
.service-card:hover .service-icon img { transform: scale(1.06); }
|
||||
|
||||
.services-list .service:nth-child(6n+1) .service-icon { border-left: 2px solid #3b82f6 !important; }
|
||||
.services-list .service:nth-child(6n+2) .service-icon { border-left: 2px solid #a855f7 !important; }
|
||||
.services-list .service:nth-child(6n+3) .service-icon { border-left: 2px solid #22c55e !important; }
|
||||
.services-list .service:nth-child(6n+4) .service-icon { border-left: 2px solid #06b6d4 !important; }
|
||||
.services-list .service:nth-child(6n+5) .service-icon { border-left: 2px solid #f59e0b !important; }
|
||||
.services-list .service:nth-child(6n+6) .service-icon { border-left: 2px solid #ec4899 !important; }
|
||||
|
||||
.bookmark-icon { font-weight: 600 !important; color: #fff !important; animation: none !important; box-shadow: none !important; }
|
||||
.bookmark:nth-child(4n+1) .bookmark-icon { background: linear-gradient(135deg, #2563eb, #3b82f6) !important; }
|
||||
.bookmark:nth-child(4n+2) .bookmark-icon { background: linear-gradient(135deg, #ea580c, #fb923c) !important; }
|
||||
.bookmark:nth-child(4n+3) .bookmark-icon { background: linear-gradient(135deg, #7c3aed, #a855f7) !important; }
|
||||
.bookmark:nth-child(4n+4) .bookmark-icon { background: linear-gradient(135deg, #059669, #22c55e) !important; }
|
||||
|
||||
.information-widget-resource .resource-icon { animation: none !important; filter: none !important; }
|
||||
.information-widget-resource:nth-child(1) .resource-icon { color: #60a5fa !important; }
|
||||
.information-widget-resource:nth-child(2) .resource-icon { color: #fb923c !important; }
|
||||
.information-widget-resource:nth-child(3) .resource-icon { color: #4ade80 !important; }
|
||||
|
||||
.resource-usage > div {
|
||||
background: linear-gradient(90deg, #3b82f6, #fb923c) !important;
|
||||
animation: none !important;
|
||||
background-size: 100% 100% !important;
|
||||
}
|
||||
|
||||
.status-dot-status-green, .text-green-500 {
|
||||
background-color: #4ade80 !important;
|
||||
animation: status-pulse-green 3s ease-out infinite;
|
||||
}
|
||||
.status-dot-status-red, .text-red-500 {
|
||||
background-color: #f87171 !important;
|
||||
animation: status-pulse-red 3s ease-out infinite;
|
||||
}
|
||||
@keyframes status-pulse-green {
|
||||
0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.5); }
|
||||
70% { box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
|
||||
}
|
||||
@keyframes status-pulse-red {
|
||||
0% { box-shadow: 0 0 0 0 rgba(248, 113, 113, 0.5); }
|
||||
70% { box-shadow: 0 0 0 6px rgba(248, 113, 113, 0); }
|
||||
}
|
||||
|
||||
button[role="tab"][aria-selected="true"] { animation: none !important; }
|
||||
.service-card { animation: none !important; }
|
||||
.rss-hub { animation: none !important; }
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
body::before, body::after, .rss-hub::before, .rss-pulse, .rss-hub-accent,
|
||||
.service-icon, .service-icon::before, .service-icon::after, .service-card,
|
||||
.bookmark-icon, .information-widget-resource .resource-icon, button[role="tab"][aria-selected="true"],
|
||||
.rss-hub, #information-widgets img { animation: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
/* EL-KADI OPS — live RSS panels (Palantir feed hub) */
|
||||
(function () {
|
||||
const FEEDS = {
|
||||
"Tech News": [
|
||||
{ name: "Hacker News", url: "https://hnrss.org/frontpage" },
|
||||
{ name: "Ars Technica", url: "https://feeds.arstechnica.com/arstechnica/index" },
|
||||
{ name: "The Verge", url: "https://www.theverge.com/rss/index.xml" },
|
||||
{ name: "Lobsters", url: "https://lobste.rs/rss" },
|
||||
],
|
||||
Security: [
|
||||
{ name: "BleepingComputer", url: "https://www.bleepingcomputer.com/feed/" },
|
||||
{ name: "Krebs", url: "https://krebsonsecurity.com/feed/" },
|
||||
{ name: "The Hacker News", url: "https://feeds.feedburner.com/TheHackersNews" },
|
||||
],
|
||||
Homelab: [
|
||||
{ name: "selfh.st", url: "https://selfh.st/rss/" },
|
||||
{ name: "Proxmox Forum", url: "https://forum.proxmox.com/forums/-/index.rss" },
|
||||
{ name: "r/selfhosted", url: "https://www.reddit.com/r/selfhosted/.rss" },
|
||||
{ name: "Docker Blog", url: "https://www.docker.com/blog/feed/" },
|
||||
{ name: "LinuxServer.io", url: "https://www.linuxserver.io/blog/rss/" },
|
||||
],
|
||||
"AI & Dev": [
|
||||
{ name: "OpenAI Blog", url: "https://openai.com/blog/rss.xml" },
|
||||
{ name: "Hugging Face", url: "https://huggingface.co/blog/feed.xml" },
|
||||
{ name: "GitHub Blog", url: "https://github.blog/feed/" },
|
||||
],
|
||||
};
|
||||
|
||||
const PROXY = "https://api.allorigins.win/raw?url=";
|
||||
const REFRESH_MS = 15 * 60 * 1000;
|
||||
|
||||
function esc(s) {
|
||||
const d = document.createElement("div");
|
||||
d.textContent = s || "";
|
||||
return d.innerHTML;
|
||||
}
|
||||
|
||||
function relTime(pub) {
|
||||
if (!pub) return "";
|
||||
const t = new Date(pub).getTime();
|
||||
if (Number.isNaN(t)) return "";
|
||||
const m = Math.floor((Date.now() - t) / 60000);
|
||||
if (m < 60) return `${m}m`;
|
||||
const h = Math.floor(m / 60);
|
||||
if (h < 48) return `${h}h`;
|
||||
return `${Math.floor(h / 24)}d`;
|
||||
}
|
||||
|
||||
async function fetchFeed(feedUrl) {
|
||||
const res = await fetch(PROXY + encodeURIComponent(feedUrl), { cache: "no-store" });
|
||||
if (!res.ok) throw new Error("fetch failed");
|
||||
const xml = new DOMParser().parseFromString(await res.text(), "text/xml");
|
||||
const items = xml.querySelectorAll("item, entry");
|
||||
return Array.from(items)
|
||||
.slice(0, 6)
|
||||
.map((item) => {
|
||||
const title =
|
||||
item.querySelector("title")?.textContent?.trim() ||
|
||||
item.querySelector("title")?.innerHTML?.trim() ||
|
||||
"—";
|
||||
const link =
|
||||
item.querySelector("link")?.getAttribute("href") ||
|
||||
item.querySelector("link")?.textContent?.trim() ||
|
||||
item.querySelector("id")?.textContent?.trim() ||
|
||||
"#";
|
||||
const pub =
|
||||
item.querySelector("pubDate")?.textContent ||
|
||||
item.querySelector("published")?.textContent ||
|
||||
item.querySelector("updated")?.textContent;
|
||||
return { title, link, pub };
|
||||
});
|
||||
}
|
||||
|
||||
function renderColumn(cat, feeds, root) {
|
||||
const col = document.createElement("section");
|
||||
col.className = "rss-column";
|
||||
col.innerHTML = `<header class="rss-column-head"><span class="rss-pulse"></span>${esc(cat)}</header><ul class="rss-list"></ul>`;
|
||||
const list = col.querySelector(".rss-list");
|
||||
root.appendChild(col);
|
||||
|
||||
feeds.forEach((feed) => {
|
||||
const block = document.createElement("li");
|
||||
block.className = "rss-feed-block";
|
||||
block.innerHTML = `<span class="rss-feed-name">${esc(feed.name)}</span><ul class="rss-items"><li class="rss-loading">Laden…</li></ul>`;
|
||||
list.appendChild(block);
|
||||
const itemsUl = block.querySelector(".rss-items");
|
||||
|
||||
fetchFeed(feed.url)
|
||||
.then((items) => {
|
||||
itemsUl.innerHTML = items.length
|
||||
? items
|
||||
.map(
|
||||
(it) =>
|
||||
`<li><a href="${esc(it.link)}" target="_blank" rel="noreferrer">${esc(it.title)}</a><time>${relTime(it.pub)}</time></li>`
|
||||
)
|
||||
.join("")
|
||||
: '<li class="rss-empty">Geen items</li>';
|
||||
})
|
||||
.catch(() => {
|
||||
itemsUl.innerHTML = `<li class="rss-error"><a href="${esc(feed.url)}" target="_blank" rel="noreferrer">Open feed →</a></li>`;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function injectHub() {
|
||||
if (document.getElementById("elkadi-rss-hub")) return;
|
||||
|
||||
const scan = document.createElement("div");
|
||||
scan.className = "palantir-scanline";
|
||||
const noise = document.createElement("div");
|
||||
noise.className = "palantir-noise";
|
||||
document.body.appendChild(scan);
|
||||
document.body.appendChild(noise);
|
||||
|
||||
const hub = document.createElement("div");
|
||||
hub.id = "elkadi-rss-hub";
|
||||
hub.className = "rss-hub";
|
||||
hub.innerHTML =
|
||||
'<div class="rss-hub-title"><span class="rss-hub-accent"></span>INTEL FEEDS<span class="rss-hub-sub">Live RSS · vernieuwt elke 15 min</span></div><div class="rss-grid"></div>';
|
||||
const grid = hub.querySelector(".rss-grid");
|
||||
|
||||
Object.entries(FEEDS).forEach(([cat, feeds]) => renderColumn(cat, feeds, grid));
|
||||
|
||||
const services = document.getElementById("services");
|
||||
if (services && services.parentNode) {
|
||||
services.parentNode.insertBefore(hub, services);
|
||||
} else {
|
||||
document.body.prepend(hub);
|
||||
}
|
||||
|
||||
setInterval(() => {
|
||||
hub.querySelectorAll(".rss-column").forEach((c) => c.remove());
|
||||
const g = hub.querySelector(".rss-grid");
|
||||
Object.entries(FEEDS).forEach(([cat, feeds]) => renderColumn(cat, feeds, g));
|
||||
}, REFRESH_MS);
|
||||
}
|
||||
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", () => setTimeout(injectHub, 400));
|
||||
} else {
|
||||
setTimeout(injectHub, 400);
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,505 @@
|
||||
- Infrastructure:
|
||||
- Change detection:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.117:5000
|
||||
description: Change detection
|
||||
siteMonitor: http://192.168.1.117:5000
|
||||
statusStyle: dot
|
||||
|
||||
- Proxmox (3090):
|
||||
icon: proxmox.png
|
||||
href: https://192.168.1.216:8006
|
||||
description: Proxmox (3090)
|
||||
siteMonitor: https://192.168.1.216:8006
|
||||
statusStyle: dot
|
||||
|
||||
- Proxmox (Dell):
|
||||
icon: proxmox.png
|
||||
href: https://192.168.1.56:8006
|
||||
description: Proxmox (Dell)
|
||||
siteMonitor: https://192.168.1.56:8006
|
||||
statusStyle: dot
|
||||
|
||||
- Minarca:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.203:8080/login
|
||||
description: Minarca
|
||||
siteMonitor: http://192.168.1.203:8080
|
||||
statusStyle: dot
|
||||
|
||||
- Proxmox:
|
||||
icon: proxmox.png
|
||||
href: http://192.168.1.230:8006
|
||||
description: Proxmox
|
||||
siteMonitor: http://192.168.1.230:8006
|
||||
statusStyle: dot
|
||||
|
||||
- Portainer (proxmox):
|
||||
icon: portainer.png
|
||||
href: https://192.168.5.128:9443/#!/home
|
||||
description: Portainer (proxmox)
|
||||
siteMonitor: https://192.168.5.128:9443
|
||||
statusStyle: dot
|
||||
|
||||
- Rackula:
|
||||
icon: mdi-count-#3b82f6
|
||||
href: https://count.racku.la
|
||||
description: Rackula
|
||||
|
||||
- TrueNAS:
|
||||
icon: truenas.png
|
||||
href: http://192.168.1.185
|
||||
description: TrueNAS
|
||||
siteMonitor: http://192.168.1.185
|
||||
statusStyle: dot
|
||||
|
||||
- Adguard:
|
||||
icon: adguard-home.png
|
||||
href: http://192.168.1.211:3001
|
||||
description: Adguard
|
||||
siteMonitor: http://192.168.1.211:3001
|
||||
statusStyle: dot
|
||||
|
||||
- Browserless:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.150:3000
|
||||
description: Browserless
|
||||
siteMonitor: http://192.168.1.150:3000
|
||||
statusStyle: dot
|
||||
|
||||
- Unifi:
|
||||
icon: unifi.png
|
||||
href: https://192.168.1.24
|
||||
description: Unifi
|
||||
siteMonitor: https://192.168.1.24
|
||||
statusStyle: dot
|
||||
|
||||
- Wazuh:
|
||||
icon: wazuh.png
|
||||
href: https://192.168.1.73
|
||||
description: Wazuh
|
||||
siteMonitor: https://192.168.1.73
|
||||
statusStyle: dot
|
||||
|
||||
- Modem:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: https://192.168.10.1
|
||||
description: Modem
|
||||
siteMonitor: https://192.168.10.1
|
||||
statusStyle: dot
|
||||
|
||||
- Nginx:
|
||||
icon: nginx-proxy-manager.png
|
||||
href: http://192.168.1.173:81
|
||||
description: Nginx
|
||||
siteMonitor: http://192.168.1.173:81
|
||||
statusStyle: dot
|
||||
|
||||
- Webmin:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: https://192.168.5.24:10000
|
||||
description: Webmin
|
||||
siteMonitor: https://192.168.5.24:10000
|
||||
statusStyle: dot
|
||||
|
||||
- PVE Scripts:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.25:3000
|
||||
description: PVE Scripts
|
||||
siteMonitor: http://192.168.1.25:3000
|
||||
statusStyle: dot
|
||||
|
||||
- iDrac:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.227
|
||||
description: iDrac
|
||||
siteMonitor: http://192.168.1.227
|
||||
statusStyle: dot
|
||||
|
||||
- Remotely:
|
||||
icon: remotely.png
|
||||
href: http://192.168.1.211:8080
|
||||
description: Remotely
|
||||
siteMonitor: http://192.168.1.211:8080
|
||||
statusStyle: dot
|
||||
|
||||
- mo-nas:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.150:5000
|
||||
description: mo-nas
|
||||
siteMonitor: http://192.168.1.150:5000
|
||||
statusStyle: dot
|
||||
|
||||
- NAS:
|
||||
icon: mdi-server-network-#3b82f6
|
||||
href: http://192.168.1.211:5000
|
||||
description: NAS
|
||||
siteMonitor: http://192.168.1.211:5000
|
||||
statusStyle: dot
|
||||
|
||||
- Portainer:
|
||||
icon: portainer.png
|
||||
href: http://192.168.1.150:9000
|
||||
description: Portainer
|
||||
siteMonitor: http://192.168.1.150:9000
|
||||
statusStyle: dot
|
||||
|
||||
- Portainer:
|
||||
icon: portainer.png
|
||||
href: http://192.168.1.211:9000
|
||||
description: Portainer
|
||||
siteMonitor: http://192.168.1.211:9000
|
||||
statusStyle: dot
|
||||
|
||||
- Media & TV:
|
||||
- nodecast:
|
||||
icon: mdi-server-network-#a855f7
|
||||
href: http://192.168.1.107:3000/#home
|
||||
description: nodecast
|
||||
siteMonitor: http://192.168.1.107:3000
|
||||
statusStyle: dot
|
||||
|
||||
- Frigate:
|
||||
icon: frigate.png
|
||||
href: https://192.168.1.185:30058
|
||||
description: Frigate
|
||||
siteMonitor: https://192.168.1.185:30058
|
||||
statusStyle: dot
|
||||
|
||||
- Tunarr:
|
||||
icon: tunarr.png
|
||||
href: http://192.168.1.237:8000
|
||||
description: Tunarr
|
||||
siteMonitor: http://192.168.1.237:8000
|
||||
statusStyle: dot
|
||||
|
||||
- Immich:
|
||||
icon: immich.png
|
||||
href: http://192.168.1.17:2283
|
||||
description: Immich
|
||||
siteMonitor: http://192.168.1.17:2283
|
||||
statusStyle: dot
|
||||
|
||||
- Metube:
|
||||
icon: metube.png
|
||||
href: http://192.168.1.140:8081
|
||||
description: Metube
|
||||
siteMonitor: http://192.168.1.140:8081
|
||||
statusStyle: dot
|
||||
|
||||
- Smart Home:
|
||||
- Mawaqit:
|
||||
icon: mdi-mawaqit-#22c55e
|
||||
href: https://mawaqit.net/nl/el-kadi-amsterdam-1061dj-netherlands
|
||||
description: Mawaqit
|
||||
|
||||
- HA:
|
||||
icon: mdi-server-network-#22c55e
|
||||
href: http://192.168.1.235:8123
|
||||
description: HA
|
||||
siteMonitor: http://192.168.1.235:8123
|
||||
statusStyle: dot
|
||||
|
||||
- Ring:
|
||||
icon: mdi-account-#22c55e
|
||||
href: https://account.ring.com/account/dashboard?l=24b26010-2cac-48f2-b8ec-e1ef4b5fa79e
|
||||
description: Ring
|
||||
|
||||
- HA Voice Ctrl:
|
||||
icon: home-assistant.png
|
||||
href: http://192.168.1.211:8765
|
||||
description: HA Voice Ctrl
|
||||
siteMonitor: http://192.168.1.211:8765
|
||||
statusStyle: dot
|
||||
|
||||
- Productivity:
|
||||
- Resume Builder:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:9751
|
||||
description: Resume Builder
|
||||
siteMonitor: http://192.168.1.150:9751
|
||||
statusStyle: dot
|
||||
|
||||
- openresume:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:6155
|
||||
description: openresume
|
||||
siteMonitor: http://192.168.1.150:6155
|
||||
statusStyle: dot
|
||||
|
||||
- nextcloud:
|
||||
icon: nextcloud.png
|
||||
href: https://cloud.el-kadi.nl/index.php/apps/dashboard
|
||||
description: nextcloud
|
||||
|
||||
- Invoice Generator:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:3099
|
||||
description: Invoice Generator
|
||||
siteMonitor: http://192.168.1.150:3099
|
||||
statusStyle: dot
|
||||
|
||||
- Vert:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:3884
|
||||
description: Vert
|
||||
siteMonitor: http://192.168.1.150:3884
|
||||
statusStyle: dot
|
||||
|
||||
- Vaultwarden:
|
||||
icon: vaultwarden.png
|
||||
href: https://192.168.1.6:8000/#/vault
|
||||
description: Vaultwarden
|
||||
siteMonitor: https://192.168.1.6:8000
|
||||
statusStyle: dot
|
||||
|
||||
- Moocup:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:3591
|
||||
description: Moocup
|
||||
siteMonitor: http://192.168.1.150:3591
|
||||
statusStyle: dot
|
||||
|
||||
- n8n:
|
||||
icon: n8n.png
|
||||
href: http://192.168.1.64:5678/home/workflows
|
||||
description: n8n
|
||||
siteMonitor: http://192.168.1.64:5678
|
||||
statusStyle: dot
|
||||
|
||||
- Linkwarden:
|
||||
icon: linkwarden.png
|
||||
href: http://192.168.1.150:7461/dashboard
|
||||
description: Linkwarden
|
||||
siteMonitor: http://192.168.1.150:7461
|
||||
statusStyle: dot
|
||||
|
||||
- Thunderbird:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:5800
|
||||
description: Thunderbird
|
||||
siteMonitor: http://192.168.1.150:5800
|
||||
statusStyle: dot
|
||||
|
||||
- Excalidraw:
|
||||
icon: excalidraw.png
|
||||
href: http://192.168.1.211:3765
|
||||
description: Excalidraw
|
||||
siteMonitor: http://192.168.1.211:3765
|
||||
statusStyle: dot
|
||||
|
||||
- CRM:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: https://www.fixaanhuis.nl/crm
|
||||
description: CRM
|
||||
|
||||
- Gitea:
|
||||
icon: gitea.png
|
||||
href: http://192.168.1.211:3000
|
||||
description: Gitea
|
||||
siteMonitor: http://192.168.1.211:3000
|
||||
statusStyle: dot
|
||||
|
||||
- Neo4j Browser:
|
||||
icon: neo4j.png
|
||||
href: http://192.168.1.211:49154
|
||||
description: Neo4j Browser
|
||||
siteMonitor: http://192.168.1.211:49154
|
||||
statusStyle: dot
|
||||
|
||||
- OnlyOffice:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.5.128/example
|
||||
description: OnlyOffice
|
||||
siteMonitor: http://192.168.5.128
|
||||
statusStyle: dot
|
||||
|
||||
- BentoPDF:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.150:3183
|
||||
description: BentoPDF
|
||||
siteMonitor: http://192.168.1.150:3183
|
||||
statusStyle: dot
|
||||
|
||||
- Jellyfin Test:
|
||||
icon: mdi-server-network-#06b6d4
|
||||
href: http://192.168.1.99:8096
|
||||
description: Jellyfin Test
|
||||
siteMonitor: http://192.168.1.99:8096
|
||||
statusStyle: dot
|
||||
|
||||
- Tools & Utils:
|
||||
- Traccar:
|
||||
icon: traccar.png
|
||||
href: http://192.168.1.150:8082
|
||||
description: Traccar
|
||||
siteMonitor: http://192.168.1.150:8082
|
||||
statusStyle: dot
|
||||
|
||||
- Mytkstar:
|
||||
icon: mdi-server-network-#f59e0b
|
||||
href: https://www.mytkstar.net/Monitor.aspx
|
||||
description: Mytkstar
|
||||
|
||||
- Firefox:
|
||||
icon: mdi-server-network-#f59e0b
|
||||
href: https://192.168.1.150:5813
|
||||
description: Firefox
|
||||
siteMonitor: https://192.168.1.150:5813
|
||||
statusStyle: dot
|
||||
|
||||
- Background Remover:
|
||||
icon: mdi-server-network-#f59e0b
|
||||
href: http://192.168.1.150:8519
|
||||
description: Background Remover
|
||||
siteMonitor: http://192.168.1.150:8519
|
||||
statusStyle: dot
|
||||
|
||||
- Neko:
|
||||
icon: mdi-server-network-#f59e0b
|
||||
href: http://192.168.1.150:8080
|
||||
description: Neko
|
||||
siteMonitor: http://192.168.1.150:8080
|
||||
statusStyle: dot
|
||||
|
||||
- AI Assistants:
|
||||
- Phind:
|
||||
icon: mdi-server-network-#ec4899
|
||||
href: https://www.phind.com/search?home=true
|
||||
description: Phind
|
||||
|
||||
- Deepseek:
|
||||
icon: si-deepseek-#ec4899
|
||||
href: https://chat.deepseek.com
|
||||
description: Deepseek
|
||||
|
||||
- Anthropic:
|
||||
icon: si-anthropic-#ec4899
|
||||
href: https://console.anthropic.com/dashboard
|
||||
description: Anthropic
|
||||
|
||||
- Github:
|
||||
icon: si-github-#ec4899
|
||||
href: https://github.com/modammer020
|
||||
description: Github
|
||||
|
||||
- Lbrty:
|
||||
icon: mdi-lbrty-#ec4899
|
||||
href: https://lbrty.ai
|
||||
description: Lbrty
|
||||
|
||||
- Grok:
|
||||
icon: si-x-#ec4899
|
||||
href: https://grok.com
|
||||
description: Grok
|
||||
|
||||
- LMarena:
|
||||
icon: mdi-lmarena-#ec4899
|
||||
href: https://lmarena.ai
|
||||
description: LMarena
|
||||
|
||||
- Google AI studio:
|
||||
icon: mdi-aistudio-#ec4899
|
||||
href: https://aistudio.google.com/prompts/new_chat
|
||||
description: Google AI studio
|
||||
|
||||
- GPT4FREE:
|
||||
icon: mdi-server-network-#ec4899
|
||||
href: http://192.168.1.150:6439
|
||||
description: GPT4FREE
|
||||
siteMonitor: http://192.168.1.150:6439
|
||||
statusStyle: dot
|
||||
|
||||
- ChatGPT:
|
||||
icon: si-openai-#ec4899
|
||||
href: https://chatgpt.com
|
||||
description: ChatGPT
|
||||
|
||||
- Youtube:
|
||||
icon: si-youtube-#ec4899
|
||||
href: https://youtube.com
|
||||
description: Youtube
|
||||
|
||||
- Dev & Docs:
|
||||
- DSM on Proxmox:
|
||||
icon: proxmox.png
|
||||
href: https://blog.nootch.net
|
||||
description: DSM on Proxmox
|
||||
|
||||
- DSM Video station 7.2:
|
||||
icon: mdi-github-#14b8a6
|
||||
href: https://github.com/007revad/Video_Station_for_DSM_722?tab=readme-ov-file
|
||||
description: DSM Video station 7.2
|
||||
|
||||
- Turnkey:
|
||||
icon: mdi-server-network-#14b8a6
|
||||
href: https://www.turnkeylinux.org
|
||||
description: Turnkey
|
||||
|
||||
- LXC:
|
||||
icon: mdi-community-sc-#14b8a6
|
||||
href: https://community-scripts.github.io/ProxmoxVE
|
||||
description: LXC
|
||||
|
||||
- DSM auxxxilium:
|
||||
icon: mdi-arc-#14b8a6
|
||||
href: https://arc.auxxxilium.tech
|
||||
description: DSM auxxxilium
|
||||
|
||||
- Synology stuff (Marius Hosting):
|
||||
icon: mdi-mariushostin-#14b8a6
|
||||
href: https://mariushosting.com
|
||||
description: Synology stuff (Marius Hosting)
|
||||
|
||||
- NZB Geek:
|
||||
icon: mdi-nzbgeek-#14b8a6
|
||||
href: https://nzbgeek.info/dashboard.php
|
||||
description: NZB Geek
|
||||
|
||||
- Noted Apps:
|
||||
icon: mdi-noted-#14b8a6
|
||||
href: https://noted.lol
|
||||
description: Noted Apps
|
||||
|
||||
- https://jack-vanlightly.com/:
|
||||
icon: mdi-jack-vanligh-#14b8a6
|
||||
href: https://jack-vanlightly.com
|
||||
description: https://jack-vanlightly.com/
|
||||
|
||||
- Usenetdeal:
|
||||
icon: mdi-usenetdeal-#14b8a6
|
||||
href: https://usenetdeal.com/dashboard/usenet
|
||||
description: Usenetdeal
|
||||
|
||||
- https://juhache.substack.com/:
|
||||
icon: mdi-juhache-#14b8a6
|
||||
href: https://juhache.substack.com
|
||||
description: https://juhache.substack.com/
|
||||
|
||||
- Home Control:
|
||||
icon: mdi-server-network-#14b8a6
|
||||
href: http://192.168.1.211:8765/dashboard#live
|
||||
description: Home Control
|
||||
siteMonitor: http://192.168.1.211:8765
|
||||
statusStyle: dot
|
||||
|
||||
- Web Design:
|
||||
- HTML5 templates:
|
||||
icon: mdi-jekyllthemes-#f97316
|
||||
href: https://jekyllthemes.io/free
|
||||
description: HTML5 templates
|
||||
|
||||
- HTML5 templates:
|
||||
icon: mdi-jekyllrb-#f97316
|
||||
href: https://jekyllrb.com/showcase
|
||||
description: HTML5 templates
|
||||
|
||||
- HTML5 templates:
|
||||
icon: mdi-freehtml5-#f97316
|
||||
href: https://freehtml5.co
|
||||
description: HTML5 templates
|
||||
|
||||
- HTML5:
|
||||
icon: mdi-server-network-#f97316
|
||||
href: https://www.tooplate.com/free-templates
|
||||
description: HTML5
|
||||
@@ -0,0 +1,77 @@
|
||||
---
|
||||
title: EL-KADI OPS
|
||||
description: Homelab command surface
|
||||
theme: dark
|
||||
color: slate
|
||||
iconStyle: gradient
|
||||
headerStyle: underlined
|
||||
useEqualHeights: true
|
||||
statusStyle: dot
|
||||
fullWidth: true
|
||||
cardBlur: md
|
||||
hideVersion: false
|
||||
quicklaunch:
|
||||
searchDescriptions: true
|
||||
hideInternetSearch: false
|
||||
showSearchSuggestions: true
|
||||
layout:
|
||||
Infrastructure:
|
||||
tab: Ops
|
||||
icon: mdi-server-network
|
||||
columns: 4
|
||||
style: row
|
||||
Media & TV:
|
||||
tab: Media
|
||||
icon: mdi-television-play
|
||||
columns: 4
|
||||
style: row
|
||||
Smart Home:
|
||||
tab: Home
|
||||
icon: mdi-home-automation
|
||||
columns: 3
|
||||
style: row
|
||||
Productivity:
|
||||
tab: Work
|
||||
icon: mdi-briefcase-outline
|
||||
columns: 4
|
||||
style: row
|
||||
Tools & Utils:
|
||||
tab: Ops
|
||||
icon: mdi-toolbox-outline
|
||||
columns: 3
|
||||
style: row
|
||||
AI Assistants:
|
||||
tab: AI
|
||||
icon: mdi-brain
|
||||
columns: 4
|
||||
style: row
|
||||
Dev & Docs:
|
||||
tab: AI
|
||||
icon: mdi-book-open-page-variant
|
||||
columns: 3
|
||||
style: row
|
||||
Web Design:
|
||||
tab: AI
|
||||
icon: mdi-palette-outline
|
||||
columns: 3
|
||||
style: row
|
||||
Tech News:
|
||||
tab: Feeds
|
||||
icon: mdi-newspaper-variant-outline
|
||||
columns: 2
|
||||
Security:
|
||||
tab: Feeds
|
||||
icon: mdi-shield-alert-outline
|
||||
columns: 2
|
||||
Homelab:
|
||||
tab: Feeds
|
||||
icon: mdi-server
|
||||
columns: 3
|
||||
AI & Dev:
|
||||
tab: Feeds
|
||||
icon: mdi-robot-outline
|
||||
columns: 2
|
||||
Blogs:
|
||||
tab: Feeds
|
||||
icon: mdi-rss
|
||||
columns: 2
|
||||
@@ -0,0 +1,27 @@
|
||||
---
|
||||
- logo:
|
||||
icon: /images/logo.jpg
|
||||
|
||||
- greeting:
|
||||
text_size: xl
|
||||
text: el-kadi ops
|
||||
|
||||
- datetime:
|
||||
text_size: xl
|
||||
format:
|
||||
timeStyle: short
|
||||
dateStyle: medium
|
||||
hour12: false
|
||||
|
||||
- search:
|
||||
provider: google
|
||||
target: _blank
|
||||
showSearchSuggestions: true
|
||||
|
||||
- resources:
|
||||
cpu: true
|
||||
memory: true
|
||||
cputemp: true
|
||||
uptime: true
|
||||
units: metric
|
||||
refresh: 3000
|
||||
@@ -0,0 +1,431 @@
|
||||
/* EL-KADI OPS — Palantir blue + orange */
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap');
|
||||
|
||||
:root {
|
||||
--p-void: #02060c;
|
||||
--p-deep: #051018;
|
||||
--p-surface: #0a1424;
|
||||
--p-elevated: rgba(10, 22, 40, 0.92);
|
||||
--p-border: rgba(56, 132, 220, 0.18);
|
||||
--p-border-hot: rgba(251, 146, 60, 0.45);
|
||||
--p-blue: #3b82f6;
|
||||
--p-cyan: #22d3ee;
|
||||
--p-orange: #fb923c;
|
||||
--p-amber: #fbbf24;
|
||||
--p-teal: #2dd4bf;
|
||||
--p-text: #e8eef7;
|
||||
--p-muted: #64748b;
|
||||
--p-mono: 'JetBrains Mono', ui-monospace, monospace;
|
||||
--p-sans: 'DM Sans', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
html { color-scheme: dark; }
|
||||
|
||||
body {
|
||||
font-family: var(--p-sans) !important;
|
||||
background: var(--p-void) !important;
|
||||
color: var(--p-text) !important;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(ellipse 100% 70% at 8% -15%, rgba(59, 130, 246, 0.22), transparent 52%),
|
||||
radial-gradient(ellipse 80% 55% at 95% 5%, rgba(34, 211, 238, 0.12), transparent 48%),
|
||||
radial-gradient(ellipse 60% 50% at 88% 75%, rgba(251, 146, 60, 0.14), transparent 45%),
|
||||
radial-gradient(ellipse 50% 40% at 12% 85%, rgba(251, 146, 60, 0.08), transparent 40%),
|
||||
linear-gradient(165deg, #061018 0%, #02060c 45%, #030810 100%);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
animation: bg-breathe 14s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes bg-breathe {
|
||||
0% { opacity: 1; }
|
||||
100% { opacity: 0.9; }
|
||||
}
|
||||
|
||||
body::after {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(rgba(59, 130, 246, 0.04) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(59, 130, 246, 0.04) 1px, transparent 1px);
|
||||
background-size: 56px 56px;
|
||||
mask-image: radial-gradient(ellipse 90% 80% at 50% 30%, black 10%, transparent 72%);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
animation: grid-drift 40s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes grid-drift {
|
||||
from { transform: translate(0, 0); }
|
||||
to { transform: translate(-56px, -56px); }
|
||||
}
|
||||
|
||||
.palantir-scanline {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.04) 3px, rgba(0,0,0,0.04) 6px);
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
.palantir-noise {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
opacity: 0.03;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
#page_wrapper { position: relative; z-index: 2; }
|
||||
|
||||
#information-widget-greeting, .information-widget-greeting {
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: 0.22em !important;
|
||||
text-transform: uppercase !important;
|
||||
font-size: 0.7rem !important;
|
||||
color: var(--p-orange) !important;
|
||||
font-family: var(--p-mono) !important;
|
||||
}
|
||||
|
||||
.information-widget {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 10px !important;
|
||||
background: var(--p-elevated) !important;
|
||||
backdrop-filter: blur(14px);
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(59,130,246,0.08);
|
||||
}
|
||||
|
||||
button[role="tab"] {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.68rem !important;
|
||||
letter-spacing: 0.14em !important;
|
||||
text-transform: uppercase !important;
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 6px !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
button[role="tab"][aria-selected="true"] {
|
||||
background: linear-gradient(135deg, rgba(59,130,246,0.2), rgba(251,146,60,0.12)) !important;
|
||||
border-color: var(--p-border-hot) !important;
|
||||
color: var(--p-cyan) !important;
|
||||
box-shadow: 0 0 20px rgba(251,146,60,0.15);
|
||||
}
|
||||
|
||||
.service-block, #services .service-group .service {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
border-radius: 10px !important;
|
||||
background: var(--p-elevated) !important;
|
||||
backdrop-filter: blur(12px);
|
||||
transition: border-color 0.2s, box-shadow 0.25s, transform 0.2s;
|
||||
}
|
||||
|
||||
.service-block:hover, #services .service-group .service:hover {
|
||||
border-color: rgba(251,146,60,0.5) !important;
|
||||
box-shadow: 0 0 28px rgba(59,130,246,0.12), 0 0 12px rgba(251,146,60,0.1);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
#services h2.service-group-name, .service-group-title {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.62rem !important;
|
||||
letter-spacing: 0.2em !important;
|
||||
text-transform: uppercase !important;
|
||||
color: var(--p-cyan) !important;
|
||||
}
|
||||
|
||||
#bookmarks .bookmark-group h2, .bookmark-group-name {
|
||||
font-family: var(--p-mono) !important;
|
||||
font-size: 0.62rem !important;
|
||||
letter-spacing: 0.18em !important;
|
||||
text-transform: uppercase !important;
|
||||
color: var(--p-orange) !important;
|
||||
}
|
||||
|
||||
#bookmarks a {
|
||||
border: 1px solid var(--p-border) !important;
|
||||
transition: border-color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
#bookmarks a:hover {
|
||||
border-color: rgba(251,146,60,0.4) !important;
|
||||
box-shadow: 0 0 16px rgba(59,130,246,0.1);
|
||||
}
|
||||
|
||||
.rss-hub {
|
||||
margin: 1rem 1.5rem 1.5rem;
|
||||
padding: 1.25rem 1.5rem;
|
||||
border: 1px solid var(--p-border);
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(145deg, rgba(10,22,40,0.95), rgba(6,12,22,0.98));
|
||||
box-shadow: 0 8px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(59,130,246,0.12);
|
||||
backdrop-filter: blur(16px);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.rss-hub::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: 0; right: 0;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, transparent, var(--p-blue), var(--p-orange), var(--p-cyan), transparent);
|
||||
animation: rss-scan 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes rss-scan {
|
||||
0%, 100% { opacity: 0.5; transform: scaleX(0.6); }
|
||||
50% { opacity: 1; transform: scaleX(1); }
|
||||
}
|
||||
|
||||
.rss-hub-title {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem 1rem;
|
||||
margin-bottom: 1.25rem;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.28em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-cyan);
|
||||
}
|
||||
|
||||
.rss-hub-accent {
|
||||
display: inline-block;
|
||||
width: 8px; height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--p-orange);
|
||||
box-shadow: 0 0 12px var(--p-orange);
|
||||
animation: pulse-dot 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse-dot {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.6; transform: scale(0.85); }
|
||||
}
|
||||
|
||||
.rss-hub-sub {
|
||||
font-size: 0.58rem;
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--p-muted);
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.rss-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1280px) { .rss-grid { grid-template-columns: repeat(2, 1fr); } }
|
||||
@media (max-width: 640px) { .rss-grid { grid-template-columns: 1fr; } }
|
||||
|
||||
.rss-column {
|
||||
border: 1px solid rgba(59,130,246,0.12);
|
||||
border-radius: 10px;
|
||||
padding: 0.75rem;
|
||||
background: rgba(5,12,24,0.6);
|
||||
min-height: 160px;
|
||||
}
|
||||
|
||||
.rss-column-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.58rem;
|
||||
letter-spacing: 0.2em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-orange);
|
||||
margin-bottom: 0.65rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid var(--p-border);
|
||||
}
|
||||
|
||||
.rss-pulse {
|
||||
width: 6px; height: 6px;
|
||||
border-radius: 50%;
|
||||
background: var(--p-cyan);
|
||||
animation: pulse-dot 1.8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.rss-feed-block { list-style: none; margin-bottom: 0.85rem; }
|
||||
|
||||
.rss-feed-name {
|
||||
display: block;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.55rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: var(--p-muted);
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.rss-items { list-style: none; padding: 0; margin: 0; }
|
||||
|
||||
.rss-items li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
padding: 0.28rem 0;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.04);
|
||||
font-size: 0.72rem;
|
||||
line-height: 1.35;
|
||||
animation: rss-fade-in 0.4s ease forwards;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.rss-items li:nth-child(1) { animation-delay: 0.05s; }
|
||||
.rss-items li:nth-child(2) { animation-delay: 0.1s; }
|
||||
.rss-items li:nth-child(3) { animation-delay: 0.15s; }
|
||||
.rss-items li:nth-child(4) { animation-delay: 0.2s; }
|
||||
.rss-items li:nth-child(5) { animation-delay: 0.25s; }
|
||||
|
||||
@keyframes rss-fade-in { to { opacity: 1; } }
|
||||
|
||||
.rss-items a {
|
||||
color: var(--p-text) !important;
|
||||
text-decoration: none;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.rss-items a:hover { color: var(--p-orange) !important; }
|
||||
|
||||
.rss-items time {
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.58rem;
|
||||
color: var(--p-muted);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.rss-loading { color: var(--p-muted); font-style: italic; }
|
||||
.rss-error a { color: var(--p-orange) !important; }
|
||||
|
||||
.status-dot-status-green, .text-green-500 {
|
||||
box-shadow: 0 0 8px rgba(74, 222, 128, 0.55);
|
||||
}
|
||||
|
||||
footer, #footer {
|
||||
opacity: 0.35;
|
||||
font-family: var(--p-mono);
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ─── Logo gradients + profile photo ─── */
|
||||
:root {
|
||||
--color-logo-start: 59, 130, 246;
|
||||
--color-logo-stop: 251, 146, 60;
|
||||
}
|
||||
|
||||
.information-widget-logo img,
|
||||
.information-widget-logo a img,
|
||||
#information-widgets .information-widget-logo img {
|
||||
width: 52px !important;
|
||||
height: 52px !important;
|
||||
min-width: 52px !important;
|
||||
min-height: 52px !important;
|
||||
border-radius: 50% !important;
|
||||
object-fit: cover !important;
|
||||
border: 2px solid rgba(251, 146, 60, 0.55) !important;
|
||||
box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
|
||||
filter: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
.information-widget-logo:hover img {
|
||||
border-color: rgba(34, 211, 238, 0.7) !important;
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
position: relative !important;
|
||||
border-radius: 8px !important;
|
||||
margin: 2px 4px 2px 2px !important;
|
||||
background: rgba(12, 22, 38, 0.85) !important;
|
||||
border: 1px solid rgba(59, 130, 246, 0.12) !important;
|
||||
box-shadow: none !important;
|
||||
animation: none !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.service-icon::before,
|
||||
.service-icon::after {
|
||||
display: none !important;
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.service-icon > div { filter: none !important; transition: transform 0.2s ease; }
|
||||
.service-icon img { filter: saturate(1.12) contrast(1.02) !important; transition: transform 0.2s ease; }
|
||||
|
||||
.service-card:hover .service-icon {
|
||||
border-color: rgba(251, 146, 60, 0.35) !important;
|
||||
box-shadow: 0 0 0 1px rgba(251, 146, 60, 0.15) !important;
|
||||
}
|
||||
|
||||
.service-card:hover .service-icon > div,
|
||||
.service-card:hover .service-icon img { transform: scale(1.06); }
|
||||
|
||||
.services-list .service:nth-child(6n+1) .service-icon { border-left: 2px solid #3b82f6 !important; }
|
||||
.services-list .service:nth-child(6n+2) .service-icon { border-left: 2px solid #a855f7 !important; }
|
||||
.services-list .service:nth-child(6n+3) .service-icon { border-left: 2px solid #22c55e !important; }
|
||||
.services-list .service:nth-child(6n+4) .service-icon { border-left: 2px solid #06b6d4 !important; }
|
||||
.services-list .service:nth-child(6n+5) .service-icon { border-left: 2px solid #f59e0b !important; }
|
||||
.services-list .service:nth-child(6n+6) .service-icon { border-left: 2px solid #ec4899 !important; }
|
||||
|
||||
.bookmark-icon { font-weight: 600 !important; color: #fff !important; animation: none !important; box-shadow: none !important; }
|
||||
.bookmark:nth-child(4n+1) .bookmark-icon { background: linear-gradient(135deg, #2563eb, #3b82f6) !important; }
|
||||
.bookmark:nth-child(4n+2) .bookmark-icon { background: linear-gradient(135deg, #ea580c, #fb923c) !important; }
|
||||
.bookmark:nth-child(4n+3) .bookmark-icon { background: linear-gradient(135deg, #7c3aed, #a855f7) !important; }
|
||||
.bookmark:nth-child(4n+4) .bookmark-icon { background: linear-gradient(135deg, #059669, #22c55e) !important; }
|
||||
|
||||
.information-widget-resource .resource-icon { animation: none !important; filter: none !important; }
|
||||
.information-widget-resource:nth-child(1) .resource-icon { color: #60a5fa !important; }
|
||||
.information-widget-resource:nth-child(2) .resource-icon { color: #fb923c !important; }
|
||||
.information-widget-resource:nth-child(3) .resource-icon { color: #4ade80 !important; }
|
||||
|
||||
.resource-usage > div {
|
||||
background: linear-gradient(90deg, #3b82f6, #fb923c) !important;
|
||||
animation: none !important;
|
||||
background-size: 100% 100% !important;
|
||||
}
|
||||
|
||||
.status-dot-status-green, .text-green-500 {
|
||||
background-color: #4ade80 !important;
|
||||
animation: status-pulse-green 3s ease-out infinite;
|
||||
}
|
||||
.status-dot-status-red, .text-red-500 {
|
||||
background-color: #f87171 !important;
|
||||
animation: status-pulse-red 3s ease-out infinite;
|
||||
}
|
||||
@keyframes status-pulse-green {
|
||||
0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.5); }
|
||||
70% { box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
|
||||
}
|
||||
@keyframes status-pulse-red {
|
||||
0% { box-shadow: 0 0 0 0 rgba(248, 113, 113, 0.5); }
|
||||
70% { box-shadow: 0 0 0 6px rgba(248, 113, 113, 0); }
|
||||
}
|
||||
|
||||
button[role="tab"][aria-selected="true"] { animation: none !important; }
|
||||
.service-card { animation: none !important; }
|
||||
.rss-hub { animation: none !important; }
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
body::before, body::after, .rss-hub::before, .rss-pulse, .rss-hub-accent,
|
||||
.service-icon, .service-icon::before, .service-icon::after, .service-card,
|
||||
.bookmark-icon, .information-widget-resource .resource-icon, button[role="tab"][aria-selected="true"],
|
||||
.rss-hub, #information-widgets img { animation: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
#!/bin/sh
|
||||
# Deploy Homepage LXC (CT 120) on pve 192.168.1.216
|
||||
set -e
|
||||
PW="${PROXMOX_PASSWORD:-WaQTUw2t}"
|
||||
PVE=192.168.1.216
|
||||
VMID=120
|
||||
APP="${HOMEPAGE_DIR:-/volume1/docker/homelab-configs/apps/homepage}"
|
||||
STORAGE="${PVE_STORAGE:-Storage}"
|
||||
|
||||
ssh_pve() {
|
||||
docker run --rm -v "$APP:/src:ro" alpine sh -c "
|
||||
apk add --no-cache openssh-client sshpass rsync >/dev/null 2>&1
|
||||
sshpass -p '$PW' ssh -o StrictHostKeyChecking=no root@$PVE \"$1\"
|
||||
"
|
||||
}
|
||||
|
||||
echo "=== Proxmox: LXC $VMID homepage ==="
|
||||
if ssh_pve "pct status $VMID" 2>/dev/null | grep -q running; then
|
||||
echo "CT $VMID bestaat al en draait"
|
||||
else
|
||||
if ssh_pve "pct status $VMID" 2>/dev/null | grep -q stopped; then
|
||||
echo "Start bestaande CT $VMID"
|
||||
ssh_pve "pct start $VMID"
|
||||
else
|
||||
echo "Maak CT $VMID aan..."
|
||||
ssh_pve "pct create $VMID local:vztmpl/debian-13-standard_13.1-2_amd64.tar.zst \
|
||||
--arch amd64 --cores 2 --memory 2048 --swap 512 \
|
||||
--hostname homepage --password '$PW' \
|
||||
--rootfs ${STORAGE}:8 \
|
||||
--net0 name=eth0,bridge=vmbr0,ip=dhcp,type=veth \
|
||||
--features nesting=1,keyctl=1 --unprivileged 1 --onboot 1"
|
||||
ssh_pve "pct start $VMID"
|
||||
fi
|
||||
fi
|
||||
|
||||
echo "Wacht op netwerk..."
|
||||
sleep 8
|
||||
|
||||
echo "=== Docker installeren ==="
|
||||
ssh_pve "pct exec $VMID -- bash -c 'export DEBIAN_FRONTEND=noninteractive; \
|
||||
apt-get update -qq && apt-get install -y -qq docker.io docker-compose curl ca-certificates 2>/dev/null; \
|
||||
systemctl enable --now docker'"
|
||||
|
||||
echo "=== Config genereren ==="
|
||||
python3 "$APP/generate-config.py" 2>/dev/null || true
|
||||
|
||||
echo "=== Config uploaden ==="
|
||||
# tar config and push
|
||||
tar -C "$APP" -czf /tmp/homepage-deploy.tgz docker-compose.yml config public websites-add.txt
|
||||
docker run --rm -v /tmp:/tmp alpine sh -c "
|
||||
apk add --no-cache openssh-client sshpass >/dev/null 2>&1
|
||||
sshpass -p '$PW' scp -o StrictHostKeyChecking=no /tmp/homepage-deploy.tgz root@$PVE:/tmp/
|
||||
"
|
||||
ssh_pve "pct exec $VMID -- mkdir -p /opt/homepage && pct push $VMID /tmp/homepage-deploy.tgz /tmp/homepage-deploy.tgz"
|
||||
ssh_pve "pct exec $VMID -- bash -c 'cd /opt/homepage && tar xzf /tmp/homepage-deploy.tgz && rm /tmp/homepage-deploy.tgz'"
|
||||
|
||||
echo "=== Homepage starten ==="
|
||||
ssh_pve "pct exec $VMID -- bash -c 'cd /opt/homepage && docker compose pull && docker compose up -d'"
|
||||
|
||||
echo "=== IP ophalen ==="
|
||||
IP=$(ssh_pve "pct exec $VMID -- hostname -I" | awk '{print $1}')
|
||||
echo ""
|
||||
echo "Klaar: http://${IP:-192.168.1.216}:3000"
|
||||
echo "Of via pve-host als poort 3000 op CT staat: check Proxmox → CT $VMID"
|
||||
@@ -0,0 +1,17 @@
|
||||
# Homepage Admin UI — draait op de NAS (grafisch sites toevoegen)
|
||||
# Start: docker compose -f docker-compose.admin.yml up -d --build
|
||||
services:
|
||||
homepage-admin:
|
||||
build: ./admin
|
||||
container_name: homepage-admin
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "3010:3010"
|
||||
environment:
|
||||
PROXMOX_PASSWORD: ${PROXMOX_PASSWORD:-WaQTUw2t}
|
||||
HOMEPAGE_DIR: /apps/homepage
|
||||
volumes:
|
||||
- /volume1/docker/homelab-configs/apps:/apps:rw
|
||||
- /var/run/docker.sock:/var/run/docker.sock
|
||||
working_dir: /apps/homepage/admin
|
||||
command: python server.py
|
||||
@@ -0,0 +1,18 @@
|
||||
services:
|
||||
homepage:
|
||||
image: ghcr.io/gethomepage/homepage:latest
|
||||
container_name: homepage
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "3000:3000"
|
||||
environment:
|
||||
# Homelab LAN: * = geen host-check (DHCP/NPM hostnames wisselen)
|
||||
HOMEPAGE_ALLOWED_HOSTS: "*"
|
||||
PUID: 0
|
||||
PGID: 0
|
||||
volumes:
|
||||
- ./config:/app/config
|
||||
- ./config/custom.css:/app/config/custom.css:ro
|
||||
- ./config/custom.js:/app/config/custom.js:ro
|
||||
- ./public/images:/app/public/images:ro
|
||||
- /var/run/docker.sock:/var/run/docker.sock:ro
|
||||
@@ -0,0 +1,372 @@
|
||||
#!/usr/bin/env python3
|
||||
"""Generate Homepage YAML from Homarr default.json with smart categorization."""
|
||||
import json
|
||||
import re
|
||||
from pathlib import Path
|
||||
from urllib.parse import urlparse
|
||||
|
||||
_ROOT = Path(__file__).resolve().parent
|
||||
HOMARR = _ROOT.parent / "homarr" / "config" / "default.json"
|
||||
OUT = _ROOT / "config"
|
||||
WEBSITES_ADD = _ROOT / "websites-add.txt"
|
||||
|
||||
ICON_MAP = {
|
||||
"adguard": "adguard-home.png",
|
||||
"gitea": "gitea.png",
|
||||
"grafana": "grafana.png",
|
||||
"prometheus": "prometheus.png",
|
||||
"portainer": "portainer.png",
|
||||
"postgres": "postgres.png",
|
||||
"neo4j": "neo4j.png",
|
||||
"home assistant": "home-assistant.png",
|
||||
"ha ": "home-assistant.png",
|
||||
"unifi": "unifi.png",
|
||||
"nginx": "nginx-proxy-manager.png",
|
||||
"vaultwarden": "vaultwarden.png",
|
||||
"immich": "immich.png",
|
||||
"n8n": "n8n.png",
|
||||
"sonarr": "sonarr.png",
|
||||
"radarr": "radarr.png",
|
||||
"prowlarr": "prowlarr.png",
|
||||
"qbittorrent": "qbittorrent.png",
|
||||
"sabnzbd": "sabnzbd.png",
|
||||
"nextcloud": "nextcloud.png",
|
||||
"excalidraw": "excalidraw.png",
|
||||
"wazuh": "wazuh.png",
|
||||
"truenas": "truenas.png",
|
||||
"frigate": "frigate.png",
|
||||
"linkwarden": "linkwarden.png",
|
||||
"uptime": "uptime-kuma.png",
|
||||
"changedetection": "changedetection.png",
|
||||
"traccar": "traccar.png",
|
||||
"tunarr": "tunarr.png",
|
||||
"metube": "metube.png",
|
||||
"remotely": "remotely.png",
|
||||
"homarr": "homarr.png",
|
||||
"chatgpt": "si-openai",
|
||||
"github": "si-github",
|
||||
"anthropic": "si-anthropic",
|
||||
"deepseek": "si-deepseek",
|
||||
"grok": "si-x",
|
||||
"youtube": "si-youtube",
|
||||
"proxmox": "proxmox.png",
|
||||
}
|
||||
|
||||
# Hex colors per group for mdi/si icons
|
||||
GROUP_ICON_COLORS = {
|
||||
"Infrastructure": "#3b82f6",
|
||||
"Media & TV": "#a855f7",
|
||||
"Smart Home": "#22c55e",
|
||||
"Productivity": "#06b6d4",
|
||||
"Tools & Utils": "#f59e0b",
|
||||
"AI Assistants": "#ec4899",
|
||||
"Dev & Docs": "#14b8a6",
|
||||
"Web Design": "#f97316",
|
||||
}
|
||||
|
||||
# Service groups → Homepage tab
|
||||
SERVICE_GROUPS = [
|
||||
"Infrastructure",
|
||||
"Media & TV",
|
||||
"Smart Home",
|
||||
"Productivity",
|
||||
"Tools & Utils",
|
||||
"AI Assistants",
|
||||
"Dev & Docs",
|
||||
"Web Design",
|
||||
]
|
||||
|
||||
HOMELAB_RULES = [
|
||||
("Infrastructure", [
|
||||
"proxmox", "portainer", "truenas", " adguard", "unifi", "wazuh", "idrac",
|
||||
"webmin", "pve script", "modem", "rackula", "mo-nas", "nginx", "nas",
|
||||
"lxc", "browserless", "remotely", "minarca", "change detection",
|
||||
"changedetection", "dsm on", "dsm aux", "turnkey", "synology stuff",
|
||||
]),
|
||||
("Media & TV", [
|
||||
"tunarr", "immich", "frigate", "metube", "nodecast", "nzb geek",
|
||||
"usenetdeal",
|
||||
]),
|
||||
("Smart Home", [
|
||||
" ha", "home assistant", "ring", "mawaqit", "home control", "ha voice",
|
||||
]),
|
||||
("Productivity", [
|
||||
"nextcloud", "vaultwarden", "n8n", "gitea", "excalidraw", "linkwarden",
|
||||
"invoice", "onlyoffice", "neo4j", "crm", "resume", "openresume",
|
||||
"bentopdf", "vert", "moocup", "thunderbird", "noted apps",
|
||||
]),
|
||||
]
|
||||
|
||||
RSS_BOOKMARKS = {
|
||||
"Tech News": [
|
||||
("Hacker News", "https://hnrss.org/frontpage"),
|
||||
("Ars Technica", "https://feeds.arstechnica.com/arstechnica/index"),
|
||||
("The Verge", "https://www.theverge.com/rss/index.xml"),
|
||||
("Lobsters", "https://lobste.rs/rss"),
|
||||
],
|
||||
"Security": [
|
||||
("BleepingComputer", "https://www.bleepingcomputer.com/feed/"),
|
||||
("Krebs on Security", "https://krebsonsecurity.com/feed/"),
|
||||
("The Hacker News", "https://feeds.feedburner.com/TheHackersNews"),
|
||||
],
|
||||
"Homelab": [
|
||||
("selfh.st", "https://selfh.st/rss/"),
|
||||
("Proxmox Forum", "https://forum.proxmox.com/forums/-/index.rss"),
|
||||
("r/selfhosted", "https://www.reddit.com/r/selfhosted/.rss"),
|
||||
("Docker Blog", "https://www.docker.com/blog/feed/"),
|
||||
("LinuxServer.io", "https://www.linuxserver.io/blog/rss/"),
|
||||
("Marius Hosting", "https://mariushosting.com/feed/"),
|
||||
],
|
||||
"AI & Dev": [
|
||||
("OpenAI Blog", "https://openai.com/blog/rss.xml"),
|
||||
("Hugging Face Blog", "https://huggingface.co/blog/feed.xml"),
|
||||
("GitHub Blog", "https://github.blog/feed/"),
|
||||
],
|
||||
"Blogs": [
|
||||
("Jack van lightly", "https://jack-vanlightly.com/feed.xml"),
|
||||
("Juhache", "https://juhache.substack.com/feed"),
|
||||
],
|
||||
}
|
||||
|
||||
|
||||
def slug_name(name: str) -> str:
|
||||
s = re.sub(r"[^a-zA-Z0-9]+", "-", name).strip("-").lower()
|
||||
return s or "service"
|
||||
|
||||
|
||||
def guess_icon(name: str, url: str) -> str:
|
||||
n = name.lower()
|
||||
for key, icon in ICON_MAP.items():
|
||||
if key in n:
|
||||
return icon
|
||||
host = urlparse(url).hostname or ""
|
||||
if host:
|
||||
part = host.split(".")[0]
|
||||
if part in ("192", "www"):
|
||||
return "mdi-server-network"
|
||||
return f"mdi-{part[:12]}"
|
||||
return "mdi-circle-outline"
|
||||
|
||||
|
||||
def colorize_icon(icon: str, group: str) -> str:
|
||||
"""Add hex color to vector icons for vivid Homepage gradients."""
|
||||
if "#" in icon or icon.endswith((".png", ".webp", ".svg")) or icon.startswith("http"):
|
||||
return icon
|
||||
color = GROUP_ICON_COLORS.get(group, "#22d3ee")
|
||||
if icon.startswith(("mdi-", "si-")):
|
||||
return f"{icon}-{color}"
|
||||
return icon
|
||||
|
||||
|
||||
def classify_homelab(name: str, url: str) -> str:
|
||||
blob = f" {name.lower()} {url.lower()} "
|
||||
for group, keys in HOMELAB_RULES:
|
||||
if any(k in blob for k in keys):
|
||||
return group
|
||||
return "Tools & Utils"
|
||||
|
||||
|
||||
def classify_app(name: str, url: str, homarr_cat: str) -> str:
|
||||
if homarr_cat == "AI":
|
||||
return "AI Assistants"
|
||||
if homarr_cat == "HTML5":
|
||||
return "Web Design"
|
||||
if homarr_cat in ("Other", "Data Stuff", "Projects"):
|
||||
return "Dev & Docs"
|
||||
if homarr_cat == "HomeLab Stuff":
|
||||
return classify_homelab(name, url)
|
||||
return "Tools & Utils"
|
||||
|
||||
|
||||
def yaml_escape(s: str) -> str:
|
||||
return s.replace("\\", "\\\\").replace('"', '\\"')
|
||||
|
||||
|
||||
def load_websites_extra() -> dict:
|
||||
"""Lees websites-add.txt: groep|naam|url per regel."""
|
||||
extra = {g: [] for g in SERVICE_GROUPS}
|
||||
if not WEBSITES_ADD.exists():
|
||||
return extra
|
||||
for raw in WEBSITES_ADD.read_text(encoding="utf-8").splitlines():
|
||||
line = raw.strip()
|
||||
if not line or line.startswith("#"):
|
||||
continue
|
||||
parts = [p.strip() for p in line.split("|", 2)]
|
||||
if len(parts) != 3:
|
||||
continue
|
||||
group, name, url = parts
|
||||
if group not in extra:
|
||||
print(f" Waarschuwing: onbekende groep '{group}' — regel overgeslagen")
|
||||
continue
|
||||
if name and url:
|
||||
extra[group].append((name, url))
|
||||
return extra
|
||||
|
||||
|
||||
def merge_groups(base: dict, extra: dict) -> dict:
|
||||
"""Homarr + handmatige sites; extra overschrijft zelfde naam in zelfde groep."""
|
||||
out = {g: list(base.get(g, [])) for g in SERVICE_GROUPS}
|
||||
for group, items in extra.items():
|
||||
if group not in out:
|
||||
out[group] = []
|
||||
names = {n.lower() for n, _ in out[group]}
|
||||
for name, url in items:
|
||||
key = name.lower()
|
||||
if key in names:
|
||||
out[group] = [(n, u) for n, u in out[group] if n.lower() != key]
|
||||
names.discard(key)
|
||||
out[group].append((name, url))
|
||||
names.add(key)
|
||||
return out
|
||||
|
||||
|
||||
def write_services(by_group: dict) -> str:
|
||||
lines = []
|
||||
for group in SERVICE_GROUPS:
|
||||
items = by_group.get(group, [])
|
||||
if not items:
|
||||
continue
|
||||
lines.append(f"- {group}:")
|
||||
seen = set()
|
||||
for name, url in items:
|
||||
key = slug_name(name)
|
||||
if key in seen:
|
||||
key = f"{key}-{len(seen)}"
|
||||
seen.add(key)
|
||||
icon = colorize_icon(guess_icon(name, url), group)
|
||||
lines.append(f" - {name}:")
|
||||
lines.append(f" icon: {icon}")
|
||||
lines.append(f" href: {url}")
|
||||
lines.append(f" description: {yaml_escape(name)}")
|
||||
try:
|
||||
p = urlparse(url)
|
||||
if p.scheme and p.hostname and re.match(r"^\d+\.\d+\.\d+\.\d+$", p.hostname):
|
||||
base = f"{p.scheme}://{p.netloc}"
|
||||
lines.append(f" siteMonitor: {base}")
|
||||
lines.append(" statusStyle: dot")
|
||||
except Exception:
|
||||
pass
|
||||
lines.append("")
|
||||
return "\n".join(lines)
|
||||
|
||||
|
||||
def write_settings() -> str:
|
||||
layout = {
|
||||
"Infrastructure": {"tab": "Ops", "icon": "mdi-server-network", "columns": 4, "style": "row"},
|
||||
"Media & TV": {"tab": "Media", "icon": "mdi-television-play", "columns": 4, "style": "row"},
|
||||
"Smart Home": {"tab": "Home", "icon": "mdi-home-automation", "columns": 3, "style": "row"},
|
||||
"Productivity": {"tab": "Work", "icon": "mdi-briefcase-outline", "columns": 4, "style": "row"},
|
||||
"Tools & Utils": {"tab": "Ops", "icon": "mdi-toolbox-outline", "columns": 3, "style": "row"},
|
||||
"AI Assistants": {"tab": "AI", "icon": "mdi-brain", "columns": 4, "style": "row"},
|
||||
"Dev & Docs": {"tab": "AI", "icon": "mdi-book-open-page-variant", "columns": 3, "style": "row"},
|
||||
"Web Design": {"tab": "AI", "icon": "mdi-palette-outline", "columns": 3, "style": "row"},
|
||||
"Tech News": {"tab": "Feeds", "icon": "mdi-newspaper-variant-outline", "columns": 2},
|
||||
"Security": {"tab": "Feeds", "icon": "mdi-shield-alert-outline", "columns": 2},
|
||||
"Homelab": {"tab": "Feeds", "icon": "mdi-server", "columns": 3},
|
||||
"AI & Dev": {"tab": "Feeds", "icon": "mdi-robot-outline", "columns": 2},
|
||||
"Blogs": {"tab": "Feeds", "icon": "mdi-rss", "columns": 2},
|
||||
}
|
||||
lines = [
|
||||
"---",
|
||||
"title: EL-KADI OPS",
|
||||
"description: Homelab command surface",
|
||||
"theme: dark",
|
||||
"color: slate",
|
||||
"iconStyle: gradient",
|
||||
"headerStyle: underlined",
|
||||
"useEqualHeights: true",
|
||||
"statusStyle: dot",
|
||||
"fullWidth: true",
|
||||
"cardBlur: md",
|
||||
"hideVersion: false",
|
||||
"quicklaunch:",
|
||||
" searchDescriptions: true",
|
||||
" hideInternetSearch: false",
|
||||
" showSearchSuggestions: true",
|
||||
"layout:",
|
||||
]
|
||||
for name, opts in layout.items():
|
||||
lines.append(f" {name}:")
|
||||
for k, v in opts.items():
|
||||
lines.append(f" {k}: {v}")
|
||||
return "\n".join(lines) + "\n"
|
||||
|
||||
|
||||
def write_bookmarks() -> str:
|
||||
lines = ["---"]
|
||||
for group, items in RSS_BOOKMARKS.items():
|
||||
lines.append(f"- {group}:")
|
||||
for name, url in items:
|
||||
abbr = "".join(w[0] for w in re.findall(r"[A-Za-z0-9]+", name)[:2]).upper()[:2] or "RS"
|
||||
lines.append(f" - {name}:")
|
||||
lines.append(f" - abbr: {abbr}")
|
||||
lines.append(f" href: {url}")
|
||||
return "\n".join(lines) + "\n"
|
||||
|
||||
|
||||
def write_widgets() -> str:
|
||||
return """---
|
||||
- logo:
|
||||
icon: /images/logo.jpg
|
||||
|
||||
- greeting:
|
||||
text_size: xl
|
||||
text: el-kadi ops
|
||||
|
||||
- datetime:
|
||||
text_size: xl
|
||||
format:
|
||||
timeStyle: short
|
||||
dateStyle: medium
|
||||
hour12: false
|
||||
|
||||
- search:
|
||||
provider: google
|
||||
target: _blank
|
||||
showSearchSuggestions: true
|
||||
|
||||
- resources:
|
||||
cpu: true
|
||||
memory: true
|
||||
cputemp: true
|
||||
uptime: true
|
||||
units: metric
|
||||
refresh: 3000
|
||||
"""
|
||||
|
||||
|
||||
def main():
|
||||
with open(HOMARR) as f:
|
||||
d = json.load(f)
|
||||
cats = {c["id"]: c["name"] for c in d.get("categories", [])}
|
||||
by_group: dict[str, list] = {g: [] for g in SERVICE_GROUPS}
|
||||
|
||||
for a in d.get("apps", []):
|
||||
name = (a.get("name") or "").strip()
|
||||
url = (a.get("url") or "").strip()
|
||||
if not name or not url:
|
||||
continue
|
||||
area = a.get("area", {}).get("properties", {}).get("id", "")
|
||||
homarr_cat = cats.get(area, "Other")
|
||||
group = classify_app(name, url, homarr_cat)
|
||||
by_group.setdefault(group, []).append((name, url))
|
||||
|
||||
extra = load_websites_extra()
|
||||
extra_count = sum(len(v) for v in extra.values())
|
||||
by_group = merge_groups(by_group, extra)
|
||||
|
||||
OUT.mkdir(parents=True, exist_ok=True)
|
||||
(OUT / "services.yaml").write_text(write_services(by_group))
|
||||
(OUT / "settings.yaml").write_text(write_settings())
|
||||
(OUT / "widgets.yaml").write_text(write_widgets())
|
||||
(OUT / "bookmarks.yaml").write_text(write_bookmarks())
|
||||
|
||||
total = sum(len(v) for v in by_group.values())
|
||||
print(
|
||||
f"Generated {total} apps in {sum(1 for v in by_group.values() if v)} groups"
|
||||
+ (f" (+{extra_count} uit websites-add.txt)" if extra_count else "")
|
||||
)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,18 @@
|
||||
# Profielfoto (logo)
|
||||
|
||||
Plaats je foto hier als **`logo.jpg`** (vierkant werkt het best, min. 128×128 px).
|
||||
|
||||
```bash
|
||||
cp /pad/naar/jouw-foto.jpg logo.jpg
|
||||
cd /volume1/docker/homelab-configs/apps/homepage
|
||||
./deploy-to-pve.sh
|
||||
```
|
||||
|
||||
Of gebruik het script:
|
||||
|
||||
```bash
|
||||
./set-logo.sh /pad/naar/foto.jpg
|
||||
./deploy-to-pve.sh
|
||||
```
|
||||
|
||||
Daarna op Homepage: refresh-icoon rechtsonder, of Ctrl+Shift+R.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
@@ -0,0 +1,9 @@
|
||||
#!/bin/sh
|
||||
# Kopieer je profielfoto naar Homepage logo
|
||||
set -e
|
||||
SRC="${1:?Gebruik: ./set-logo.sh /pad/naar/foto.jpg}"
|
||||
DEST="$(dirname "$0")/public/images/logo.jpg"
|
||||
mkdir -p "$(dirname "$DEST")"
|
||||
cp "$SRC" "$DEST"
|
||||
echo "Logo gezet: $DEST"
|
||||
echo "Deploy: ./deploy-to-pve.sh"
|
||||
@@ -0,0 +1,12 @@
|
||||
#!/bin/sh
|
||||
# Start Homepage Admin UI op de NAS
|
||||
set -e
|
||||
cd "$(dirname "$0")"
|
||||
if docker compose version >/dev/null 2>&1; then
|
||||
docker compose -f docker-compose.admin.yml up -d --build
|
||||
else
|
||||
docker-compose -f docker-compose.admin.yml up -d --build
|
||||
fi
|
||||
echo ""
|
||||
echo "Admin UI: http://192.168.1.211:3010"
|
||||
echo "Dashboard: http://192.168.1.192:3000"
|
||||
@@ -0,0 +1,7 @@
|
||||
# Extra websites — één per regel: groep|naam|url
|
||||
# Voorbeeld:
|
||||
# Productivity|Jellyfin|http://192.168.1.10:8096
|
||||
# AI Assistants|Claude|https://claude.ai
|
||||
#
|
||||
# Of gebruik: ./add-website.sh
|
||||
Productivity|Jellyfin Test|http://192.168.1.99:8096
|
||||
@@ -0,0 +1,2 @@
|
||||
# (optioneel) Zie websites-add.txt — dat is het makkelijkste bestand om te bewerken.
|
||||
# Gebruik: ./add-website.sh of bewerk websites-add.txt
|
||||
Reference in New Issue
Block a user