The services are now logically organized while maintaining the clean visual layout

This commit is contained in:
2025-07-16 14:27:42 +02:00
parent aaed2d21d4
commit 183ccfcbe2

View File

@@ -71,6 +71,7 @@
<div class="row mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="800">
<!-- === INFRASTRUCTURE & SECURITY === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-shield-check-line"></i>
@@ -85,6 +86,49 @@
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-login-box-fill"></i>
<h3><a href="https://auth.hasanbasic.dk">Authentik</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-storage-line"></i>
<h3><a href="http://longhorn.local">Longhorn</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-dashboard-line"></i>
<h3><a href="http://rancher.local">Rancher</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-server-line"></i>
<h3><a href="http://nas.local">Synology NAS</a></h3>
</div>
</div>
<!-- === DEVELOPMENT & TOOLS === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-code-s-slash-line"></i>
<h3><a href="https://code.mirzahasanbasic.dk">Code Server</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-repository-line"></i>
<h3><a href="https://git.mirzahasanbasic.dk">Gitea</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-database-2-line"></i>
@@ -94,33 +138,55 @@
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-login-box-fill"></i>
<h3><a href="http://auth.local">Authentik</a></h3>
<i class="bx bxl-docker"></i>
<h3><a href="http://portainer.local">Portainer</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-code-s-slash-line"></i>
<h3><a href="http://code.local">Code Server</a></h3>
<i class="ri-database-line"></i>
<h3><a href="http://minio.local">MinIO</a></h3>
</div>
</div>
<!-- Media Management -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-bar-chart-grouped-line"></i>
<h3><a href="https://histogram.hasanbasic.dk">Histogram</a></h3>
</div>
</div>
<!-- === MEDIA STREAMING === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-film-line"></i>
<h3><a href="http://plex.local">Plex</a></h3>
<h3><a href="https://plex.mirzahasanbasic.dk">Plex</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-movie-2-line"></i>
<h3><a href="http://overseerr.local">Overseerr</a></h3>
<h3><a href="https://overseer.hasanbasic.dk">Overseerr</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-image-line"></i>
<h3><a href="https://immich.hasanbasic.dk">Immich</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-hand-heart-fill"></i>
<h3><a href="http://ombi.local">Ombi</a></h3>
</div>
</div>
<!-- === MEDIA AUTOMATION === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-tv-line"></i>
@@ -156,22 +222,14 @@
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-translate"></i>
<h3><a href="http://bazarr.local">Bazarr</a></h3>
</div>
</div>
<!-- Development & Git -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-repository-line"></i>
<h3><a href="http://git.local">Gitea</a></h3>
</div>
</div>
<!-- Tesla Services -->
<!-- === TESLA SERVICES === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-car-line"></i>
@@ -186,30 +244,6 @@
</div>
</div>
<!-- Utilities -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-bar-chart-grouped-line"></i>
<h3><a href="http://histogram.local">Histogram</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-file-pdf-2-line"></i>
<h3><a href="http://stirling-pdf.local">PDF Tools</a></h3>
</div>
</div>
<!-- Media Requests -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-hand-heart-fill"></i>
<h3><a href="http://ombi.local">Ombi</a></h3>
</div>
</div>
<!-- Tesla Database -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-database-line"></i>
@@ -217,25 +251,18 @@
</div>
</div>
<!-- Additional Services -->
<!-- === UTILITIES === -->
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-pie-chart-line"></i>
<h3><a href="#">Available</a></h3>
<i class="ri-file-pdf-2-line"></i>
<h3><a href="http://stirling-pdf.local">PDF Tools</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-git-merge-line"></i>
<h3><a href="#">Available</a></h3>
</div>
</div>
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="bx bxl-docker"></i>
<h3><a href="#">Available</a></h3>
<i class="ri-book-line"></i>
<h3><a href="https://bookstack.hasanbasic.dk">BookStack</a></h3>
</div>
</div>