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

+
+
+
+
+
+

Computer Vision

+
+
+
+

Object Recognition

+

The hot new thing

+
Prone to errors
+
+
+

Prone to errors

+
+
+

Computationally intensive

+
+
+
+
+

Fiducial Markers

+
+
+

Pose Estimation

+
+
+

We put them everywhere!

+
+
+

How do they work?

+
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); +}