Add Showcase to Splash

Start by copying the current featured listings from the different
sections on Splash.

static-site/src/components/splash/index.jsx

@@ -10,6 +10,8 @@ import Title from "./title";
 import * as Styles from "./styles";
 import { SmallSpacer, BigSpacer, HugeSpacer, FlexCenter, Line } from "../../layouts/generalComponents";
 import Footer from "../Footer";
+import { Showcase } from "../ListResources/Showcase";
+import { cards } from "./showcase.yaml";
 import { createGroupCards } from "./groupCards";
 
 const Section = ({id, title, abstract, cards, buttonText, buttonLink}) => (
@@ -71,6 +73,14 @@ const Splash = () => {
       </FlexCenter>
 
       <HugeSpacer/>
+
+      <Styles.H1>
+        Featured resources
+      </Styles.H1>
+
+      <BigSpacer/>
+      <Showcase cards={cards} />
+
       <BigSpacer/>
 
       <div style={{display: "flex", justifyContent: "space-evenly", flexWrap: "wrap"}}>

static-site/src/components/splash/showcase.yaml

@@ -0,0 +1,31 @@
+cards:
+- name: SARS-CoV-2 (GISAID)
+  img: ncov.png
+  url: /ncov/gisaid/global
+- name: SARS-CoV-2 (open)
+  img: ncov.png
+  url: /ncov/open/global
+- name: 'neherlab: SARS-CoV-2 in Europe'
+  img: ncov.png
+  url: /groups/neherlab/ncov/europe?f_region=Europe&p=grid
+- name: 'SPHERES: SARS-CoV-2 in USA'
+  img: ncov.png
+  url: /groups/spheres/ncov/usa
+- name: Mpox
+  img: mpox.png
+  url: /mpox
+- name: Avian influenza
+  img: avianinfluenza.png
+  url: /avian-flu
+- name: DRC Ebola (2018-19)
+  img: ebola2.png
+  url: /community/inrb-drc/ebola-nord-kivu
+- name: Yersinia pestis
+  img: yersinia.png
+  url: /community/ktmeaton/yersinia-pestis/maximum-likelihood/all?m=div
+- name: WNV in the Americas
+  img: wnv2.png
+  url: /narratives/twenty-years-of-WNV
+- name: DRC Ebola Sit Rep
+  img: ebola3.png
+  url: /narratives/inrb-ebola-example-sit-rep