Update for Zola 0.23.3

3 files changed, 90 insertions, 54 deletions

diff --git a/content/overview-images/index.es.md b/content/overview-images/index.es.md
index 0f26e78..5fff0cc 100644
--- a/content/overview-images/index.es.md
+++ b/content/overview-images/index.es.md
@@ -42,45 +42,51 @@ Clases opcionales:
 
 ## Uso (misma ruta)
 
+{% raw %}
 ```rs
-{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Uso (ruta relativa ./)
 
+{% raw %}
 ```rs
-{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Uso (ruta raíz /)
 
+{% raw %}
 ```rs
-{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
 
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 
 # Imagen SVG directamente en el código
 
@@ -109,42 +115,48 @@ Al pasar el ratón sobre la imagen se mostrará la imagen a comparar.
 
 ## Uso (misma ruta)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 
 ## Uso (ruta relativa ./)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 
 ## Uso (ruta raíz /)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Salida**
 
 ```html
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md
index ad77bf9..82c1bd6 100644
--- a/content/overview-images/index.fr.md
+++ b/content/overview-images/index.fr.md
@@ -42,45 +42,51 @@ Cours optionnels:
 
 ## Utilisation (même chemin)
 
+{% raw %}
 ```rs
-{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Utilisation (chemin relatif ./)
 
+{% raw %}
 ```rs
-{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Utilisation (chemin racine /)
 
+{% raw %}
 ```rs
-{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Sortir**
 
 ```html
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
 
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 
 # Image SVG directement dans le code
 
@@ -109,42 +115,48 @@ Lorsque vous passez votre souris sur l'image, l'image à comparer s'affiche.
 
 ## Utilisation (même chemin)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Sortir**
 
 ```html
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 
 ## Utilisation (chemin relatif ./)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Sortir**
 
 ```html
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 
 ## Utilisation (chemin racine /)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Sortir**
 
 ```html
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
diff --git a/content/overview-images/index.md b/content/overview-images/index.md
index c3cfd03..77a596b 100644
--- a/content/overview-images/index.md
+++ b/content/overview-images/index.md
@@ -42,45 +42,51 @@ Optional Classes:
 
 ## Usage (same path)
 
+{% raw %}
 ```rs
-{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Usage (relative path ./)
 
+{% raw %}
 ```rs
-{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 ```
 
-{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }}
+{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}}
 
 ## Usage (root path /)
 
+{% raw %}
 ```rs
-{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 ```
 
-{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }}
+{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}}
 
 # SVG image directly in code
 
@@ -109,42 +115,48 @@ When you hover your mouse over the image it will display the image to compare.
 
 ## Usage (same path)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }}
+{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}}
 
 ## Usage (relative path ./)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }}
+{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}}
 
 ## Usage (root path /)
 
+{% raw %}
 ```rs
-{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
+{% endraw %}
 
 **Output**
 
 ```html
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}
 ```
 
-{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }}
+{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}}