set background transparent

For now, updates as soon as iframe applet is finished
This commit is contained in:
Tom van Woudenberg 2025-01-26 20:06:50 +01:00
parent bb5797b374
commit f19858ada6

View file

@ -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>
:::