update

src/components/Heading.astro

@@ -2,7 +2,7 @@
 const { Title, Description } = Astro.props;
 ---
 
-<div class="heading">
+<div id={Title} class="heading">
   <!-- For Iconoir -->
   <slot name="icon" />
   <!-- Details -->

src/pages/instances.astro

@@ -17,12 +17,13 @@ const posts = await getCollection("posts");
 const NetweakPing = await fetch('https://status.sudovanilla.org/json');
 const NetweakStatus = await NetweakPing.json();
 
-var StatusForCinny = NetweakStatus.services['25'].status
 var StatusForCinny = NetweakStatus.services['25'].status
 var StatusForPhanpy = NetweakStatus.services['26'].status
-var StatusForAsciinema = NetweakStatus.services['27'].status
+var StatusForFeishin = NetweakStatus.services['32'].status
+var StatusForAsciinema = NetweakStatus.services['30'].status
 var StatusForOpengist = NetweakStatus.services['24'].status
 var StatusForPingvin = NetweakStatus.services['22'].status
+var StatusForNarvisearch = NetweakStatus.services['31'].status
 var StatusFor4Get = NetweakStatus.services['10'].status
 var StatusForFreshRSS = NetweakStatus.services['28'].status
 var StatusForMiniflux = NetweakStatus.services['29'].status
@@ -39,8 +40,9 @@ var StatusForLibmedium = NetweakStatus.services['23'].status
     <Fragment slot="sub-header">
         <p class="header-sub-service"><span id="show-w-scroll">SudoVanilla</span> Instances</p>
         <div>
-            <a href="#">Services</a>
-            <a href="#">Frontends</a>
+            <a href="#Clients">Clients</a>
+            <a href="#Services">Services</a>
+            <a href="#Frontends">Frontends</a>
         </div>
     </Fragment>
     <Fragment slot="body">
@@ -62,6 +64,21 @@ var StatusForLibmedium = NetweakStatus.services['23'].status
                 Source="https://github.com/cheeaun/phanpy"
                 Status={StatusForPhanpy}
             />
+            <Service
+                Icon="https://md.sudovanilla.org/images/icons/feishin.png"
+                Title="Feishin"
+                Description="Jellyfin Music"
+                Link="https://ms.sudovanilla.org/"
+                Source="https://github.com/jeffvli/feishin"
+                Status={StatusForFeishin}
+            />
+            <Service
+                Icon="https://md.sudovanilla.org/images/icons/Roundcube.svg"
+                Title="Roundcube"
+                Description="Email Web Client"
+                Link=" mailto:support@sudovanilla.org?subject=Roundcube%20Request&body=I%20would%20like%20to%20use%20the%20Roundcube%20web%20client%20from%20SudoVanilla.%0D%0A%0D%0AThe%20email%20provider%20I%20use%20is%20EMAIL_PROVIDER_NAME_HERE. "
+                Source="https://github.com/roundcube/roundcubemail"
+            />
         </div>
         <Heading Title="Services"/>
         <div style="display: grid; grid-template-columns: repeat(auto-fit,minmax(400px,1fr));">
@@ -89,6 +106,14 @@ var StatusForLibmedium = NetweakStatus.services['23'].status
                 Source="https://github.com/stonith404/pingvin-share"
                 Status={StatusForPingvin}
             />
+            <Service
+                Icon="https://md.sudovanilla.org/images/icons/NarviSearch.svg"
+                Title="NarviSearch"
+                Description="Search Engine"
+                Link="https://search.sudovanilla.org/"
+                Source="https://ark.sudovanilla.org/Korbs/NarviSearch"
+                Status={StatusForNarvisearch}
+            />
             <Service
                 Icon="https://4get.sudovanilla.org/favicon.ico"
                 Title="4Get"