From f19858ada65e952937fa3ed9cc0e533931e8dee7 Mon Sep 17 00:00:00 2001
From: Tom van Woudenberg <t.r.vanwoudenberg@tudelft.nl>
Date: Sun, 26 Jan 2025 20:06:50 +0100
Subject: [PATCH] set background transparent

For now, updates as soon as iframe applet is finished
---
 book/exercises/001.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/book/exercises/001.md b/book/exercises/001.md
index fa1d4c5..805faa6 100644
--- a/book/exercises/001.md
+++ b/book/exercises/001.md
@@ -35,4 +35,13 @@ Before moving on to the next exercise, make sure you understand the following:
 
 :::{exercise}
 <iframe src="https://tudelft.h5p.com/content/1292493455522610637/embed" aria-label="Testing more Teachbooks knowledge" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://tudelft.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
+<style> 
+    @media (prefers-color-scheme: light) {
+        iframe[src*="tudelft.h5p.com"] {
+            filter: invert(1); 
+            background: transparent; 
+            mix-blend-mode: difference;
+        }
+    }
+</style>
 :::