use images

Author: arjxn-py

slides.md

@@ -1,7 +1,19 @@
 <!-- .slide: data-background-color="#1e1e1e" -->
 <div style="text-align: left; line-height: 1.2;">
-  <h4 style="color: white; font-size: 1.2em; margin-top: 0.2em; text-transform: none;">Collaborative & Reproducible</h4>
-  <h3 style="color: white; font-size: 2em; margin: 0; text-transform: none;">CAD & GIS in JupyterLab</h3>
+  <h4 style="color: white; font-size: 1.2em; margin-top: 0.2em; text-transform: none;">
+    Collaborative & Reproducible
+  </h4>
+
+  <h3 style="color: white; font-size: 2em; margin: 0; text-transform: none;">
+    <img src="images/jcad.png" alt="JCAD" style="height: 1em; vertical-align: middle; margin-right: 0.2em;" />
+    CAD &
+    <img src="images/jgis.png" alt="JGIS" style="height: 1em; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em;" />
+    GIS in 
+    Jupyter
+    <img src="images/jupyter.svg" alt="Jupyter" style="height: 1em; vertical-align: middle; margin-left: 0.4em;" />
+    <img src="images/jupyterlite.png" alt="JupyterLite" style="height: 1em; vertical-align: middle; margin-left: 0.2em;" />
+  </h3>
+
   <p style="color: white; font-style: italic; margin-top: 0.5em;">Arjun Verma</p>
 </div>
 <!-- .slide: data-transition="zoom" -->

src/slides/01-title.md

@@ -1,7 +1,19 @@
 <!-- .slide: data-background-color="#1e1e1e" -->
 <div style="text-align: left; line-height: 1.2;">
-  <h4 style="color: white; font-size: 1.2em; margin-top: 0.2em; text-transform: none;">Collaborative & Reproducible</h4>
-  <h3 style="color: white; font-size: 2em; margin: 0; text-transform: none;">CAD & GIS in JupyterLab</h3>
+  <h4 style="color: white; font-size: 1.2em; margin-top: 0.2em; text-transform: none;">
+    Collaborative & Reproducible
+  </h4>
+
+  <h3 style="color: white; font-size: 2em; margin: 0; text-transform: none;">
+    <img src="images/jcad.png" alt="JCAD" style="height: 1em; vertical-align: middle; margin-right: 0.2em;" />
+    CAD &
+    <img src="images/jgis.png" alt="JGIS" style="height: 1em; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em;" />
+    GIS in 
+    Jupyter
+    <img src="images/jupyter.svg" alt="Jupyter" style="height: 1em; vertical-align: middle; margin-left: 0.4em;" />
+    <img src="images/jupyterlite.png" alt="JupyterLite" style="height: 1em; vertical-align: middle; margin-left: 0.2em;" />
+  </h3>
+
   <p style="color: white; font-style: italic; margin-top: 0.5em;">Arjun Verma</p>
 </div>
 <!-- .slide: data-transition="zoom" -->