diff --git a/src/img/not-hotdog.png b/src/img/not-hotdog.png
new file mode 100644
index 0000000..3f7a1dd
Binary files /dev/null and b/src/img/not-hotdog.png differ
diff --git a/src/img/object-recognition.png b/src/img/object-recognition.png
new file mode 100644
index 0000000..6f46192
Binary files /dev/null and b/src/img/object-recognition.png differ
diff --git a/src/index.html b/src/index.html
index 9350b81..f513e11 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,13 +9,53 @@
- How Robots See Fiducial Markers 👀
- Jake Howard
- Senior Systems Engineer @ Torchbox
+
+ How Robots See Fiducial Markers 👀
+ 🧍 Jake Howard
+ 🐦 @RealOrangeOne
+ 👨💻 Senior Systems Engineer @ Torchbox
+
+
+ I Build Robots*
+ * I help others build robots
+
-
- I Build Robots*
- * I help others build robots
+
+
+ Robots need to see things
+
+
+
+
+
+
+ Object Recognition
+ The hot new thing
+ Prone to errors
+
+
+
+ Computationally intensive
+
+
+
+
+
+
+ We put them everywhere!
+
+
diff --git a/src/index.js b/src/index.js
index ec1f336..f6fc361 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,3 +7,16 @@ let deck = new Reveal({
controlsTutorial: false,
})
deck.initialize();
+
+// HACK: Manually transform parcel's hashed file paths for background images
+const FILE_MAPPING = {
+ "./img/not-hotdog.png": new URL("./img/not-hotdog.png", import.meta.url).toString(),
+ "./img/object-recognition.png": new URL("./img/object-recognition.png", import.meta.url).toString(),
+};
+
+for (const src in FILE_MAPPING) {
+ dest = FILE_MAPPING[src];
+ document.querySelectorAll(`[data-background-image='${src}']`).forEach(e => {
+ e.dataset.backgroundImage = dest;
+ })
+}
diff --git a/src/index.scss b/src/index.scss
index 878c6b5..b185f16 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,3 +1,16 @@
+$text: white;
+$text-strong: white;
+$primary: #e85537;
+
@import "../node_modules/reveal.js/css/reveal";
@import "../node_modules/reveal.js/css/theme/source/night";
@import "../node_modules/bulma/bulma";
+
+
+.text-shadow {
+ text-shadow: 0px 0px 40px $black !important;
+}
+
+.has-text-torchbox {
+ color: rgb(253, 87, 101);
+}