Remove old references and add new services

index.html

@@ -30,6 +30,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/nextcloud.webp" alt="Button Logo" style="width: 4.3em; height: auto;">
           <span class="button-text">Nextcloud</span>
+          <span class="button-subtext">File Server</span>
         </div>
       </button>
     </a>
@@ -39,6 +40,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/bitwarden.png" alt="Button Logo" style="width: 4.3em; height: auto;">
           <span class="button-text">Vaultwarden</span>
+          <span class="button-subtext">Password Manager</span>
         </div>
       </button>
     </a>
@@ -48,6 +50,27 @@
         <div class="button-content">
           <img class="button-image" src="./images/gitea.png" style="width: 4.3em; height: auto;">
           <span class="button-text">Gitea</span>
+          <span class="button-subtext">Collaborative Code</span>
+        </div>
+      </button>
+    </a>
+    <a href="https://guard.jimbosfiles.com">
+      <button class="custom-button guard">
+        <div class="color-part"></div>
+        <div class="button-content">
+          <img class="button-image" src="./images/adguard.png" alt="Button Logo" style="width: 5em; height: auto;">
+          <span class="button-text">AdGuard</span>
+          <span class="button-subtext">DNS Protection</span>
+        </div>
+      </button>
+    </a>
+    <a href="https://recipes.jimbosfiles.com">
+      <button class="custom-button recipes">
+        <div class="color-part"></div>
+        <div class="button-content">
+          <img class="button-image" src="./images/tandoor.png" alt="Button Logo" style="width: 5em; height: auto;">
+          <span class="button-text">Tandoor</span>
+          <span class="button-subtext">Recipes</span>
         </div>
       </button>
     </a>
@@ -57,6 +80,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/pufferpanel.png" style="width: 4.3em; height: auto;">
           <span class="button-text">Pufferpanel</span>
+          <span class="button-subtext">Game Servers</span>
         </div>
       </button>
     </a>
@@ -66,6 +90,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/owncast.png" alt="Button Logo" style="width: 5em; height: auto;">
           <span class="button-text">Streaming</span>
+          <span class="button-subtext">Gaming Maybe</span>
         </div>
       </button>
     </a>
@@ -75,6 +100,17 @@
         <div class="button-content">
           <img class="button-image" src="./images/azuracast.png" alt="Button Logo" style="width: 5em; height: auto;">
           <span class="button-text">Radio</span>
+          <span class="button-subtext">My Music Folder</span>
+        </div>
+      </button>
+    </a>
+    <a href="https://chat.jimbosfiles.com/">
+      <button class="custom-button element">
+        <div class="color-part"></div>
+        <div class="button-content">
+          <img class="button-image" src="./images/element.png" alt="Button Logo" style="width: 4.3em; height: auto;">
+          <span class="button-text">Element</span>
+          <span class="button-subtext">Discordish</span>
         </div>
       </button>
     </a>
@@ -84,6 +120,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/mastodon.png" alt="Button Logo" style="width: 4.3em; height: auto;">
           <span class="button-text">Mastodon</span>
+          <span class="button-subtext">Twitterish</span>
         </div>
       </button>
     </a>
@@ -93,15 +130,7 @@
         <div class="button-content">
           <img class="button-image" src="./images/lemmy.png" alt="Button Logo" style="width: 6em; height: auto;">
           <span class="button-text">Lemmy</span>
-        </div>
-      </button>
-    </a>
-    <a href="https://chat.jimbosfiles.com/">
-      <button class="custom-button element">
-        <div class="color-part"></div>
-        <div class="button-content">
-          <img class="button-image" src="./images/element.png" alt="Button Logo" style="width: 4.3em; height: auto;">
-          <span class="button-text">Element Chat</span>
+          <span class="button-subtext">Redditish</span>
         </div>
       </button>
     </a>
@@ -110,17 +139,8 @@
         <div class="color-part"></div>
         <div class="button-content">
           <img class="button-image" src="./images/roundcube.png" alt="Button Logo" style="width: 4.3em; height: auto;">
-          <span class="button-text">Mailserver</span>
-        </div>
-      </button>
-    </a>
-    <a href="./streams/airbenz">
-      <button class="custom-button airbenz">
-        <div class="color-part"></div>
-        <div class="button-content">
-          <img class="button-image" src="./images/copyright/airbenz.webp" alt="Button Logo" style="width: 4.3em; height: auto;">
-          <span class="button-text">Airbenz TV</span>
-          <span class="button-subtext">Français (Lionvert)</span>
+          <span class="button-text">Mail</span>
+          <span class="button-subtext">Internal Server</span>
         </div>
       </button>
     </a>