Update sessions preview.

Author: nikoshell

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)
 
@@ -49,6 +49,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)"

src/pages/session/[slug].astro

@@ -102,6 +102,7 @@ const nextSessionsOrdered = sameRoomNextSession
 
     <Prose>
       <h2>Abstract</h2>
+      <Markdown content={entry.data.abstract || ""} />
     </Prose>
 
     {

src/pages/sessions.astro

@@ -8,64 +8,74 @@ import { Separator } from "../components/separator/separator";
 const sessionsCollection = await getCollection("sessions");
 
 // Define the type for the groups object
-type Session= {
+type Session = {
   id: string;
   data: {
-   title : string;
+    title: string;
+    session_type: string;
   };
 };
 
 type Groups = {
   [key: string]: Session[];
 };
 
-// Group speakers by the first letter of their name
 const groups: Groups = sessionsCollection
-  .filter((session: Session) => !!session.data.title)
+  .filter((session: Session) => !!session.data.session_type)
   .reduce((acc: Groups, session: Session) => {
-    const letter = session.data.title[0].toUpperCase();
-    if (!acc[letter]) {
-      acc[letter] = [];
+    const sessionType = session.data.session_type;
+    if (!acc[sessionType]) {
+      acc[sessionType] = [];
     }
-    acc[letter].push(session);
+    acc[sessionType].push(session);
     return acc;
   }, {} as Groups);
 
-const letters = Object.keys(groups).sort((a, b) => a.localeCompare(b));
+// Sort session types alphabetically
+const sessionTypes = Object.keys(groups).sort((a, b) => a.localeCompare(b));
 
 const title = "Sessions";
 
 const description =
-  "Alphabetical list of all confirmed sessions for the conference";
+  "List of all confirmed sessions for the conference, sorted by session type.";
 ---
 
 <Layout title={title} description={description}>
   <div class="px-6">
     <Prose>
       <h1>Sessions</h1>
-    </Prose>
+      <p>
+        The following sessions are a preliminary list of the confirmed
+        proposals that will be part of the conference. The list will keep
+        growing in the following days, and some sessions might be replaced in
+        case of them being withdrawn by the authors.
+      </p>
+
 
-    <div class="flex text-3xl font-bold flex-wrap mb-6">
+    <h2 class="text-4xl">Go to session type:</h2>
+    <div class="text-2xl mb-6">
+      <ul>
       {
-        letters.map((letter) => (
-          <h3 class="mr-2">
-            <a href={`#letter-${letter}`}>{letter}</a>
-          </h3>
+        sessionTypes.map((sessionType) => (
+          <li class="mr-2">
+            <a href={`#session-type-${sessionType}`}>{sessionType}</a>
+          </li>
         ))
       }
+      </ul>
     </div>
 
     <ol class="sessions">
       {
-        letters.map((letter, index) => (
+        sessionTypes.map((sessionType, index) => (
           <>
-            <div id={`letter-${letter}`}>
+            <div id={`session-type-${sessionType}`}>
               <h2 class="relative font-title text-primary font-bold mb-[0.6em] [&>a]:border-0 [&>a]:text-inherit text-4xl">
-                {letter}
+                {sessionType}
               </h2>
 
               <ul class="pl-4">
-                {groups[letter]
+                {groups[sessionType]
                   .sort((a, b) => a.data.title.localeCompare(b.data.title))
                   .map((session) => (
                     <li {...{ key: session.id }} class="mb-1">
@@ -80,7 +90,7 @@ const description =
               </ul>
             </div>
 
-            {index !== letters.length - 1 ? (
+            {index !== sessionTypes.length - 1 ? (
               <Separator />
             ) : (
               <div class="mb-20" />
@@ -89,5 +99,6 @@ const description =
         ))
       }
     </ol>
+    </Prose>
   </div>
 </Layout>