From 032ab6120e3f824e0f4bca01be563f98e7ce356e Mon Sep 17 00:00:00 2001
From: Theo Sanderson <theo@sndrsn.co.uk>
Date: Thu, 23 May 2024 12:53:02 +0100
Subject: [PATCH] refactor(website): Refactor "Explore Loculus data!" message
 into the welcome message to allow per-instance customisation (#2011)

---
 website/src/components/IndexPage/OrganismCard.astro   | 4 ++--
 website/src/components/IndexPage/WelcomeMessage.astro | 4 +++-
 website/src/pages/index.astro                         | 2 --
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/src/components/IndexPage/OrganismCard.astro b/website/src/components/IndexPage/OrganismCard.astro
index 850555d108..ec87a71864 100644
--- 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
index d49b7aef7c..db42efd84b 100644
--- 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
index d8b387a26f..d05fde94a1 100644
--- 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 }) => (