MEP 03/02/2026 #2

src/pages/talks/index.astro

@@ -1,11 +1,24 @@
 ---
-import WipAlert from "../../components/wip-alert.astro";
 import BaseLayout from "../../layouts/base.layout.astro";
+import type { MarkdownResource } from "../../shared/astro";
+import type { Talk } from "../../shared/talks";
 const title = "Talks";
+const talks = Object.values<MarkdownResource<Talk>>(
+    import.meta.glob("./*.md", { eager: true }),
+);
 ---
 
 <BaseLayout title={title}>
     <div class="app-container">
-        <WipAlert />
+        <ul>
+            {
+                talks.map(({ frontmatter: talk }) => (
+                    <li>
+                        [{new Date(talk.date).toLocaleDateString()} ]
+                        <a href={talk.url}>{talk.title}</a> ({talk.lang})
+                    </li>
+                ))
+            }
+        </ul>
     </div>
 </BaseLayout>

src/pages/talks/peaks-2025.md

@@ -0,0 +1,6 @@
+---
+title: Programmation fonctionnelle & Guide pour créer une appli PHP
+date: 2025-02-20
+lang: fr
+url: https://www.youtube.com/watch?v=MtVA-NEi0PE
+---

src/pages/talks/solid-2023.md

@@ -0,0 +1,6 @@
+---
+title: Principes SOLID épisode 1 - "Single Responsibility" (ou Responsabilité Unique)
+date: 2023-09-14
+lang: fr
+url: https://www.youtube.com/watch?v=rEbsyedOrXE
+---

src/shared/astro.ts

@@ -0,0 +1,4 @@
+export type MarkdownResource<T> = {
+    url: string;
+    frontmatter: T;
+}

src/shared/talks.ts

@@ -0,0 +1,10 @@
+export enum TalkLangage {
+    FR = 'fr'
+}
+
+export type Talk = {
+    title: string;
+    date: Date;
+    lang: TalkLangage;
+    url: string;
+}

src/styles/bootstrap.scss

@@ -10,6 +10,7 @@
 @import "./components/navbar/navbar";
 @import "./layout/footer";
 @import "./layout/header";
+@import "./layout/list";
 @import "./layout/main";
 @import "./theming/themes/default";
 @import "./vendors/google-fonts";

src/styles/layout/_list.scss

@@ -0,0 +1,7 @@
+ul {
+    list-style: none;
+    margin-bottom: 2rem;
+    li {
+        margin-bottom: 1rem;
+    }
+}