Add sessions and speakers with preloaded images.

Author: nikoshell

.gitignore

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

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({
@@ -59,9 +60,9 @@ export default defineConfig({
     "/sponsor/": "/sponsorship/sponsor/",
     "/voting/": "/programme/voting/",
     "/wasm-summit/": "/programme/wasm-summit/",
-    "/sessions/": "/programme/sessions/",
   },
   integrations: [
+    preload(),
     mdx(),
     sitemap(),
     react(),
@@ -76,6 +77,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

@@ -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>

public/placeholder.png

@@ -1,6 +1,5 @@
 ---
 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";

scripts/download-data.py

@@ -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";

src/assets/placeholder.png

@@ -21,7 +21,7 @@ const speakers = await getEntries(
 {
   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 ? ", " : ""}

src/assets/placeholder.svg

@@ -6,11 +6,37 @@ const isAnchor = !!id;
 const isLink = !!href;
 ---
 
-<Tag id={isAnchor ? id : undefined} class={`m-5 py-2 text-center font-bold text-6xl`}>
+<Tag id={isAnchor ? id : undefined} class={`m-5 py-2 font-bold max-w-[90vw]`}>
   {isAnchor && (
     <a href={`#${id}`} aria-label={`Jump to ${id}`}>
       {Title}
     </a>
   )}
   {isLink && <a aria-label="Read more about {Title}" href={href} class="hover:underline">{Title}</a> }
 </Tag>
+
+<style>
+h1 {
+  font-size: calc(1.9rem + 1.5vw + 0.8vh);
+}
+
+h2 {
+  font-size: calc(1.75rem + 1.5vw + 0.8vh);
+}
+
+h3 {
+  font-size: calc(1.5rem + 1.2vw + 0.6vh);
+}
+
+h4 {
+  font-size: calc(1.25rem + 1vw + 0.4vh);
+}
+
+h5 {
+  font-size: calc(1rem + 0.8vw + 0.3vh);
+}
+
+h6 {
+  font-size: calc(0.875rem + 0.6vw + 0.2vh);
+}
+</style>

src/components/header/header-actions.astro

@@ -0,0 +1,14 @@
+---
+import { marked } from 'marked';
+
+interface Props {
+  content: string;
+}
+
+const { content } = Astro.props;
+const html = marked.parse(content);
+---
+
+<div class="prose prose-xl max-w-none" >
+    <article set:html={html} />
+</div>