Update Mar 2026 (#19)

* Mar 2026

* Update Mar 2026

Author: lucasamonrc

src/App.tsx

@@ -7,6 +7,7 @@ import "./styles/index.scss";
 import Splash from "./slides/splash";
 import Thanks from "./slides/thanks";
 import Agenda202603 from "./slides/agenda-2026-03";
+import Contribute from "./slides/contribute";
 
 function App() {
   const deckDivRef = useRef<HTMLDivElement>(null); // reference to deck container div
@@ -47,6 +48,7 @@ function App() {
       <div className="slides">
         <Splash />
         <Agenda202603 />
+        <Contribute />
         <Thanks />
       </div>
     </div>

src/slides/agenda-2026-03.tsx

@@ -8,11 +8,6 @@ const Agenda202603 = () => {
             <li>Welcome!</li>
             <li>Shirts!</li>
             <li>⚡️ AI Chatbots Without the Chaos</li>
-            <li>⚡️ JS for GPU compute</li>
-            <li>
-              ⚡️ Teaching Your AI to See: Validating agentic UI development
-              flows
-            </li>
             <li>⚡️ Vibe Refactoring</li>
             <li>
               🎤 Why JavaScript's Missing Full-Stack Adoption at the Largest

src/slides/contribute.tsx

@@ -0,0 +1,50 @@
+import SlQrCode from "@shoelace-style/shoelace/dist/react/qr-code/index.js";
+
+const Splash = () => {
+  return (
+    <section>
+      <div className="quadrants">
+        <div className="quadrant">
+          <div className="quadrant-content">
+            <h1>We want to learn from you!</h1>
+            <p>sign up for a presentation :)</p>
+          </div>
+        </div>
+        <div className="quadrant">
+          <div className="quadrant-content">
+            <SlQrCode
+              value="https://forms.gle/ary1W5Ly3mivoHwh8"
+              label="Scan this QR code to sign up for a main presentation!"
+              size={300}
+            ></SlQrCode>
+            <h2 style={{ marginTop: "1rem" }}>Come and give a talk!</h2>
+          </div>
+        </div>
+        <div className="quadrant">
+          <div className="quadrant-content">
+            <div style={{ position: "relative" }}>
+              <SlQrCode
+                value="https://forms.gle/dXD7XVScujFH2MhV6"
+                label="Scan this QR code to sign up for a lightning talk!"
+                size={300}
+              ></SlQrCode>
+              <h2 style={{ marginTop: "1rem" }}>Give a lightning talk!</h2>
+            </div>
+          </div>
+        </div>
+        <div className="quadrant">
+          <div className="quadrant-content">
+            <SlQrCode
+              value="https://forms.gle/rVFLEGsTmk4Tzere6"
+              label="Scan this QR code to sign up for a battledeck!"
+              size={300}
+            ></SlQrCode>
+            <h2 style={{ marginTop: "1rem" }}>Present a battledeck!</h2>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Splash;