kelin/Homelab-new-tab-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
kelin
2026-05-09 17:11:07 -04:00
parent 9c2fe6b7bb
commit 370577411b
1 changed files with 108 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
index.html
View File

@@ -6,8 +6,9 @@
<title>Homelab Home</title> <title>Homelab Home</title>
<style> <style>
:root { :root {
--bg: #0b1017; --bg: #20334e;
--panel: #131b25; --panel: radial-gradient(1200px 500px at 10% -10%, #26292e 0%, transparent 50%),
radial-gradient(900px 500px at 95% -20%, #010231 0%, transparent 55%), #20334e;
--text: #e8eef7; --text: #e8eef7;
--muted: #9fb0c3; --muted: #9fb0c3;
--line: #233142; --line: #233142;
@@ -26,8 +27,8 @@
font-family: "Segoe UI", "Noto Sans", system-ui, sans-serif; font-family: "Segoe UI", "Noto Sans", system-ui, sans-serif;
color: var(--text); color: var(--text);
background: background:
radial-gradient(1200px 500px at 10% -10%, #1b3049 0%, transparent 60%), radial-gradient(1200px 500px at 10% -10%, #26292e 0%, transparent 60%),
radial-gradient(900px 500px at 95% -20%, #1a2839 0%, transparent 55%), radial-gradient(900px 500px at 95% -20%, #010231 0%, transparent 95%),
var(--bg); var(--bg);
min-height: 100vh; min-height: 100vh;
padding: 24px; padding: 24px;
@@ -209,7 +210,7 @@
display: block; display: block;
top: 0px; top: 0px;
padding: 0px 0px; padding: 0px 0px;
font-size: 3.5rem; font-size: 3rem;
letter-spacing: 0.2px; letter-spacing: 0.2px;
font-weight: 300; font-weight: 300;
height: 100px; height: 100px;
@@ -229,7 +230,7 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin: 20px 0px; margin: 20px 0px;
font-size: 1.2rem; font-size: 1.1rem;
padding: 8px 16px; padding: 8px 16px;
background: var(--accent); background: var(--accent);
border-radius: 8px; border-radius: 8px;
@@ -294,10 +295,12 @@
display: inline-flex; display: inline-flex;
font-size: 3rem; font-size: 3rem;
justify-content: center; justify-content: center;
} }
.admin-row img { .admin-row img {
width: 30px; width: 30px;
height: 30px; height: 30px;
box-shadow: var(--shadow);
} }
.local-url { .local-url {
font-size: 0.8rem !important; font-size: 0.8rem !important;
@@ -340,16 +343,29 @@
.service-grid { .service-grid {
display: grid; display: grid;
grid-template-columns: repeat(var(--num-columns-services), 1fr); grid-template-columns: repeat(var(--num-columns-services), 1fr);
gap: 20px; gap: 15px;
margin: 20px; max-width: auto;
max-width: fit-content; padding: 0px;
margin: 20px 10px;
justify-content: space-evenly;
} }
.service-grid div a img { .service-grid div a img {
display: block; display: block;
gap: 6px; gap: 2px;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.service-grid div {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 10px;
border: 2px solid #143365;
padding: 5px 10px;
box-shadow: var(--shadow);
background: radial-gradient(1200px 500px at 10% -10%, #143365 0%, transparent 60%),
radial-gradient(900px 500px at 25% 5%, #323667 0%, transparent 10%), #091321;
}
</style> </style>
</head> </head>
<body> <body>
@@ -357,7 +373,7 @@
<div class="header"> <div class="header">
<div class="header-flex"> <div class="header-flex">
<img src="https://icons.kelinreij.duckdns.org/Kelin" class="fav-icon"> <img src="https://icons.kelinreij.duckdns.org/Kelin" class="fav-icon">
<div>Kelin's Homelab</div> <div>KelinReij.duckdns.org</div>
<div class="header-button-row"> <div class="header-button-row">
<div class="header-button"><a href="https://dashy.kelinreij.duckdns.org">Dashy</a></div> <div class="header-button"><a href="https://dashy.kelinreij.duckdns.org">Dashy</a></div>
<div class="header-button"><a href="https://ha.kelinreij.duckdns.org">Home Assistant</a></div> <div class="header-button"><a href="https://ha.kelinreij.duckdns.org">Home Assistant</a></div>
@@ -375,95 +391,99 @@
<div class="group-column"> <div class="group-column">
<!-- FoxBox --> <!-- FoxBox -->
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);"> <div class="card table-wrap">
<img src="https://icons.kelinreij.duckdns.org/Kelin" class="admin-icon"> <div class="admin-tile" style="border-color: rgba(123, 117, 117, 0.955);">
<div> <img src="https://icons.kelinreij.duckdns.org/Kelin" class="admin-icon">
<div class="admin-title">FoxBox</div> <div>
<div class="admin-row"> <div class="admin-title">FoxBox</div>
<div> <div class="admin-row">
<a href="https://arcane.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br> <a href="https://arcane.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.29:3552" target="_blank" rel="noopener">3552</a> <img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.29:3552" target="_blank" rel="noopener">3552</a>
<div> </div>
<a href="https://backrest.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br> <a href="https://backrest.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.29:9898" target="_blank" rel="noopener">9898</a> <img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.29:9898" target="_blank" rel="noopener">9898</a>
<div> </div>
<a href="https://dozzle.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br> <a href="https://dozzle.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.29:8085" target="_blank" rel="noopener">8085</a> <img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.29:8085" target="_blank" rel="noopener">8085</a>
<div> </div>
<a href="https://traefik.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br> <a href="https://traefik.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.29:8080" target="_blank" rel="noopener">8080</a> <img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br>
<a class="local-url" href="http://192.168.4.29:8080" target="_blank" rel="noopener">8080</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Tucker --> <!-- Tucker -->
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);"> <div class="card table-wrap">
<img src="https://icons.kelinreij.duckdns.org/Tucker.svg" class="admin-icon"> <div class="admin-tile" style="border-color: rgba(123, 117, 117, 0.955);">
<div> <img src="https://icons.kelinreij.duckdns.org/Tucker.svg" class="admin-icon">
<div class="admin-title">Tucker</div> <div>
<div class="admin-row"> <div class="admin-title">Tucker</div>
<div> <div class="admin-row">
<a href="https://arcane.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br> <a href="https://arcane.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.10:3552" target="_blank" rel="noopener">3552</a> <img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.10:3552" target="_blank" rel="noopener">3552</a>
<div> </div>
<a href="https://backrest.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br> <a href="https://backrest.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.10:9898" target="_blank" rel="noopener">9898</a> <img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.10:9898" target="_blank" rel="noopener">9898</a>
<div> </div>
<a href="https://dozzle.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br> <a href="https://dozzle.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.10:8085" target="_blank" rel="noopener">8085</a> <img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.10:8085" target="_blank" rel="noopener">8085</a>
<div> </div>
<a href="https://traefik.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br> <a href="https://traefik.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.10:8080" target="_blank" rel="noopener">8080</a> <img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br>
<a class="local-url" href="http://192.168.4.10:8080" target="_blank" rel="noopener">8080</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Pokee --> <!-- Pokee -->
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);"> <div class="card table-wrap">
<img src="https://icons.kelinreij.duckdns.org/Pokee.svg" class="admin-icon"> <div class="admin-tile" style="border-color: rgba(123, 117, 117, 0.955);">
<div> <img src="https://icons.kelinreij.duckdns.org/Pokee.svg" class="admin-icon">
<div class="admin-title">Pokee</div> <div>
<div class="admin-row"> <div class="admin-title">Pokee</div>
<div> <div class="admin-row">
<a href="https://arcane.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br> <a href="https://arcane.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.13:3552" target="_blank" rel="noopener">3552</a> <img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.13:3552" target="_blank" rel="noopener">3552</a>
<div> </div>
<a href="https://backrest.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br> <a href="https://backrest.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.13:9898" target="_blank" rel="noopener">9898</a> <img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.13:9898" target="_blank" rel="noopener">9898</a>
<div> </div>
<a href="https://dozzle.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br> <a href="https://dozzle.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.13:8085" target="_blank" rel="noopener">8085</a> <img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a><br>
</div> <a class="local-url" href="http://192.168.4.13:8085" target="_blank" rel="noopener">8085</a>
<div> </div>
<a href="https://traefik.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener"> <div>
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br> <a href="https://traefik.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
<a class="local-url" href="http://192.168.4.13:8080" target="_blank" rel="noopener">8080</a> <img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a><br>
<a class="local-url" href="http://192.168.4.13:8080" target="_blank" rel="noopener">8080</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Second Column --> <!-- Second Column -->