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:
mo
2026-05-17 18:45:55 +02:00
parent 9f431ff97b
commit 43c4ed7a6d
27 changed files with 2851 additions and 0 deletions
+60
View File
@@ -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
+431
View File
@@ -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; }
}
+143
View File
@@ -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);
}
})();
+505
View File
@@ -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
+77
View File
@@ -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
+27
View File
@@ -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