Replace visible LAN addresses with short service labels.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
pepaskopec-blip 2026-10-01 10:05:27 +02:00
commit 93c4e20145
2 changed files with 12 additions and 13 deletions

View file

@ -186,80 +186,80 @@
<div class="wrap reveal"> <div class="wrap reveal">
<p class="section-label">Self-hosted</p> <p class="section-label">Self-hosted</p>
<h2 id="services-title">Services</h2> <h2 id="services-title">Services</h2>
<p class="section-lead">Things I run on my lab — open a service if you have access. The 10.0.0.x addresses work only on my local network, or if you have my Tailscale.</p> <p class="section-lead">Things I run on my lab — open a service if you’re on my network, or if you have my Tailscale.</p>
<ul class="service-list"> <ul class="service-list">
<li> <li>
<a href="https://10.0.0.200:8006" target="_blank" rel="noopener noreferrer"> <a href="https://10.0.0.200:8006" target="_blank" rel="noopener noreferrer">
<span class="service-name">Proxmox</span> <span class="service-name">Proxmox</span>
<span class="service-host">10.0.0.200:8006</span> <span class="service-host">Virtual machines</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="https://jelly.skopec.dev" target="_blank" rel="noopener noreferrer"> <a href="https://jelly.skopec.dev" target="_blank" rel="noopener noreferrer">
<span class="service-name">Jellyfin</span> <span class="service-name">Jellyfin</span>
<span class="service-host">jelly.skopec.dev · 10.0.0.101:8096</span> <span class="service-host">Movies &amp; TV</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="http://10.0.0.103:4533" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.103:4533" target="_blank" rel="noopener noreferrer">
<span class="service-name">Navidrome</span> <span class="service-name">Navidrome</span>
<span class="service-host">10.0.0.103:4533</span> <span class="service-host">Music</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="http://10.0.0.106:3000" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.106:3000" target="_blank" rel="noopener noreferrer">
<span class="service-name">Ollama</span> <span class="service-name">Ollama</span>
<span class="service-host">10.0.0.106:3000</span> <span class="service-host">Local AI</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="http://10.0.0.104:8080" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.104:8080" target="_blank" rel="noopener noreferrer">
<span class="service-name">SearXNG</span> <span class="service-name">SearXNG</span>
<span class="service-host">10.0.0.104:8080</span> <span class="service-host">Search</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="http://10.0.0.107:3000" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.107:3000" target="_blank" rel="noopener noreferrer">
<span class="service-name">ConvertX</span> <span class="service-name">ConvertX</span>
<span class="service-host">10.0.0.107:3000</span> <span class="service-host">File conversion</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<div class="service-item"> <div class="service-item">
<span class="service-name">NAS</span> <span class="service-name">NAS</span>
<span class="service-host">10.0.0.102</span> <span class="service-host">Storage</span>
</div> </div>
</li> </li>
<li> <li>
<a href="http://10.0.0.100/admin" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.100/admin" target="_blank" rel="noopener noreferrer">
<span class="service-name">Pi-hole</span> <span class="service-name">Pi-hole</span>
<span class="service-host">10.0.0.100:80</span> <span class="service-host">DNS &amp; ad blocking</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<a href="http://10.0.0.109:2283" target="_blank" rel="noopener noreferrer"> <a href="http://10.0.0.109:2283" target="_blank" rel="noopener noreferrer">
<span class="service-name">Immich</span> <span class="service-name">Immich</span>
<span class="service-host">10.0.0.109:2283</span> <span class="service-host">Photos</span>
<span class="service-arrow" aria-hidden="true">→</span> <span class="service-arrow" aria-hidden="true">→</span>
</a> </a>
</li> </li>
<li> <li>
<div class="service-item"> <div class="service-item">
<span class="service-name">Cloudflare Tunnels</span> <span class="service-name">Cloudflare Tunnels</span>
<span class="service-host">10.0.0.105 · exposes services outside the LAN</span> <span class="service-host">Public access</span>
</div> </div>
</li> </li>
<li> <li>
<div class="service-item"> <div class="service-item">
<span class="service-name">Tailscale</span> <span class="service-name">Tailscale</span>
<span class="service-host">10.0.0.110 · remote access to local-only services</span> <span class="service-host">Remote access</span>
</div> </div>
</li> </li>
</ul> </ul>

View file

@ -480,7 +480,6 @@ a:hover {
grid-row: 2; grid-row: 2;
font-size: 0.9rem; font-size: 0.9rem;
color: var(--muted); color: var(--muted);
font-variant-numeric: tabular-nums;
} }
.service-list a:hover .service-host { .service-list a:hover .service-host {