Enhance site information display by adding descriptions for each site. Updated button labels in site links to include both title and description for improved user context.

src/lib/sites.ts

@@ -5,19 +5,23 @@
 export const sites = {
   prism: {
     url: 'https://prism.ccllc.pro',
-    title: 'Prism'
+    title: 'Prism',
+    description: 'job info'
   },
   tasgrid: {
     url: 'https://tasgrid.ccllc.pro',
-    title: 'TasGrid'
+    title: 'TasGrid',
+    description: 'Task Manager'
   },
   stackq: {
     url: 'https://stackq.ccllc.pro',
-    title: 'Stackq'
+    title: 'Stackq',
+    description: 'Materials & Receipts'
   },
   hrm: {
     url: 'https://hrm.ccllc.pro',
-    title: 'HRM'
+    title: 'HRM',
+    description: 'HR management'
   }
 } as const;
 

src/routes/+page.svelte

@@ -27,7 +27,7 @@
       {#each visibleSlugs as slug}
         {@const site = sites[slug]}
         <a href="/{slug}" class="block">
-          <Button class="h-16 w-full min-h-16" variant="outline">{site.title}</Button>
+          <Button class="h-16 w-full min-h-16" variant="outline">{site.title} | {site.description}</Button>
         </a>
       {/each}
     </div>

src/routes/HomeWithDialog.svelte

@@ -18,7 +18,7 @@
       {@const site = sites[slug]}
       <a href="/{slug}" class="block">
         <Button class="h-16 min-h-16 w-full" variant="outline">
-          {site.title}
+          {site.title} | {site.description}
         </Button>
       </a>
     {/each}