Redesign splash page

static-site/pages/philosophy.jsx

@@ -0,0 +1,3 @@
+import dynamic from 'next/dynamic'
+const Index = dynamic(() => import("../src/pages/philosophy"), {ssr: false})
+export default Index;

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

@@ -27,7 +27,9 @@ class Cards extends React.Component {
     ));
   }
   render() {
-    const bootstrapColumnSize = this.props.compactColumns ? 6 : 4;
+    // FIXME: undo this change and make a proper component for splash page card
+    // or reuse ShowcaseTile from ListResources which is doing something similar
+    const bootstrapColumnSize = this.props.compactColumns ? 6 : 3;
     const CARDS = this.cards(bootstrapColumnSize);
     return this.props.compactColumns ? CARDS : (
       <div>

static-site/src/components/Cards/showcaseCards.js

@@ -0,0 +1,24 @@
+const showcaseCards = [
+  {
+    img: "avianinfluenza.png",
+    url: "/avian-flu",
+    title: "Avian Flu"
+  },
+  {
+    img: "ncov.png",
+    url: "/ncov/gisaid/global",
+    title: "SARS-CoV-2 (GISAID)"
+  },
+  {
+    img: "ncov.png",
+    url: "/ncov/open/global",
+    title: "SARS-CoV-2 (open)"
+  },
+  {
+    img: "wnv2.png",
+    url: "/narratives/twenty-years-of-WNV",
+    title: "WNV in the Americas"
+  },
+];
+
+export default showcaseCards;

static-site/src/components/Footer/sitemap.yaml

@@ -33,6 +33,8 @@
   entries:
   - name: Team
     href: /team
+  - name: Philosophy
+    href: /philosophy
   - name: Blog
     href: /blog
   - name: Contact