Updated slides

HoGentTIN · Sep 6, 2024 · c988db4 · c988db4
1 parent 490ea6e
commit c988db4
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 16 deletions.
diff --git a/docs/h0.md → docs/c0.md b/docs/h0.md → docs/c0.md
diff --git a/docs/h1.md → docs/c1.md b/docs/h1.md → docs/c1.md
@@ -42,17 +42,11 @@ _Tip: Editors with markdown support often fix these numbers automatically._
 
 ---
 
-## Inline source code
-
-Variables `iso`, `iso_size` and `destination` belong to function `copy_iso_to_usb()`.
-
----
-
 ## Citation
 
 Some pretty quote:
 
-> The problem with quotes found on the internet is, that they are often not true.
+> The problem with 83% of the quotes found on the internet is, that they are not true.
 >
 > ~ Abraham Lincoln.
 
@@ -109,7 +103,13 @@ Image too small or too big? Look at the [advanced example](./h2.md#/1) to learn
 
 ---
 
-## Source code.
+## Inline source code
+
+Variables `iso`, `iso_size` and `destination` belong to function `copy_iso_to_usb()`.
+
+---
+
+## Source code
 
 Some pretty code:
 
@@ -129,8 +129,6 @@ public void test() {
 }
 ```
 
-Some text here.
-
 ---
 
 ## Line numbers

diff --git a/docs/h2.md → docs/c2.md b/docs/h2.md → docs/c2.md
@@ -28,7 +28,7 @@ You can specify the exact height and width using some HTML magic. Very handy if
 
 ## Video
 
-<iframe width="550" height="550" data-src="https://www.youtube.com/embed/sGF6bOi1NfA" allowfullscreen></iframe>
+<iframe width="1280" height="720" data-src="https://www.youtube.com/embed/sGF6bOi1NfA" allowfullscreen></iframe>
 
 ---
 
@@ -88,7 +88,7 @@ You can also use [PlantUML](https://plantuml.com/) graphs:
 
 ```language-plantuml
 @startuml
-scale 2.5
+scale 2
 Alice -> Bob: Authentication Request
 Bob --> Alice: Authentication Response
 Alice -> Bob: Another authentication Request
@@ -140,6 +140,12 @@ You can specify a custom order of appearance.
 
 This defies the use of markdown, but if you really want it you can use some HTML and CSS magic:
 
+<!--
+    The blank lines before and after the div tags are important here, otherwise
+    Reveal.js will consider the markdown between the tags as literal text
+    instead of markdown.
+-->
+
 <div class="multicolumn">
 <div>
 
@@ -177,6 +183,18 @@ Based on [this StackOverflow post](https://stackoverflow.com/a/44392145).
 
 ---
 
+## Want to center something?
+
+This defies the use of markdown, but if you really want it you can use some HTML and CSS magic:
+
+<div class="center">
+
+![](./img/hello.webp)
+
+</div>
+
+---
+
 ## Transitions
 
 You can change the way slides transition from one to the next by setting the [`transition`](https://revealjs.com/transitions/) option in the `reveal.json` file.
@@ -193,6 +211,7 @@ You can set the slideshow to permanently show the notes by setting the [`showNot
 
 -   https://github.com/HoGentTIN/hogent-revealmd
     -   Inspired by the work of [Bert Van Vreckem](https://github.com/bertvv) at https://github.com/HoGentTIN/hogent-revealjs
+-   https://github.com/MartenBE/mkslides-reveal
 -   https://github.com/webpro/reveal-md
 -   https://revealjs.com/
 

diff --git a/docs/h3.md → docs/debug/c3.md b/docs/h3.md → docs/debug/c3.md
@@ -1,5 +1,5 @@
 ---
-title: "Chapter 3 - Debug slides."
+title: "Appendix 1 - Debug slides."
 ---
 
 # Debug slides
@@ -41,16 +41,16 @@ These slides are used for debugging, otherwise there is nothing to see here ...
 -   Test 1
     -   Test 2
 
-![](./img/matrix-code.jpg)
+![w:auto h:auto](../img/matrix-code.jpg)
 
 ---
 
-## Ordered list + Image
+## Ordered list + Images
 
 1. Test 1
     1. Test 2
 
-![](./img/matrix-code.jpg)
+<!-- ![](./img/test-screen.jpg) -->
 
 ---
 

diff --git a/docs/debug/img/test-screen.jpg b/docs/debug/img/test-screen.jpg