Update talks and tutorials.

Author: nikoshell

src/components/schedule/day.astro

@@ -487,6 +487,7 @@ const dateText = format(date, "eeee - do MMMM");
   }
 
   .posters {
+    text-align: center;
     display: none;
   }
 

src/components/schedule/session.astro

@@ -195,7 +195,7 @@ const hasFooter = true;
     border: 1px solid #33333366;
   }
 
-  .session:has(.read-more[href]:not([href=""]):hover) {
+  .session:hover {
     background-color: color-mix(
       in srgb,
       var(--color-body-background),
@@ -224,7 +224,6 @@ const hasFooter = true;
 
   footer.has-speakers {
     /*border-top: 1px solid var(--color-text);*/
-
     margin-top: 5px;
   }
 
@@ -250,6 +249,7 @@ const hasFooter = true;
   }
 
   .poster header {
+    text-align:center
     /*background-color: var(--color-secondary);*/
   }
 </style>

src/components/schedule/speakers.astro

@@ -20,16 +20,19 @@ const speakers = Astro.props.speakers
 
 {
   speakers.map((speaker, index) => (
-    <span>
+    <a href={`/speaker/${speaker.id}`} class="inline">
       {speaker.data.name}
       {index < speakers.length - 1 ? ", " : ""}
-    </span>
+    </a>
   ))
 }
 
 <style>
-  span {
-    /*display:block;*/
-  font-weight: 500;
+  a:hover {
+    text-decoration: underline;
+  }
+
+  a {
+    font-weight: 500;
   }
 </style>

src/data/links.json

@@ -55,23 +55,11 @@
       "items": [
         {
           "name": "Tutorials",
-          "path": "/schedule/tutorial"
-        },
-        {
-          "name": "Sponsor Presentations",
-          "path": "/schedule/sponsored"
+          "path": "/schedule/tutorials"
         },
         {
           "name": "Talks",
-          "path": "/schedule/talk"
-        },
-        {
-          "name": "Posters",
-          "path": "/schedule/poster"
-        },
-        {
-          "name": "Keynotes",
-          "path": "/schedule/keynote"
+          "path": "/schedule/talks"
         }
       ]
     },

src/pages/schedule/talks.astro

@@ -0,0 +1,79 @@
+---
+import { getCollection } from "astro:content";
+import Layout from "@layouts/ScheduleLayout.astro";
+import ScheduleDay from "@components/schedule/day.astro";
+import { slugify } from '@utils/content';
+import Headline from "@ui/Headline.astro"
+
+export const getStaticPaths = async () => {
+  const sessions = await getCollection("sessions");
+
+  const allTypes = Array.from(
+    new Set(
+      sessions
+        .map((session) => slugify(session.data.session_type))
+        .filter((type) => type)
+    )
+  ).sort();
+  return allTypes.map((type) => {
+    return { params: { type } };
+  });
+};
+
+const days = await getCollection("days");
+
+const allDays = Array.from(
+  new Set(days.map((day) => day.id).filter((id) => id))
+).sort();
+
+const visibleClass = "talk";
+
+---
+
+<Layout title="" description="">
+
+  <Headline as="h2" id=`schedule-main` title="2025 Schedule" />
+  {
+  days
+    .filter((day) => {
+      const dayOfWeek = new Date(day.id).getDay();
+      return dayOfWeek !== 1 && dayOfWeek !== 2;
+    })
+    .map((day) => (
+      <ScheduleDay dayName={day.id} />
+    ))
+  }
+</Layout>
+<style is:global>
+
+      .announcements,
+      .conference-workshop,
+      .keynote,
+      .panel,
+      .poster,
+      .sponsored,
+      .talk,
+      .talk-long-session,
+      .tutorial{
+        display:none;
+      }
+  </style>
+  <script define:vars={{ visibleClass }}>
+    const allClasses = [
+      'announcements',
+      'conference-workshop',
+      'keynote',
+      'panel',
+      'poster',
+      'sponsored',
+      'talk',
+      'talk-long-session',
+      'tutorial'
+    ];
+
+    allClasses.forEach(cls => {
+      document.querySelectorAll(`.${cls}`).forEach(el => {
+        el.style.display = (cls === visibleClass) ? '' : 'none';
+      });
+    });
+  </script>

src/pages/schedule/tutorials.astro

@@ -0,0 +1,79 @@
+---
+import { getCollection } from "astro:content";
+import Layout from "@layouts/ScheduleLayout.astro";
+import ScheduleDay from "@components/schedule/day.astro";
+import { slugify } from '@utils/content';
+import Headline from "@ui/Headline.astro"
+
+export const getStaticPaths = async () => {
+  const sessions = await getCollection("sessions");
+
+  const allTypes = Array.from(
+    new Set(
+      sessions
+        .map((session) => slugify(session.data.session_type))
+        .filter((type) => type)
+    )
+  ).sort();
+  return allTypes.map((type) => {
+    return { params: { type } };
+  });
+};
+
+const days = await getCollection("days");
+
+const allDays = Array.from(
+  new Set(days.map((day) => day.id).filter((id) => id))
+).sort();
+
+const visibleClass = "tutorial";
+
+---
+
+<Layout title="" description="">
+
+  <Headline as="h2" id=`schedule-main` title="2025 Schedule" />
+  {
+  days
+    .filter((day) => {
+      const dayOfWeek = new Date(day.id).getDay();
+      return dayOfWeek == 1 || dayOfWeek == 2;
+    })
+    .map((day) => (
+      <ScheduleDay dayName={day.id} />
+    ))
+  }
+</Layout>
+<style is:global>
+
+      .announcements,
+      .conference-workshop,
+      .keynote,
+      .panel,
+      .poster,
+      .sponsored,
+      .talk,
+      .talk-long-session,
+      .tutorial{
+        display:none;
+      }
+  </style>
+  <script define:vars={{ visibleClass }}>
+    const allClasses = [
+      'announcements',
+      'conference-workshop',
+      'keynote',
+      'panel',
+      'poster',
+      'sponsored',
+      'talk',
+      'talk-long-session',
+      'tutorial'
+    ];
+
+    allClasses.forEach(cls => {
+      document.querySelectorAll(`.${cls}`).forEach(el => {
+        el.style.display = (cls === visibleClass) ? '' : 'none';
+      });
+    });
+  </script>