feat(website): Show organisms on landing page #543

website/src/components/Navigation/Navigation.astro

@@ -1,7 +1,7 @@
 ---
 import { SandwichMenu } from './SandwichMenu.tsx';
 import { getConfiguredOrganisms } from '../../config';
-import { navigationItems } from '../../routes';
+import { navigationItems, routes } from '../../routes';
 
 let organism = Astro.params.organism;
 
@@ -21,7 +21,7 @@ const label = organism === undefined ? 'Choose Organism' : `Organism ${organism}
             {
                 organisms.map((organism) => (
                     <li>
-                        <a href={`/${organism}`}>{organism}</a>
+                        <a href={routes.organismStartPage(organism)}>{organism}</a>
                     </li>
                 ))
             }

website/src/pages/index.astro

@@ -1,7 +1,22 @@
 ---
+import { getConfiguredOrganisms, getSchema } from '../config';
 import BaseLayout from '../layouts/BaseLayout.astro';
+import { routes } from '../routes';
+
+const organisms = getConfiguredOrganisms().map((organism) => ({
+    organism,
+    name: getSchema(organism).instanceName,
+}));
 ---
 
 <BaseLayout title='Home'>
     <h1 class='title'>Pathoplexus</h1>
+    <h2 class='font-bold'>Explore the data</h2>
+    {
+        organisms.map(({ organism, name }) => (
+            <p>
+                <a href={routes.organismStartPage(organism)}>{name}</a>
+            </p>
+        ))
+    }
 </BaseLayout>

website/src/routes.ts

@@ -58,6 +58,7 @@ function withOrganism(organism: string, path: `/${string}`) {
 }
 
 export const routes = {
+    organismStartPage: (organism: string) => `/${organism}`,
     searchPage: (organism: string, searchFilter: Filter[] = [], page: number = 1) =>
         withOrganism(organism, `/search?${buildSearchParams(searchFilter, page).toString()}`),
     sequencesDetailsPage: (organism: string, accessionVersion: string) => `/${organism}/sequences/${accessionVersion}`,