dep update + veille

src/pages/en/veille/index.astro

@@ -0,0 +1,7 @@
+---
+import Page from "../../veille/index.astro"
+
+const { props } = Astro
+---
+
+<Page {...props} />

src/pages/plan-du-site.astro

@@ -66,17 +66,16 @@ const pageTitle = t("sitemap");
 					<a href={l("/references")}>{t("references.titre")}</a>
 				</h2>
 			</li>
+			<li>
+				<h2>
+					<a href={l("/veille")}>{t("veille.titre")}</a>
+				</h2>
+			</li>
 		</ul>
 	</section>
 </BaseLayout>
 
 <style>
-	/* :link {
-  text-decoration: underline;
-}
-:link:hover {
-  text-decoration: none;
-} */
 	h2 {
 		text-transform: capitalize;
 	}

src/pages/veille/i18n/en.json

@@ -0,0 +1,4 @@
+{
+	"pageName": "External stuff",
+	"subtitle": "Links, articles, videos…"
+}

src/pages/veille/i18n/fr.json

@@ -0,0 +1,4 @@
+{
+	"pageName": "Veille",
+	"subtitle": "Des liens, des articles, des vidéos… en vrac."
+}

src/pages/veille/index.astro

@@ -0,0 +1,43 @@
+---
+import { t, astroI18n } from "astro-i18n";
+astroI18n.init(Astro);
+
+const pageTitle = t("index.veille.pageName");
+
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import MetaDate from "../../components/MetaDate.astro";
+
+// get all content
+const allSections = await Astro.glob("../../data/veille/**/*.md");
+// only keep the right locale version
+const localizedSections = allSections.filter((section) => {
+	return section.frontmatter.lang === astroI18n.langCode;
+});
+---
+
+<BaseLayout pageTitle={pageTitle}>
+	<section class="region flow">
+		<h1>{pageTitle}</h1>
+		<p>{t("index.veille.subtitle")}</p>
+	</section>
+
+	{
+		localizedSections.map((section) => (
+			<section class="flow content">
+				<h2>{section.frontmatter.title}</h2>
+				<MetaDate item={section.frontmatter} />
+				<section.Content />
+			</section>
+		))
+	}
+</BaseLayout>
+
+<style>
+	.content :global(ul > li) {
+		padding-block: var(--space-m);
+	}
+	.content :global(ul > li + li) {
+		margin: 0;
+		border-top: 1px solid var(--color-brique);
+	}
+</style>