feat: custom map on map page

public/admin/config.yml

@@ -13,6 +13,17 @@ i18n:
   # The locale to be used for fields validation and as a baseline for the entry.
   default_locale: en
 collections:
+  - name: map
+    label: Map
+    folder: src/content/map
+    create: false
+    fields:
+      - name: title
+        label: Map Version
+        widget: text
+      - name: image
+        label: MMP Community Map
+        widget: image
   - name: people
     label: People
     folder: src/content/people

src/content/config.ts

@@ -51,4 +51,18 @@ const people = defineCollection({
     bio: z.string(),
   }),
 })
-export const collections = { news: news, data: files, people: people, publications: publications }
+
+const map = defineCollection({
+  type: "content",
+  schema: z.object({
+    title: z.string(),
+    image: z.string(),
+  }),
+})
+export const collections = {
+  news: news,
+  data: files,
+  people: people,
+  publications: publications,
+  map: map,
+}

src/content/map/174.md

@@ -0,0 +1,4 @@
+---
+title: "174"
+image: /public/images/MMP_Map.jpg
+---

src/pages/map.astro

@@ -1,12 +1,17 @@
 ---
 import { ReaderIcon } from "@radix-ui/react-icons"
 import Layout from "../layouts/Layout.astro"
+import { getCollection } from "astro:content"
+
+const data = await getCollection("map")
+
+const maps = data.map((d) => d.data)
 ---
 
 <Layout title="Map of MMP Communities" description="Mesoamerican Migration Project">
   <div class="flex flex-col gap-6">
     <section class="flex flex-col gap-3.5">
-      <img src="/images/MMP_Map.jpg" />
+      {maps.map((map) => <img src={map.image} />)}
     </section>
     <section class="readable">
       <a