Rewrite Private Services to match Public Services structure

This commit is contained in:
Roberth Rajala 2026-02-02 15:32:04 +01:00
parent 51e73b0fe1
commit 46a8b18908
1 changed files with 15 additions and 15 deletions

View File

@ -322,14 +322,14 @@
Private Services Private Services
</h3> </h3>
<div class="services-grid"> <div class="services-grid">
<a href="/services/nextcloud.html" class="service-card private-service" target="_blank"> <a href="/services/nextcloud.html" class="service-card public" target="_blank" rel="noopener">
<div class="service-glow"></div> <div class="service-glow"></div>
<div class="service-icon" style="--icon-color: #0082c9; font-size: 28px;">☁️</div> <div class="service-icon" style="--icon-color: #0082c9; font-size: 28px;">☁️</div>
<h3 class="service-name">Nextcloud</h3> <h3 class="service-name">Nextcloud</h3>
<p class="service-desc">Private cloud storage, files, and collaboration</p> <p class="service-desc">Private cloud storage, files, and collaboration</p>
<div class="service-status online"> <div class="service-status checking">
<span class="status-dot"></span> <span class="status-dot"></span>
<span>Restricted</span> <span class="status-text">Checking...</span>
</div> </div>
<div class="service-arrow"> <div class="service-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@ -338,14 +338,14 @@
</div> </div>
</a> </a>
<a href="/services/netdata.html" class="service-card private-service" target="_blank"> <a href="/services/netdata.html" class="service-card public" target="_blank" rel="noopener">
<div class="service-glow"></div> <div class="service-glow"></div>
<div class="service-icon" style="--icon-color: #00ab44; font-size: 28px;">📈</div> <div class="service-icon" style="--icon-color: #00ab44; font-size: 28px;">📈</div>
<h3 class="service-name">Netdata</h3> <h3 class="service-name">Netdata</h3>
<p class="service-desc">Real-time system monitoring and metrics</p> <p class="service-desc">Real-time system monitoring and metrics</p>
<div class="service-status online"> <div class="service-status checking">
<span class="status-dot"></span> <span class="status-dot"></span>
<span>Restricted</span> <span class="status-text">Checking...</span>
</div> </div>
<div class="service-arrow"> <div class="service-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@ -354,14 +354,14 @@
</div> </div>
</a> </a>
<a href="/services/immich.html" class="service-card private-service" target="_blank"> <a href="/services/immich.html" class="service-card public" target="_blank" rel="noopener">
<div class="service-glow"></div> <div class="service-glow"></div>
<div class="service-icon" style="--icon-color: #ad5c5c; font-size: 28px;">🖼️</div> <div class="service-icon" style="--icon-color: #ad5c5c; font-size: 28px;">🖼️</div>
<h3 class="service-name">Immich</h3> <h3 class="service-name">Immich</h3>
<p class="service-desc">Self-hosted photo and video backup solution</p> <p class="service-desc">Self-hosted photo and video backup solution</p>
<div class="service-status online"> <div class="service-status checking">
<span class="status-dot"></span> <span class="status-dot"></span>
<span>Restricted</span> <span class="status-text">Checking...</span>
</div> </div>
<div class="service-arrow"> <div class="service-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@ -370,14 +370,14 @@
</div> </div>
</a> </a>
<a href="/services/portainer.html" class="service-card private-service" target="_blank"> <a href="/services/portainer.html" class="service-card public" target="_blank" rel="noopener">
<div class="service-glow"></div> <div class="service-glow"></div>
<div class="service-icon" style="--icon-color: #13b6a6; font-size: 28px;">🐳</div> <div class="service-icon" style="--icon-color: #13b6a6; font-size: 28px;">🐳</div>
<h3 class="service-name">Portainer</h3> <h3 class="service-name">Portainer</h3>
<p class="service-desc">Docker container management interface</p> <p class="service-desc">Docker container management interface</p>
<div class="service-status online"> <div class="service-status checking">
<span class="status-dot"></span> <span class="status-dot"></span>
<span>Restricted</span> <span class="status-text">Checking...</span>
</div> </div>
<div class="service-arrow"> <div class="service-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@ -386,14 +386,14 @@
</div> </div>
</a> </a>
<a href="/services/pihole.html" class="service-card private-service" target="_blank"> <a href="/services/pihole.html" class="service-card public" target="_blank" rel="noopener">
<div class="service-glow"></div> <div class="service-glow"></div>
<div class="service-icon" style="--icon-color: #f97316; font-size: 28px;">🛡️</div> <div class="service-icon" style="--icon-color: #f97316; font-size: 28px;">🛡️</div>
<h3 class="service-name">Pi-hole</h3> <h3 class="service-name">Pi-hole</h3>
<p class="service-desc">Network-wide ad blocking and DNS filtering</p> <p class="service-desc">Network-wide ad blocking and DNS filtering</p>
<div class="service-status online"> <div class="service-status checking">
<span class="status-dot"></span> <span class="status-dot"></span>
<span>Restricted</span> <span class="status-text">Checking...</span>
</div> </div>
<div class="service-arrow"> <div class="service-arrow">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">