refactor(website): Refactor "Explore Loculus data!" message into the …

…welcome message to allow per-instance customisation (#2011)
loculus-project · May 23, 2024 · 032ab61 · 032ab61
1 parent 09d0f2c
commit 032ab61
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/website/src/components/IndexPage/OrganismCard.astro b/website/src/components/IndexPage/OrganismCard.astro
@@ -18,8 +18,8 @@ const { key, image, displayName, organismStatistics, numberDaysAgoStatistics } =
     class='block rounded border border-gray-300 p-4 m-2 w-64 text-center hover:bg-gray-100'
 >
     {image !== undefined && <img src={image} class='h-32 mx-auto mb-4' alt={displayName} />}
-    <h3 class='font-semibold text-gray-700'>{displayName}</h3>
-    <p class='text-gray-700 text-sm'>
+    <h3 class='font-semibold'>{displayName}</h3>
+    <p class='text-sm'>
         {organismStatistics.totalSequences} sequences<br />
         (+{organismStatistics.recentSequences} in last {numberDaysAgoStatistics} days)<br />
         {organismStatistics.lastUpdatedAt && <>Last updated {organismStatistics.lastUpdatedAt.toRelative()}</>}

diff --git a/website/src/components/IndexPage/WelcomeMessage.astro b/website/src/components/IndexPage/WelcomeMessage.astro
@@ -2,6 +2,8 @@
 const websiteName = Astro.props.websiteName;
 ---
 
-<p class='text-gray-700 my-4'>
+<p class='my-4'>
     Welcome to {websiteName}, a system for sharing pathogen genome data.
 </p>
+
+<h2 class='font-semibold my-3 text-lg'>Explore {websiteName} data!</h2>
diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
@@ -20,8 +20,6 @@ const organismStatisticsMap = await getOrganismStatisticsMap(
     <div class='max-w-6xl mx-auto'>
         <WelcomeMessage websiteName={websiteName} />
 
-        <h2 class='font-semibold text-gray-700 my-3 text-lg'>Explore {websiteName} data!</h2>
-
         <div class='flex flex-wrap'>
             {
                 getConfiguredOrganisms().map(({ key, displayName, image }) => (