Add further reading

src/lib/data/articles.json

@@ -26,7 +26,7 @@
   },
   {
     "slug": "further-reading",
-    "title": "Links to more articles, reports and datasets.",
-    "lede": "For those who want to dig deeper into the data and research behind the food and climate change connection."
+    "title": "Further reading",
+    "lede": "Links to more articles, reports and datasets for those who want to dig deeper into food and the environment."
   }
 ]

src/routes/learn/(posts)/diet-types/+page.svelte

@@ -63,9 +63,7 @@
   The <em>World Resources Institute</em> found a similar result: capping protein for the entire
   population at 60g per day would have a greater environmental impact than a quarter of the
   population going fully vegetarian.<sup
-    ><a
-      target="_blank"
-      href="https://files.wri.org/d8/s3fs-public/Shifting_Diets_for_a_Sustainable_Food_Future_1.pdf"
+    ><a target="_blank" href="https://www.wri.org/research/shifting-diets-sustainable-food-future"
       >1</a
     ></sup
   >

src/routes/learn/(posts)/foodprints/+page.svelte

@@ -12,7 +12,7 @@
       subtitle: "Land measured in m<sup>2</sup>",
       callouts: foodItems.filter((o) => o.emoji === "🐓" || o.emoji === "🐖"),
       caption:
-        "*The land efficiency of poultry and pork depends largely on living conditions. Land efficiency can come at a significant cost to animal welfare. Almost all the chickens consumed in the United States come from factory farms – massive, concentrated, enclosed chicken sheds. To learn more about this, visit <a target='_blank' href='https://stories.theplotline.org/cafo-explorer/'>Earth Genome's CAFO Explorer &nearr;</a>.",
+        "*The land efficiency of poultry and pork depends largely on living conditions. Land efficiency can come at a significant cost to animal welfare. Almost all the chickens consumed in the United States come from factory farms – massive, concentrated, enclosed chicken sheds. To learn more about this, visit <a target='_blank' href='https://stories.theplotline.org/cafo-explorer/'>The Plotline's CAFO Explorer &nearr;</a>.",
       unit: "m²",
       fv: (f: Food) => (100 * f.landPerKg) / f.proteinRatio
     },

src/routes/learn/(posts)/further-reading/+page.svelte

@@ -1,10 +1,32 @@
 <script lang="ts">
-  import posts from "./posts.json"
+  import { groups } from "./posts"
 </script>
 
-{#each posts as { title, url, description }, i}
-  <a target="_blank" href={url}>
-    <b>{title}</b>:
-    {description}
-  </a>
+{#each groups as { heading, posts }}
+  <h2>{heading}</h2>
+  {#each posts as { title, author, url, description }, i}
+    <a target="_blank" href={url}>
+      <div class="label-caps">{author}</div>
+      <div class="link-title bold">{title}</div>
+      {#if description}
+        <div class="description label">{description}</div>
+      {/if}
+    </a>
+  {/each}
 {/each}
+
+<style lang="sass">
+a
+  display: flex
+  flex-direction: column
+  margin-bottom: 1em
+  text-decoration: none
+  transition: background 0.2s
+  padding: var(--border-radius)
+  border-radius: var(--border-radius)
+  background: var(--color-secondary-2)
+
+@media (hover: hover)
+  a:hover
+    background: var(--color-secondary-3)
+</style>

src/routes/learn/(posts)/further-reading/posts.ts

@@ -0,0 +1,83 @@
+export const datasets = {
+  heading: "Datasets",
+  posts: [
+    {
+      title: "Focus on what you eat, not whether your food is local",
+      description: "How does the impact of what you eat compare to where it's come from?",
+      author: "Our World In Data",
+      url: "https://ourworldindata.org/food-choice-vs-eating-local"
+    },
+    {
+      title: "Environmental Impacts of Food Data Explorer",
+      author: "Our World In Data",
+      description: "Explore the land use, carbon, and water footprints of food products.",
+      url: "https://ourworldindata.org/explorers/food-footprints"
+    },
+    {
+      title: "FoodData Central",
+      author: "US Deptartment of Agriculture",
+      description: "The USDA's food and nutrient database.",
+      url: "https://fdc.nal.usda.gov/fdc-app.html#/"
+    },
+    {
+      title: "FAOSTAT",
+      author: "Food and Agriculture Organization",
+      description: "A broad database on food, agriculture, economics, and land use.",
+      url: "https://www.fao.org/faostat/en/#data"
+    }
+  ]
+}
+
+export const articles = {
+  heading: "Articles",
+  posts: [
+    {
+      title: "Environmental Impacts of Food Production",
+      author: "Our World In Data",
+      url: "https://ourworldindata.org/environmental-impacts-of-food",
+      description:
+        "A comprehensive overview of the environmental impacts of food production, including a series of articles and data explorers."
+    },
+    {
+      title:
+        "A meta-analysis of projected global food demand and population at risk of hunger for the period 2010–2050",
+      author: "Nature Journal",
+      url: "https://www.ipcc.ch/srccl/"
+    }
+  ]
+}
+
+export const reports = {
+  heading: "Reports",
+  posts: [
+    {
+      title: "Climate change and land",
+      author: "Intergovernmental Panel on Climate Change (IPCC)",
+      description:
+        "On climate change, desertification, land degradation, sustainable land management, food security.",
+      url: "https://www.ipcc.ch/srccl/"
+    },
+    {
+      title: "Shifting diets for a sustainable food future",
+      author: "World Resources Institute",
+      description:
+        "A 2016 report about how shifting diets can reduce agriculture’s pressure on the environment",
+      url: "https://www.wri.org/research/shifting-diets-sustainable-food-future"
+    }
+  ]
+}
+
+export const interactives = {
+  heading: "Interactives",
+  posts: [
+    {
+      title: "CAFO Explorer",
+      description:
+        "Chickens in the United States are raised in factory farms called concentrated animal feeding operations (CAFOs). Explore where they are using this tool.",
+      author: "The Plotline",
+      url: "https://stories.theplotline.org/cafo-explorer/"
+    }
+  ]
+}
+
+export const groups = [interactives, articles, reports, datasets]