From 183ccfcbe21d6850b33f5fd34c849ec49c8b64e6 Mon Sep 17 00:00:00 2001
From: mirza <mirzahasanbasic@outlook.dk>
Date: Wed, 16 Jul 2025 14:27:42 +0200
Subject: [PATCH] The services are now logically organized while maintaining
 the clean visual layout

---
 index.html | 133 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 80 insertions(+), 53 deletions(-)

diff --git a/index.html b/index.html
index f8e9de3..04595fa 100644
--- a/index.html
+++ b/index.html
@@ -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>