Add sessions and speakers. (#1101)

<!-- readthedocs-preview ep-website start -->
🖼️ Preview available 🖼️ :
https://ep-website--1101.org.readthedocs.build/
<!-- readthedocs-preview ep-website end -->

---------

Co-authored-by: Mia Bajić <38294198+clytaemnestra@users.noreply.github.com>
Co-authored-by: Ege Akman <me@egeakman.dev>

Author: 3 people

.env.development

@@ -0,0 +1,2 @@
+EP_SESSIONS_API="https://static.europython.eu/programme/ep2025/releases/current/sessions.json"
+EP_SPEAKERS_API="https://static.europython.eu/programme/ep2025/releases/current/speakers.json"

.env.preview

@@ -0,0 +1,2 @@
+EP_SESSIONS_API="https://static.europython.eu/programme/ep2025/releases/current/sessions.json"
+EP_SPEAKERS_API="https://static.europython.eu/programme/ep2025/releases/current/speakers.json"

.env.production

@@ -0,0 +1,2 @@
+EP_SESSIONS_API="https://static.europython.eu/programme/ep2025/releases/current/sessions.json"
+EP_SPEAKERS_API="https://static.europython.eu/programme/ep2025/releases/current/speakers.json"

.gitignore

@@ -128,6 +128,7 @@ dmypy.json
 .pyre/
 
 .vscode/
+.idea/
 out/
 .next/
 .DS_Store
@@ -138,3 +139,6 @@ storybook-static/
 # Sentry Auth Token
 .sentryclirc
 .astro
+
+# EuroPython website
+src/content/days

Makefile

@@ -19,10 +19,10 @@ BRANCH ?= $(shell git rev-parse --abbrev-ref HEAD)
 # Replace "/" and other non-alphanumeric characters with "-"
 SAFE_BRANCH := $(shell echo "$(BRANCH)" | sed 's/[^A-Za-z0-9-]/-/g')
 FORCE_DEPLOY ?= false
+SITE_URL ?= "https://$(SAFE_BRANCH).ep-preview.click"
 
 .PHONY: build deploy dev clean install
 
-
 safe_branch:
 	@echo $(SAFE_BRANCH)
 
@@ -47,6 +47,7 @@ build:
 preview: RELEASES_DIR = $(VPS_PREVIEW_PATH)/$(SAFE_BRANCH)/releases
 preview: TARGET = $(RELEASES_DIR)/$(TIMESTAMP)
 preview:
+	@echo "Preview site URL: $(SITE_URL)"  # Output preview URL
 	echo $(TARGET)
 	@echo "\n\n**** Deploying preview of a branch '$(BRANCH)' (safe: $(SAFE_BRANCH)) to $(TARGET)...\n\n"
 	$(REMOTE_CMD) "mkdir -p $(TARGET)"

astro.config.mjs

@@ -10,6 +10,7 @@ import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import metaTags from "astro-meta-tags";
 import pagefind from "astro-pagefind";
 import deleteUnusedImages from "astro-delete-unused-images";
+import preload from "astro-preload";
 
 // https://astro.build/config
 export default defineConfig({
@@ -19,6 +20,7 @@ export default defineConfig({
     },
     resolve: {
       alias: {
+        "@utils": path.resolve("./src/utils"),
         "@data": path.resolve("./src/data"),
         "@components": path.resolve("./src/components"),
         "@sections": path.resolve("./src/components/sections"),
@@ -59,9 +61,10 @@ export default defineConfig({
     "/sponsor/": "/sponsorship/sponsor/",
     "/voting/": "/programme/voting/",
     "/wasm-summit/": "/programme/wasm-summit/",
-    "/sessions/": "/programme/sessions/",
+    "/programme/sessions/": "/sessions/",
   },
   integrations: [
+    preload(),
     mdx(),
     sitemap(),
     react(),
@@ -76,6 +79,10 @@ export default defineConfig({
   build: {
     minify: true,
   },
+  image: {
+    remotePatterns: [{ protocol: "https" }],
+    domains: ["programme.europython.eu", "placehold.co"],
+  },
   experimental: {
     svg: true,
   },

package.json

@@ -25,10 +25,13 @@
     "astro-delete-unused-images": "^1.0.3",
     "astro-meta-tags": "^0.3.1",
     "astro-pagefind": "^1.8.1",
+    "astro-preload": "^1.1.2",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "hastscript": "^9.0.0",
+    "js-yaml": "^4.1.0",
+    "marked": "^15.0.7",
     "pagefind": "^1.3.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -40,6 +43,7 @@
     "typescript": "^5.8.3"
   },
   "devDependencies": {
+    "@types/js-yaml": "^4.0.9",
     "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1"
   },

pnpm-lock.yaml

@@ -1,5 +1,4 @@
 ---
-import ButtonLink from "../button-link/button-link.astro";
 import Button from "@ui/Button.astro";
 import HeaderButton from "./header-button.astro";
 import Search from "astro-pagefind/components/Search";

src/content/sessions/.gitkeep renamed to public/assets/preloaded/.gitkeep

@@ -19,11 +19,9 @@ export interface Props {
 
 const {
   name,
-  slug,
   tagline,
   image,
   placeholder,
-  order,
   class: className,
 } = Astro.props;
 

public/favicon.ico

@@ -79,7 +79,7 @@ const placeholders = Math.max(0, 5 - keynoters.length);
     </g>
   </svg>
 
-  <Headline id="keynoters" title="Keynote Speakers" />
+  <Headline id="keynoters" title="Keynote Speakers"  center=true />
 
   <ul class="p-0 mt-12 flex gap-6 flex-wrap justify-center">
     {
@@ -120,7 +120,7 @@ const placeholders = Math.max(0, 5 - keynoters.length);
         <span class="text-body-light inline-block mr-2">#</span>
         See other sessions
       </h3>
-      <Button url="/programme/sessions">See sessions preview</Button>
+      <Button url="/sessions">See sessions preview</Button>
     </div>
   </div>
 </section>

public/placeholder.png

@@ -20,7 +20,7 @@ const speakers = Astro.props.speakers
 
 {
   speakers.map((speaker, index) => (
-    <a href={`/speaker/${speaker.slug}`} class="inline">
+    <a href={`/speaker/${speaker.id}`} class="inline">
       {speaker.data.name}
       {index < speakers.length - 1 ? ", " : ""}
     </a>

scripts/download-data.py

@@ -1,14 +1,13 @@
 ---
 import Button from "@ui/Button.astro";
-import { Title } from "@components/typography/title";
 import { Image } from "astro:assets";
 import pragueImage from "@assets/prague2.jpg";
 import Logo from "@assets/prague.svg";
 import Headline from "@ui/Headline.astro";
 ---
 
 <div class="mt-12">
-  <Headline id="prague" title="Prague & Venue" />
+  <Headline id="prague" title="Prague & Venue" center=true />
 </div>
 
 <article class="lg:grid gap-12 grid-cols-2 items-center">

src/assets/placeholder.png

@@ -1,7 +1,6 @@
 ---
 
 import { CardContainer } from "@components/card/card-container";
-import { Title } from "@components/typography/title";
 import DeadlineCard from "@components/deadline-card.astro";
 import Headline from "@ui/Headline.astro"
 import { getCollection } from "astro:content";
@@ -14,7 +13,7 @@ deadlines = deadlines
 
 ---
   <section class="prose-xl m-0 my-12 p-0">
-    <Headline id="updates" title="Updates" />
+    <Headline id="updates" title="Updates" center=true />
     <CardContainer>
       {deadlines.map((deadline) => <DeadlineCard id={deadline.slug} />)}
     </CardContainer>

src/assets/placeholder.svg

@@ -3,7 +3,7 @@ import { getEntries } from "astro:content";
 
 interface Props {
   speakers: Array<{
-    slug: string;
+    id: string;
     collection: "speakers";
   }>;
 }
@@ -13,15 +13,15 @@ const { speakers: speakersEntries } = Astro.props;
 const speakers = await getEntries(
   speakersEntries.map((entry) => ({
     collection: entry.collection,
-    id: entry.slug,
+    id: entry.id,
   })),
 );
 ---
 
 {
   speakers.map((speaker, index) => (
     <span class="inline">
-      <a href={`/speaker/${speaker.slug}`} class="underline">
+      <a href={`/speaker/${speaker.id}`} class="underline">
         {speaker.data.name}
       </a>
       {index < speakers.length - 1 ? ", " : ""}