Merge pull request #2 from arjxn-py/fix-media-paths

Fix media paths

Author: arjxn-py

src/slides/02-quantstack.md

@@ -2,7 +2,7 @@
 
 <!-- Logo heading replacement -->
 <div style="text-align: center; margin: 0.5rem 0 1rem;">
-  <img src="/images/logo-qs.svg" alt="QuantStack Logo" style="height: 5rem; max-width: 100%;" />
+  <img src="images/logo-qs.svg" alt="QuantStack Logo" style="height: 5rem; max-width: 100%;" />
 </div>
 
 <div style="display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; font-size: 0.6em; line-height: 1.4;">
@@ -19,7 +19,7 @@
   </div>
 
   <div style="flex: 1; text-align: center; min-width: 280px;">
-    <img src="/images/team.png" alt="QuantStack Team" style="width: 90%; max-width: 300px; height: auto; border-radius: 8px;" />
+    <img src="images/team.png" alt="QuantStack Team" style="width: 90%; max-width: 300px; height: auto; border-radius: 8px;" />
     <p style="font-style: italic; margin-top: 0.5em;">
       Empowering scientists and developers worldwide with cutting-edge tools
     </p>

src/slides/06-jupytercad.md

@@ -8,7 +8,7 @@
     />
   </h2>
   <video
-    src="/video/jcad/jcad.mp4"
+    src="video/jcad/jcad.mp4"
     autoplay
     loop
     muted
@@ -31,49 +31,49 @@
 <section>
   <h3>Sketch-based Modeling</h3>
   <p class="fragment">Draw 2D sketches and turn them into 3D shapes</p>
-  <video src="/video/jcad/jcad-sketch.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-sketch.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <h3>Boolean Operations</h3>
   <p class="fragment">Cut, union, and intersect shapes with precision</p>
-  <video src="/video/jcad/jcad-cut.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-cut.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <h3>Geometric Operations</h3>
   <p class="fragment">Chamfer and fillet edges using UI or Python</p>
-  <video src="/video/jcad/jcad-chamfer.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-chamfer.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <h3>Multiple Visualization Modes</h3>
   <p class="fragment" style="font-size: 1.9rem;">Explore models with <strong>Exploded View</strong>, <strong>Clip Plane</strong>, and <strong>Wireframe</strong></p>
-  <video src="/video/jcad/jcad-views.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1.5rem; border: 1px solid #ccc;"></video>
+  <video src="video/jcad/jcad-views.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1.5rem; border: 1px solid #ccc;"></video>
 </section>
 
 <section>
   <p><strong>🎛️ Transform controls with snapping</strong></p>
   <p class="fragment">Precise geometric manipulation in the browser</p>
-  <video src="/video/jcad/jcad-transform.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-transform.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <p><strong>🧮 Python API for programmatic geometry</strong></p>
   <p class="fragment">Write Python code to generate & modify shapes</p>
-  <video src="/video/jcad/jcad-console.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-console.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <p><strong>📓 Notebook integration</strong></p>
   <p class="fragment">CAD alongside your code & documentation</p>
-  <video src="/video/jcad/jcad-notebook.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-notebook.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
   <p><strong>🤝 Collaborative editing</strong></p>
   <p class="fragment" style="font-size: 1.9rem">CRDT-based real-time co-editing via Y.js & PyCRDT</p>
-  <video src="/video/jcad/jcad-collaborative.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-collaborative.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
@@ -87,7 +87,7 @@
   <p class="fragment" style="font-size: 1rem">
     Enables asynchronous review cycles, just like pull requests in code!
   </p>
-  <video src="/video/jcad/jcad-suggestions.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jcad/jcad-suggestions.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 <section>
@@ -111,7 +111,7 @@
     >
       <h3 style="text-transform: none; margin: 0;">JupyterCAD in Action</h3>
       <img
-        src="/images/jcad.png"
+        src="images/jcad.png"
         alt="JupyterCAD Logo"
         style="height: 60px; object-fit: contain;"
       />

src/slides/07-jupytergis.md

@@ -8,7 +8,7 @@
     />
   </h2>
   <video
-    src="/video/jgis/jgis.mp4"
+    src="video/jgis/jgis.mp4"
     autoplay
     loop
     muted
@@ -31,33 +31,33 @@
   <section>
     <h3>🗺️ Vector & Raster Data Support</h3>
     <p class="fragment" style="font-size: 1.9rem">Load local and cloud-hosted data into your notebook session</p>
-    <video src="/video/jgis/jgis-layers.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-layers.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
   <section>
     <h3>🖍️ Vector Symbology</h3>
     <p class="fragment">Visualize vector data using <strong>graduated</strong> and <strong>categorized</strong> rendering styles</p>
-    <video src="/video/jgis/jgis-vector-symbology.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-vector-symbology.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
   <section>
     <h3>🖍️ Raster Symbology</h3>
     <p class="fragment">Use <strong>multiband rendering</strong> to style raster datasets like satellite imagery</p>
-    <video src="/video/jgis/jgis-raster-symbology.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-raster-symbology.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
   <section>
     <h3>🔄 Dynamic Layer Management</h3>
     <p class="fragment">Add, remove, and style layers with a built-in interactive UI</p>
-    <video src="/video/jgis/jgis-layer-management.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-layer-management.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
   <section>
   <h3>🔍 Identify Panel</h3>
   <p class="fragment">
     Click on features in the map to instantly inspect their attributes.
   </p>
-  <video src="/video/jgis/jgis-identify.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jgis/jgis-identify.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 
@@ -66,7 +66,7 @@
   <p class="fragment">
     Visualize how data changes over time with an interactive slider.
   </p>
-  <video src="/video/jgis/jgis-timeslider.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jgis/jgis-timeslider.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 
@@ -75,28 +75,28 @@
   <p class="fragment">
     Import and export QGIS files, layers, and styles seamlessly.
   </p>
-  <video src="/video/jgis/jgis-qgis.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jgis/jgis-qgis.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
   <section>
   <h3>📝 Annotation & Collaboration</h3>
   <p class="fragment">
     Add notes, draw shapes, and collaborate in real-time.
   </p>
-  <video src="/video/jgis/jgis-annotation.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+  <video src="video/jgis/jgis-annotation.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
 </section>
 
 
   <section>
     <h3>📓 Notebook + Python Integration</h3>
     <p class="fragment">Use Python code cells to add, style, and transform spatial layers</p>
-    <video src="/video/jgis/jgis-notebook.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-notebook.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
   <section>
     <h3>🧪 Client-Side Processing</h3>
     <p class="fragment">Perform buffer, dissolve, centroid and overlays with GDAL-WASM — no server required</p>
-    <video src="/video/jgis/jgis-processing.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
+    <video src="video/jgis/jgis-processing.mp4" autoplay loop muted playsinline style="max-width: 90%; margin-top: 1rem;"></video>
   </section>
 
 <!-- <section>
@@ -119,7 +119,7 @@
     >
       <h3 style="text-transform: none; margin: 0;">JupyterGIS in Action</h3>
       <img
-        src="/images/jgis.png"
+        src="images/jgis.png"
         alt="JupyterGIS Logo"
         style="height: 60px; object-fit: contain;"
       />