Rewrite Private Services to match Public Services structure
This commit is contained in:
parent
51e73b0fe1
commit
46a8b18908
30
index.html
30
index.html
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue