feat(presenatation): Make slides resize earlier than before

This virtually eliminates the user seeing the slides resize in front of
their eyes.

1 files changed, 9 insertions, 2 deletions

diff --git a/src/scripts/presentation.js b/src/scripts/presentation.js
index 0e72741..ac825b0 100644
--- a/src/scripts/presentation.js
+++ b/src/scripts/presentation.js
@@ -148,8 +148,15 @@ function fixAbsoluteSlideScale() {
 	// Update .clicked-image
 	presentationStyle.cssRules[2].style.transform = 'translate(-50%, -50%) scale(' + (1/scale) + ')';
 }
-window.addEventListener('resize', fixAbsoluteSlideScale);
-window.addEventListener('load', fixAbsoluteSlideScale);
+
+function resizeCallback() {
+	let article = document.getElementsByTagName('article')[0];
+	if (article)
+		new ResizeObserver(fixAbsoluteSlideScale).observe(article);
+	else
+		setTimeout(resizeCallback, 0.1);
+}
+resizeCallback();
 
 /* Show as article button */