diff --git a/book/exercises/008.md b/book/exercises/008.md index ccd56ee..4083ddc 100644 --- a/book/exercises/008.md +++ b/book/exercises/008.md @@ -6,18 +6,28 @@ To help you illustrate your content, it can be sueful to add some type of visual ````{tab-item} Linking In Jupyter Book, you can embed a YouTube video using the `{iframe}` directive, ensuring you use the embed URL format. + ```md -```{iframe} https://www.youtube.com/embed/watch?v=gbBsWo6em4c -:width: 700 -:height: 400 +```{iframe} https://www.youtube.com/embed/x2eonqw5M6o +--- +width: 80% +align: center +name: my_linked_video +--- + ``` + ``` For example, the above code cell, will result in the following video. -```{iframe} https://www.youtube.com/embed/watch?v=gbBsWo6em4c -:width: 700 -:height: 400 +```{iframe} https://www.youtube.com/embed/x2eonqw5M6o +--- +width: 80% +align: center +name: my_linked_video +--- + ``` To link and display an online figure, you can use the `{figure}` directive, which also allows captions and references. @@ -25,18 +35,23 @@ To link and display an online figure, you can use the `{figure}` directive, whic ```md ```{figure} https://town-n-country-living.com/wp-content/uploads/2023/06/craftsman-exterior.jpg -:width: 700 -:height: 400 - -My new figure +--- +width: 80% +align: center +name: my_linked_figure +--- + ``` + ``` ```{figure} https://town-n-country-living.com/wp-content/uploads/2023/06/craftsman-exterior.jpg -:width: 700 -:height: 400 - -My new figure +--- +width: 80% +align: center +name: my_linked_figure +--- + ``` ````