adapted admonitions

book/exercises/001.md

@@ -13,9 +13,10 @@ Let's start with the most basic edit: add some text to a file and see that the w
 7. Go to {octicon}`play;1em` `Actions` - The most recent workflow run `Update intro.md / the commit message of the commit you just made` - Wait for it to finish - In the summary, click on the link of your book shown in the table `Branches deployed` and under `Primary book at root`
 8. Do you see your change? If you don't see it click `CTRL`+`F5`/`Control`+`F5`to refresh the page (your browser keeps a cached version of website you recently visit, but we actually want the most up-to-date version!).
 
-**Watch the steps in action below:**  
-
+```{hint} Watch the steps in action below
+:class: dropdown
 ![First file edit guide](/figures/excercise1.gif)
+```
 
 ```{admonition} Check your understanding
 :class: note
@@ -28,10 +29,10 @@ Before moving on to the next exercise, make sure you understand the following:
 - How can you view the changes you made to the book?
 - What is the purpose of a commit message and description?
 ```
-:::{card} Exercise
+:::{exercise}
 <iframe src="https://tudelft.h5p.com/content/1292493444533374767/embed" aria-label="Test your 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>
 :::
 
-:::{card} Exercise
+:::{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>
 :::