Merge pull request #124 from matrix-org/add-full-schedule

thibaultamartin · web-flow · commit 42c9945a2d45 · 2025-09-18T13:58:38.000+02:00
Publish the full schedule
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -89,6 +89,10 @@ const { pageTitle, ogTitle, description } = Astro.props;
             async
             crossorigin="anonymous"
             is:inline></script>
+        <script
+            type="text/javascript"
+            src="https://cfp.2025.matrix.org/matrix-conf-2025/widgets/schedule.js"
+            is:inline></script>
     </head>
     <body>
         <a class="skip-to-main" href="#main-content">Skip to main content</a>
diff --git a/src/pages/schedule.astro b/src/pages/schedule.astro
@@ -25,6 +25,17 @@ import BaseLayout from "../layouts/BaseLayout.astro";
     p a {
         color: var(--link-color);
     }
+
+    @media (width <= 710px) {
+        #full-schedule {
+            background-color: #fff; /* Needed to keep the schedule legible at small size */
+        }
+    }
+
+    #full-schedule {
+        padding-inline: 0;
+        overflow-x: auto;
+    }
 </style>
 <BaseLayout
     pageTitle="Schedule of The Matrix Conference"
@@ -48,4 +59,23 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >!
         </p>
     </section>
+    <section id="full-schedule">
+        <pretalx-schedule
+            event-url="https://cfp.2025.matrix.org/matrix-conf-2025/"
+            locale="en"
+            format="grid"
+            style="--pretalx-clr-primary: #000000"></pretalx-schedule>
+        <noscript>
+            <div class="pretalx-widget">
+                <div class="pretalx-widget-info-message">
+                    JavaScript is disabled in your browser. To access our
+                    schedule without JavaScript, please <a
+                        target="_blank"
+                        href="https://cfp.2025.matrix.org/matrix-conf-2025/schedule/"
+                        >click here</a
+                    >.
+                </div>
+            </div>
+        </noscript>
+    </section>
 </BaseLayout>
