docs: add code-annotations example

Author: mcanouil

_extensions/coeos/_extension.yml

@@ -7,8 +7,11 @@ contributes:
     revealjs:
       theme: coeos.scss
       highlight-style: github-dark
+      mermaid:
+        theme: dark
       date-format: 'dddd[, the] Do [of] MMMM, YYYY'
       slide-number: c
+      code-annotations: select
       footer: |
         <a href="https://mickael.canouil.fr/">mickael.canouil.fr</a>
         |

template.qmd

@@ -40,3 +40,21 @@ format:
 {{< placeholder 600 400 >}}
 
 :::
+
+# PART 2 With `code` {.center .center-x}
+
+## Code annotation
+
+```{.python}
+import numpy as np # <1>
+
+def f(x): # <2>
+    return np.sin(x) # <3>
+
+# Example of a simple function using NumPy
+f(0)
+```
+
+1. Importing the NumPy library.
+2. Defining a function `f` that takes an argument `x`.
+3. Returning the sine of `x` using NumPy's `sin` function.