Update Documentation

32 files changed, 289 insertions, 293 deletions

diff --git a/README.md b/README.md
index d365f15..e1bc4ab 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 
 # Abridge Zola Theme
 
-A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page.
+A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page.
 
 ![Lighthouse Score](https://raw.githubusercontent.com/Jieiku/abridge/master/content/overview-abridge/lighthouse.png)
 
@@ -18,7 +18,7 @@ Maintenance of this project is made possible by all the <a href="https://github.
 
 ## Features
 
-- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores.
+- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores.
 - [PWA support](https://abridge.pages.dev/overview-abridge/#pwa-progressive-web-app) (Progressive Web Application).
 - All JavaScript can be [fully disabled](https://abridge.pages.dev/overview-abridge/#javascript-files).
 - Dark, Light, Auto, and Switcher themes. (colors can be customized, css variables)
@@ -43,9 +43,9 @@ Maintenance of this project is made possible by all the <a href="https://github.
 - Categories. (similar to Tags, disabled/commented out by default)
 - Social icon links in footer.
 - Responsive design. (mobile first)
-- Video Shortcodes: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/).
-- Media Shortcodes: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-shortcode), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-shortcode), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio).
-- Other Shortcodes: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1).
+- Video Components: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/).
+- Media Components: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio).
+- Other Components: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1).
 
 **[Complete Documentation is available here](https://abridge.pages.dev/overview-abridge/)**
 
diff --git a/content/overview-abridge/index.es.md b/content/overview-abridge/index.es.md
index 864cf2e..99778b6 100644
--- a/content/overview-abridge/index.es.md
+++ b/content/overview-abridge/index.es.md
@@ -15,7 +15,7 @@ tags = [
     "Config",
 ]
 +++
-Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza HTML semántico con pocas clases y CSS modular.. Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app). Aquí hay una página de [Benchmarks de Zola Themes](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md).
+Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza HTML semántico con pocas clases y CSS modular.. Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev). Aquí hay una página de [Benchmarks de Zola Themes](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md).
 
 <!-- more -->
 
@@ -23,12 +23,12 @@ Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza H
 
 ## Características
 
-- Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app).
+- Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev).
 - [Soporte PWA](#pwa) (Aplicación Web Progresiva).
-- Todo JavaScript puede ser [totalmente desactivado](https://abridge.netlify.app/overview-abridge/#javascript-files).
+- Todo JavaScript puede ser [totalmente desactivado](https://abridge.pages.dev/overview-abridge/#javascript-files).
 - Temas Dark, Light, Auto y Switcher. (colores personalizables, variables css)
-- [Resaltado de sintaxis de](https://abridge.netlify.app/overview-code-blocks/) código. (colores personalizables, variables css)
-- Bloques de código numerados con [resaltado de línea](https://abridge.netlify.app/overview-code-blocks/#toml).
+- [Resaltado de sintaxis de](https://abridge.pages.dev/overview-code-blocks/) código. (colores personalizables, variables css)
+- Bloques de código numerados con [resaltado de línea](https://abridge.pages.dev/overview-code-blocks/#toml).
 - Sitio completamente Offline usando el PWA **o** configurando `search_library = "offline"` en `config.toml`.
 - Soporte multi-idioma.
 - Soporte para búsquedas.[(elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/))
@@ -43,14 +43,14 @@ Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza H
 - Botón para copiar bloques de código.
 - Enlace de correo electrónico en la ofuscación de pie de página. (antispam)
 - Soporte[KaTeX](https://katex.org/).
-- [Página de archivo](https://abridge.netlify.app/archive/).
-- [Etiquetas](https://abridge.netlify.app/tags/).
+- [Página de archivo](https://abridge.pages.dev/archive/).
+- [Etiquetas](https://abridge.pages.dev/tags/).
 - Categorías. (similar a Etiquetas, desactivado/comentado por defecto)
 - Enlaces a iconos sociales en el pie de página.
 - Diseño responsivo. (mobile first)
-- Códigos cortos de vídeo: [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/).
-- Media Shortcodes: [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio).
-- Otros Shortcodes: [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1).
+- Códigos cortos de vídeo: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/).
+- Media Components: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio).
+- Otros Components: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1).
 
 ## Inicio rápido
 
@@ -243,7 +243,7 @@ menu_footer = [
 
 ### Etiquetas SEO y de cabecera {% raw %}{#seo}{% endraw %}
 
-Puede revisar las etiquetas SEO en la macro seo ubicada en `templates/macros/seo.html`, todos los valores configurables deben estar en `config.toml` bajo `config.extra` o en los archivos markdown de contenido.
+Puede revisar las etiquetas SEO en la component seo ubicada en `templates/components/seo.html`, todos los valores configurables deben estar en `config.toml` bajo `config.extra` o en los archivos markdown de contenido.
 
 En el archivo markdown de su post debe establecer un título de menos de 60 caracteres y una descripción de entre 80 y 160 caracteres de longitud. La descripción es lo que se muestra en los resultados de búsqueda debajo del título de la página. Si no especifica una descripción de página, se utilizará en su lugar el archivo config.description del sitio principal.
 
@@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png"
 
 KaTeX se puede utilizar para mostrar matemáticas complejas, es una "Rápida composición matemática para la web"
 
-Puedes ver una demo en [esta página](https://abridge.netlify.app/overview-math/).
+Puedes ver una demo en [esta página](https://abridge.pages.dev/overview-math/).
 
 Para un mejor rendimiento, recomiendo sólo habilitar las matemáticas en una [base por página en sus archivos post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), en lugar de en su archivo config.toml principal.
 
 ### PWA, Aplicación Web Progresiva {% raw %}{#pwa}{% endraw %}
 
-Abridge tema tiene soporte PWA. Puede instalar todo el sitio como una aplicación y hacer que funcione sin conexión. Para probarlo simplemente usa google chrome o tu teléfono y ve aquí: [abridge.netlify.app](https://abridge.netlify.app/)
+Abridge tema tiene soporte PWA. Puede instalar todo el sitio como una aplicación y hacer que funcione sin conexión. Para probarlo simplemente usa google chrome o tu teléfono y ve aquí: [abridge.pages.dev](https://abridge.pages.dev/)
 
 Si utilizas Chrome en tu ordenador, busca el botón de instalación al final de la barra de direcciones. En Android debe aparecer una ventana emergente para instalar, también puede instalar desde el menú de 3 puntos en la esquina superior derecha. Una vez instalada la PWA, puedes desconectarte completamente y seguirás pudiendo navegar o buscar en el sitio
 
diff --git a/content/overview-abridge/index.fr.md b/content/overview-abridge/index.fr.md
index 787d3ff..b6b959a 100644
--- a/content/overview-abridge/index.fr.md
+++ b/content/overview-abridge/index.fr.md
@@ -15,7 +15,7 @@ tags = [
     "Config",
 ]
 +++
-Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HTML sémantique épuré (peu de classes) et du CSS modulaire. Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md).
+Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HTML sémantique épuré (peu de classes) et du CSS modulaire. Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md).
 
 <!-- more -->
 
@@ -23,12 +23,12 @@ Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HT
 
 ## Caractéristiques
 
-- Scores parfaits pour [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app).
+- Scores parfaits pour [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev).
 - [Prise en charge des PWA](#pwa) (Progressive Web Application).
-- Tout le JavaScript peut être [entièrement désactivé](https://abridge.netlify.app/overview-abridge/#javascript-files).
+- Tout le JavaScript peut être [entièrement désactivé](https://abridge.pages.dev/overview-abridge/#javascript-files).
 - Thèmes Dark, Light, Auto et Switcher. (les couleurs peuvent être personnalisées, variables css)
-- Code [coloration syntaxique](https://abridge.netlify.app/overview-code-blocks/). (couleurs personnalisables, variables css)
-- Blocs de code numérotés avec [mise en évidence des lignes](https://abridge.netlify.app/overview-code-blocks/#toml).
+- Code [coloration syntaxique](https://abridge.pages.dev/overview-code-blocks/). (couleurs personnalisables, variables css)
+- Blocs de code numérotés avec [mise en évidence des lignes](https://abridge.pages.dev/overview-code-blocks/#toml).
 - Site entièrement hors ligne en utilisant le PWA **ou** en mettant `search_library = "offline"` dans `config.toml`.
 - Support multi-langues.
 - Support de la recherche. ([elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/))
@@ -43,14 +43,14 @@ Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HT
 - Bouton de copie des blocs de code.
 - Lien e-mail dans le pied de page. (anti-spam)
 - Support [KaTeX](https://katex.org/).
-- Page d'archive](https://abridge.netlify.app/archive/).
-- Tags](https://abridge.netlify.app/tags/).
+- Page d'archive](https://abridge.pages.dev/archive/).
+- Tags](https://abridge.pages.dev/tags/).
 - Catégories. (similaire aux Tags, désactivé/commenté par défaut)
 - Liens vers les icônes sociales dans le pied de page.
 - Conception réactive. (mobile first)
-- Shortcodes vidéo : [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/).
-- Raccourcis pour les médias : [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio).
-- Autres codes courts : [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1).
+- Components vidéo : [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/).
+- Raccourcis pour les médias : [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio).
+- Autres codes courts : [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1).
 
 ## Démarrage rapide
 
@@ -243,7 +243,7 @@ menu_footer = [
 
 ### SEO et balises d'en-tête {% raw %}{#seo}{% endraw %}
 
-Vous pouvez revoir les balises SEO dans la macro seo située dans `templates/macros/seo.html`, toutes les valeurs configurables doivent être dans `config.toml` sous `config.extra` ou dans les fichiers markdown du contenu.
+Vous pouvez revoir les balises SEO dans la component seo située dans `templates/components/seo.html`, toutes les valeurs configurables doivent être dans `config.toml` sous `config.extra` ou dans les fichiers markdown du contenu.
 
 Dans votre fichier markdown, vous devez définir un titre de moins de 60 caractères et une description de 80 à 160 caractères. La description est ce qui est affiché dans les résultats de recherche sous le titre de la page. Partout où vous ne définissez pas de description de page, le fichier config.description du site principal sera utilisé à la place.
 
@@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png"
 
 KaTeX peut être utilisé pour afficher des mathématiques complexes. Il s'agit d'une "composition mathématique rapide pour le web".
 
-Vous pouvez voir une démo sur [cette page] (https://abridge.netlify.app/overview-math/).
+Vous pouvez voir une démo sur [cette page] (https://abridge.pages.dev/overview-math/).
 
 Pour de meilleures performances, je recommande de n'activer les mathématiques que [par base de page dans vos fichiers post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), plutôt que dans votre fichier config.toml principal.
 
 ### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %}
 
-Le thème Abridge supporte les PWA. Vous pouvez installer le site entier en tant qu'application et le faire fonctionner hors ligne. Pour l'essayer, il suffit d'utiliser Google Chrome ou votre téléphone et d'aller ici : [abridge.netlify.app](https://abridge.netlify.app/)
+Le thème Abridge supporte les PWA. Vous pouvez installer le site entier en tant qu'application et le faire fonctionner hors ligne. Pour l'essayer, il suffit d'utiliser Google Chrome ou votre téléphone et d'aller ici : [abridge.pages.dev](https://abridge.pages.dev/)
 
 Si vous utilisez Chrome sur un ordinateur de bureau, cherchez le bouton d'installation à la fin de la barre d'adresse. Sur Android, vous devriez obtenir un popup pour installer, vous pouvez également installer à partir du menu à 3 points dans le coin supérieur droit. Une fois la PWA installée, vous pouvez vous déconnecter complètement et continuer à naviguer ou à faire des recherches sur le site !
 
diff --git a/content/overview-abridge/index.md b/content/overview-abridge/index.md
index d7f3d01..a7a49b1 100644
--- a/content/overview-abridge/index.md
+++ b/content/overview-abridge/index.md
@@ -15,7 +15,7 @@ tags = [
     "Config",
 ]
 +++
-A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page.
+A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page.
 
 <!-- more -->
 
@@ -23,12 +23,12 @@ A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing clas
 
 ## Features
 
-- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores.
+- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores.
 - [PWA support](#pwa) (Progressive Web Application).
-- All JavaScript can be [fully disabled](https://abridge.netlify.app/overview-abridge/#javascript-files).
+- All JavaScript can be [fully disabled](https://abridge.pages.dev/overview-abridge/#javascript-files).
 - Dark, Light, Auto, and Switcher themes. (colors can be customized, css variables)
-- Code [syntax highlighting](https://abridge.netlify.app/overview-code-blocks/). (colors can be customized, css variables)
-- Numbered code blocks with [line highlighting](https://abridge.netlify.app/overview-code-blocks/#toml).
+- Code [syntax highlighting](https://abridge.pages.dev/overview-code-blocks/). (colors can be customized, css variables)
+- Numbered code blocks with [line highlighting](https://abridge.pages.dev/overview-code-blocks/#toml).
 - Entirely Offline Site by using the PWA **or** by setting `search_library = "offline"` in `config.toml`.
 - Multi-language support.
 - Search support. ([elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/))
@@ -43,14 +43,14 @@ A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing clas
 - Code Blocks copy button.
 - Email link in footer obfuscation. (anti-spam)
 - [KaTeX](https://katex.org/) support.
-- [Archive page](https://abridge.netlify.app/archive/).
-- [Tags](https://abridge.netlify.app/tags/).
+- [Archive page](https://abridge.pages.dev/archive/).
+- [Tags](https://abridge.pages.dev/tags/).
 - Categories. (similar to Tags, disabled/commented out by default)
 - Social icon links in footer.
 - Responsive design. (mobile first)
-- Video Shortcodes: [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/).
-- Media Shortcodes: [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio).
-- Other Shortcodes: [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1).
+- Video Components: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/).
+- Media Components: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio).
+- Other Components: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1).
 
 ## Quick Start
 
@@ -243,7 +243,7 @@ menu_footer = [
 
 ### SEO and Header Tags {% raw %}{#seo}{% endraw %}
 
-You can review the SEO tags in the seo macro located at `templates/macros/seo.html`, all configurable values should be in `config.toml` under `config.extra` or in the content markdown files.
+You can review the SEO tags in the seo component located at `templates/components/seo.html`, all configurable values should be in `config.toml` under `config.extra` or in the content markdown files.
 
 In your post markdown file you should set a title less than 60 characters and a description between 80 and 160 characters in length. The description is what is displayed in search results below the page title. Anywhere that you do not set a page description, the primary site config.description will be used instead.
 
@@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png"
 
 KaTeX can be used to display complex mathematics, it is a "Fast math typesetting for the web."
 
-You can see a demo on [this page](https://abridge.netlify.app/overview-math/).
+You can see a demo on [this page](https://abridge.pages.dev/overview-math/).
 
 For better performance I recommend only enabling math on a [per page bases in your post.md files](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), instead of in your main config.toml file.
 
 ### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %}
 
-Abridge theme has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome or your phone and go here: [abridge.netlify.app](https://abridge.netlify.app/)
+Abridge theme has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome or your phone and go here: [abridge.pages.dev](https://abridge.pages.dev/)
 
 If using Chrome on desktop then look at the end of the address bar for the install button. On Android you should get a popup to install, you can also install from the 3 dot menu in the top right corner. Once you have the PWA installed, you can go completely offline and you will still be able to browse or search the site!
 
diff --git a/content/overview-code-blocks.es.md b/content/overview-code-blocks.es.md
index f7fa49c..db4db58 100644
--- a/content/overview-code-blocks.es.md
+++ b/content/overview-code-blocks.es.md
@@ -76,7 +76,7 @@ fn main() {
 ### TOML
 
 ```toml,linenos,hl_lines=3
-base_url = "https://abridge.netlify.app/"
+base_url = "https://abridge.pages.dev/"
 title = "Abridge"
 description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS."
 default_language = "en"
diff --git a/content/overview-code-blocks.fr.md b/content/overview-code-blocks.fr.md
index 1263d05..5f08e25 100644
--- a/content/overview-code-blocks.fr.md
+++ b/content/overview-code-blocks.fr.md
@@ -76,7 +76,7 @@ fn main() {
 ### TOML
 
 ```toml,linenos,hl_lines=3
-base_url = "https://abridge.netlify.app/"
+base_url = "https://abridge.pages.dev/"
 title = "Abridge"
 description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS."
 default_language = "en"
diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md
index 0d1728d..7c9458e 100644
--- a/content/overview-code-blocks.md
+++ b/content/overview-code-blocks.md
@@ -76,7 +76,7 @@ fn main() {
 ### TOML
 
 ```toml,linenos,hl_lines=3
-base_url = "https://abridge.netlify.app/"
+base_url = "https://abridge.pages.dev/"
 title = "Abridge"
 description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS."
 default_language = "en"
diff --git a/content/overview-images/index.es.md b/content/overview-images/index.es.md
index 5fff0cc..743e63a 100644
--- a/content/overview-images/index.es.md
+++ b/content/overview-images/index.es.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-19T15:00:00Z
-description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un shortcode se evita CLS al establecer explícitamente la anchura y la altura."
+description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un component se evita CLS al establecer explícitamente la anchura y la altura."
 draft = false
 title = "Códigos cortos de imagen"
 
 [extra]
-keywords = "Image, Markdown, Shortcodes, Swap"
+keywords = "Image, Markdown, Components, Swap"
 series = "Features"
 thumbnail = "ferris-gesture.png"
 toc = true
@@ -13,11 +13,11 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Images",
 ]
 +++
-Este post cubre los **shortcodes imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse.
+Este post cubre los **components imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse.
 
 <!-- more -->
 
diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md
index 82c1bd6..1981c94 100644
--- a/content/overview-images/index.fr.md
+++ b/content/overview-images/index.fr.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-19T15:00:00Z
-description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un shortcode empêche CLS en définissant explicitement la largeur et la hauteur."
+description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un component empêche CLS en définissant explicitement la largeur et la hauteur."
 draft = false
 title = "Codes courts d'image"
 
 [extra]
-keywords = "Image, Markdown, Shortcodes, Swap"
+keywords = "Image, Markdown, Components, Swap"
 series = "Features"
 thumbnail = "ferris-gesture.png"
 toc = true
@@ -13,15 +13,15 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Images",
 ]
 +++
-Cet article couvre les **shortcodes imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse.
+Cet article couvre les **components imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un component afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse.
 
 <!-- more -->
 
-# img Shortcode
+# img Component
 
 - src est le chemin et le nom de fichier de l'image par défaut. (obligatoire)
 - class définit une classe pour l'image.
@@ -96,7 +96,7 @@ Cours optionnels:
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 489" width="600" height="489"><g fill="#8f1f1d"><path d="M70 324c1 3 3 4 6 4l24 4 2 5-10 20v5l7 4 24-1 4 4-7 21c0 2 0 4 3 6 1 2 4 2 7 2l24-5 4 4-1 22c-1 2 0 4 3 5h6l23-8 6 3 4 22c0 2 1 3 3 4h7l21-13 6 2 8 20 5 5c3 0 5 0 7-2l18-15h5l13 18c1 2 3 4 6 4l5-3 14-18h6l17 16c1 1 4 2 6 1 3 0 5-1 6-3l9-21 6-1 19 14h7c3 0 5-3 5-5l4-21 6-2 22 9 7-1c2-1 3-2 3-5v-21l5-4 24 6c3 0 5 0 6-2 2-2 3-4 2-6l-4-21 3-5 24 2c4 0 6 0 7-3v-5l-9-21 3-5 25-2 5-5-1-5-14-18c0-1-1-19-12-33v-1c-26-36-106-64-201-65-100-2-184 26-206 64-10 10-12 26-11 26l-15 17c-1 3-2 5-1 7z"/><path d="M565 247c-1-3-12-2-14-3l-38 1-4-7 26-38c1-2 7-7 6-9-3-3-12 1-14 1l-39 7-4-6 22-49c0-3 7-15 5-18-2-2-11 6-13 6l-43 28-4-5 11-43c0-3 7-18 5-19-2-2-9 5-12 6l-38 30-5-4 9-51c0-3 3-18 1-19s-15 13-17 14l-30 38-6-3-3-56c0-3 0-14-3-14-3-1-5 8-8 11l-25 50-7-1-13-57c-1-3-2-12-4-12-4 0-5 10-7 13l-15 56-7 1-22-52c-1-2-4-12-7-12-3 1-2 9-3 12l-7 61-6 3-19-27c-3-1-15-19-18-18-2 1 0 21-1 23l1 40-6 4-36-35c-3-1-7-7-10-5-2 2 0 10 0 13l13 53-4 5-41-26c-2-1-10-7-12-4-2 2 3 4 3 7l22 56-5 6-65-22c-3-1-10-5-12-1-1 2 5 6 6 9l49 53-3 7-47-6c-3 0-9-1-11 1-1 4 6 7 7 9l36 40a116 116 0 0 0 14 46c27 50 110 87 209 87 105 0 193-41 214-95 11-15 13-37 12-38l29-31c2-4 9-9 8-11z"/><path d="m99 289-67 10c-13 3-5 5 0 6 14 2 84 3 85 4zm402 3 67 10c13 4 5 6 0 6-14 2-84 5-86 5z"/></g><path d="M227 293s-24-26-47 0c0 0-18 35 0 52 0 0 30 24 47 0 0 0 21-20 0-52z"/><path fill="#fff" d="M200 302c0 11 6 19 14 19 7 0 12-8 12-19 0-10-5-18-12-18-8 0-14 8-14 18z"/><path d="M360 283s-40-17-52 22c0 0-11 47 33 49 0 0 58-10 19-71z"/><path fill="#fff" d="M339 299c0 10 7 20 14 20 8 0 14-10 14-20s-6-18-14-18c-7 0-14 8-14 18z"/></svg>
 
-# imgswap Shortcode
+# imgswap Component
 
 Par défaut, main_src est l'image affichée, swap_src est affiché au survol de la souris.
 
diff --git a/content/overview-images/index.md b/content/overview-images/index.md
index 77a596b..93df27d 100644
--- a/content/overview-images/index.md
+++ b/content/overview-images/index.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-19T15:00:00Z
-description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height."
+description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a component prevents CLS by explicitly setting the width and height."
 draft = false
-title = "Image Shortcodes"
+title = "Image Components"
 
 [extra]
-keywords = "Image, Markdown, Shortcodes, Swap"
+keywords = "Image, Markdown, Components, Swap"
 series = "Features"
 thumbnail = "ferris-gesture.png"
 toc = true
@@ -13,15 +13,15 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Images",
 ]
 +++
-This post covers the **imgswap and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score.
+This post covers the **imgswap and img components**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a component so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score.
 
 <!-- more -->
 
-# img Shortcode
+# img Component
 
 - src is the path and filename of the image. (mandatory)
 - class sets a class for the image.
@@ -96,7 +96,7 @@ Optional Classes:
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 489" width="600" height="489"><g fill="#8f1f1d"><path d="M70 324c1 3 3 4 6 4l24 4 2 5-10 20v5l7 4 24-1 4 4-7 21c0 2 0 4 3 6 1 2 4 2 7 2l24-5 4 4-1 22c-1 2 0 4 3 5h6l23-8 6 3 4 22c0 2 1 3 3 4h7l21-13 6 2 8 20 5 5c3 0 5 0 7-2l18-15h5l13 18c1 2 3 4 6 4l5-3 14-18h6l17 16c1 1 4 2 6 1 3 0 5-1 6-3l9-21 6-1 19 14h7c3 0 5-3 5-5l4-21 6-2 22 9 7-1c2-1 3-2 3-5v-21l5-4 24 6c3 0 5 0 6-2 2-2 3-4 2-6l-4-21 3-5 24 2c4 0 6 0 7-3v-5l-9-21 3-5 25-2 5-5-1-5-14-18c0-1-1-19-12-33v-1c-26-36-106-64-201-65-100-2-184 26-206 64-10 10-12 26-11 26l-15 17c-1 3-2 5-1 7z"/><path d="M565 247c-1-3-12-2-14-3l-38 1-4-7 26-38c1-2 7-7 6-9-3-3-12 1-14 1l-39 7-4-6 22-49c0-3 7-15 5-18-2-2-11 6-13 6l-43 28-4-5 11-43c0-3 7-18 5-19-2-2-9 5-12 6l-38 30-5-4 9-51c0-3 3-18 1-19s-15 13-17 14l-30 38-6-3-3-56c0-3 0-14-3-14-3-1-5 8-8 11l-25 50-7-1-13-57c-1-3-2-12-4-12-4 0-5 10-7 13l-15 56-7 1-22-52c-1-2-4-12-7-12-3 1-2 9-3 12l-7 61-6 3-19-27c-3-1-15-19-18-18-2 1 0 21-1 23l1 40-6 4-36-35c-3-1-7-7-10-5-2 2 0 10 0 13l13 53-4 5-41-26c-2-1-10-7-12-4-2 2 3 4 3 7l22 56-5 6-65-22c-3-1-10-5-12-1-1 2 5 6 6 9l49 53-3 7-47-6c-3 0-9-1-11 1-1 4 6 7 7 9l36 40a116 116 0 0 0 14 46c27 50 110 87 209 87 105 0 193-41 214-95 11-15 13-37 12-38l29-31c2-4 9-9 8-11z"/><path d="m99 289-67 10c-13 3-5 5 0 6 14 2 84 3 85 4zm402 3 67 10c13 4 5 6 0 6-14 2-84 5-86 5z"/></g><path d="M227 293s-24-26-47 0c0 0-18 35 0 52 0 0 30 24 47 0 0 0 21-20 0-52z"/><path fill="#fff" d="M200 302c0 11 6 19 14 19 7 0 12-8 12-19 0-10-5-18-12-18-8 0-14 8-14 18z"/><path d="M360 283s-40-17-52 22c0 0-11 47 33 49 0 0 58-10 19-71z"/><path fill="#fff" d="M339 299c0 10 7 20 14 20 8 0 14-10 14-20s-6-18-14-18c-7 0-14 8-14 18z"/></svg>
 
-# imgswap Shortcode
+# imgswap Component
 
 By default main_src is the image displayed, swap_src is displayed on mouse hover.
 
diff --git a/content/overview-math.es.md b/content/overview-math.es.md
index c716ece..81bafbc 100644
--- a/content/overview-math.es.md
+++ b/content/overview-math.es.md
@@ -15,7 +15,7 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Mathematics",
 ]
 +++
@@ -40,7 +40,7 @@ math_auto_render = false
 ## Base por sección
 
 Para habilitar el soporte $\\KaTeX$ en una sección en particular, añada `math = true` bajo `[extra]` en el `[SECTION_NAME]/_index.md`.
-Ahora el shortcode katex será renderizado, también puede añadir `math_auto_render = true`
+Ahora el component katex será renderizado, también puede añadir `math_auto_render = true`
 y la sección de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html).
 
 ```toml
@@ -53,7 +53,7 @@ math = true
 ## Por página
 
 Para habilitar el soporte $\\KaTeX$ en una página en particular, añada `math = true` bajo `[extra]` en el frontmatter
-de la página. Ahora el shortcode katex será renderizado, también puede añadir `math_auto_render = true`
+de la página. Ahora el component katex será renderizado, también puede añadir `math_auto_render = true`
 y la página de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html).
 
 ```toml
diff --git a/content/overview-math.fr.md b/content/overview-math.fr.md
index f3e199d..a7a2efe 100644
--- a/content/overview-math.fr.md
+++ b/content/overview-math.fr.md
@@ -15,7 +15,7 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Mathematics",
 ]
 +++
@@ -28,7 +28,7 @@ Vous pouvez activer le $\KaTeX$ prise en charge globale, par section ou par page
 ## Activer globalement
 
 Pour activer le $\KaTeX$ prise en charge dans le monde entier, ajoutez `math = true` sous `[extra]` à la `config.toml`
-racine de votre site. Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
+racine de votre site. Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
 et chaque section et page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html).
 
 ```toml
@@ -40,7 +40,7 @@ math_auto_render = false
 ## Base par section
 
 Pour activer le $\KaTeX$ support dans une section particulière, ajoutez `math = true` sous `[extra]` dans le fichier `[SECTION_NAME]/_index.md`.
-Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
+Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
 et la section de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html).
 
 ```toml
@@ -53,7 +53,7 @@ math = true
 ## Base par page
 
 Pour activer le $\KaTeX$ support dans une page particulière, ajouter `math = true` sous `[extra]` dans le frontmatter de la page.
-Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
+Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true`
 et la page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html).
 
 ```toml
diff --git a/content/overview-math.md b/content/overview-math.md
index 27ef78a..57ef6fd 100644
--- a/content/overview-math.md
+++ b/content/overview-math.md
@@ -15,7 +15,7 @@ toc = true
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Mathematics",
 ]
 +++
@@ -28,7 +28,7 @@ You can enable the $\KaTeX$ support globally, per-section or per-page basis.
 ## Enable Globally
 
 To enable the $\KaTeX$ support globally, add `math = true` under `[extra]` of the `config.toml`
-at your site root. Now the katex shortcode will be rendered, you can also add `math_auto_render = true`
+at your site root. Now the katex component will be rendered, you can also add `math_auto_render = true`
 and every section and page of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html).
 
 ```toml
@@ -40,7 +40,7 @@ math_auto_render = false
 ## Per-section Basis
 
 To enable the $\KaTeX$ support in a particular section, add `math = true` under `[extra]` in the `[SECTION_NAME]/_index.md`.
-Now the katex shortcode will be rendered, you can also add `math_auto_render = true`
+Now the katex component will be rendered, you can also add `math_auto_render = true`
 and the section of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html).
 
 ```toml
@@ -53,7 +53,7 @@ math = true
 ## Per-page Basis
 
 To enable the $\KaTeX$ support in a particular page, add `math = true` under `[extra]` in the page's
-frontmatter. Now the katex shortcode will be rendered, you can also add `math_auto_render = true`
+frontmatter. Now the katex component will be rendered, you can also add `math_auto_render = true`
 and the page of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html).
 
 ```toml
diff --git a/content/overview-rich-content/index.es.md b/content/overview-rich-content/index.es.md
index 42ffd2e..222c65f 100644
--- a/content/overview-rich-content/index.es.md
+++ b/content/overview-rich-content/index.es.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-15T15:00:00Z
-description = "Una breve descripción de Shortcodes personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio."
+description = "Una breve descripción de Components personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio."
 draft = false
 title = "Contenido enriquecido"
 
 [extra]
-keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
+keywords = "Images, Videos, Audio, Gif, Rich Content, Components"
 series = "Features"
 toc = true
 
@@ -15,10 +15,10 @@ tags = [
     "Video",
     "Audio",
     "Images",
-    "Shortcodes",
+    "Components",
 ]
 +++
-Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` los shortcodes `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos.
+Se incluyen varios components personalizados para aumentar CommonMark. `video` los components `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos.
 
 <!-- more -->
 
@@ -34,7 +34,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l
 - `muted` cuando está activado, silencia el audio inicialmente.
 - `playsinline` si está configurado, reproduce el vídeo incrustado en lugar de a pantalla completa en navegadores móviles.
 
-*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Clases opcionales:**
 
@@ -77,7 +77,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l
 
 ## Imagen
 
-El shortcode `image` devuelve una etiqueta `<picture>` con múltiples fuentes.
+El component `image` devuelve una etiqueta `<picture>` con múltiples fuentes.
 
 Cada cadena en la matriz `sources` debe ser una ruta a un archivo de imagen de un tipo diferente (`avif`, `webp`, `png`, `jpg`, etc).
 La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<img>` para que el navegador recurra a ella si los otros formatos aún no son compatibles.
@@ -88,7 +88,7 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<im
 - `w` establece el ancho de la imagen.
 - `h` establece la altura de la imagen.
 
-*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Clases opcionales:**
 
@@ -115,7 +115,7 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<im
 
 ## GIF
 
-El shortcode `gif` es exactamente igual que el [shortcode video](#video).
+El component `gif` es exactamente igual que el [component video](#video).
 La única diferencia es que automáticamente tiene las propiedades adicionales: `autoplay`, `loop`, `muted`, `playsinline`.
 
 El uso de la etiqueta `<video>` en lugar de gifs permite reducir el tamaño de los archivos,
@@ -140,7 +140,7 @@ menos fiable.
 
 ## Audio
 
-El shortcode `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta
+El component `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta
 `<audio>`. Cada cadena de la matriz `sources` debe ser una ruta a un archivo de audio
 de un tipo diferente (`ogg`, `mp3`, `flac`, `wav`, etc).
 El navegador reproducirá el primer tipo que admita, por lo que colocarlos en orden de menor a mayor tamaño utilizará el menor ancho de banda si ese es su objetivo.
@@ -152,7 +152,7 @@ El navegador reproducirá el primer tipo que admita, por lo que colocarlos en or
 - `loop` cuando se establece, reproduce el audio en bucle.
 - `muted` cuando se establece, establece el audio silenciado inicialmente.
 
-*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Clases opcionales:**
 
diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md
index 838280b..4397dd7 100644
--- a/content/overview-rich-content/index.fr.md
+++ b/content/overview-rich-content/index.fr.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-15T15:00:00Z
-description = "Une brève description des shortcodes personnalisés pour Zola qui mettent en œuvre des éléments html modernes : vidéo, image, gif, audio."
+description = "Une brève description des components personnalisés pour Zola qui mettent en œuvre des éléments html modernes : vidéo, image, gif, audio."
 draft = false
 title = "Un contenu riche"
 
 [extra]
-keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
+keywords = "Images, Videos, Audio, Gif, Rich Content, Components"
 series = "Features"
 toc = true
 
@@ -15,10 +15,10 @@ tags = [
     "Video",
     "Audio",
     "Images",
-    "Shortcodes",
+    "Components",
 ]
 +++
-Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `video` les shortcodes `image`, `gif` et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans vos écrits.
+Plusieurs components personnalisés sont inclus pour améliorer CommonMark. `video` les components `image`, `gif` et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans vos écrits.
 
 <!-- more -->
 
@@ -34,7 +34,7 @@ Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `vid
 - `muted` lorsque cette option est activée, le son est initialement coupé.
 - `playsinline` lorsque cette option est activée, la vidéo est lue en mode intégré plutôt qu'en mode plein écran sur les navigateurs mobiles.
 
-*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Classes optionnelles :**
 
@@ -77,7 +77,7 @@ Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `vid
 
 ## Image
 
-Le shortcode `image` renvoie une balise `<picture>` avec plusieurs sources.
+Le component `image` renvoie une balise `<picture>` avec plusieurs sources.
 
 Chaque chaîne du tableau `sources` doit être un chemin vers un fichier image d'un type différent (`avif`, `webp`, `png`, `jpg`, etc).
 La dernière image du tableau `sources` est utilisée pour créer une balise `<img>` sur laquelle le navigateur peut se rabattre si les autres formats ne sont pas encore pris en charge.
@@ -88,7 +88,7 @@ La dernière image du tableau `sources` est utilisée pour créer une balise `<i
 - `w` définit la largeur de l'image.
 - `h` définit la hauteur de l'image.
 
-*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*les sources peuvent être le même chemin, le chemin relatif ou le chemin racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Classes optionnelles :**
 
@@ -115,7 +115,7 @@ La dernière image du tableau `sources` est utilisée pour créer une balise `<i
 
 ## GIF
 
-Le shortcode `gif` est exactement le même que le [shortcode vidéo](#video).
+Le component `gif` est exactement le même que le [component vidéo](#video).
 La seule différence est qu'il possède automatiquement les propriétés supplémentaires : `autoplay`, `loop`, `muted`, `playsinline`.
 
 L'utilisation de la balise `<video>` à la place des gifs permet de réduire la taille des fichiers,
@@ -140,7 +140,7 @@ moins fiable.
 
 ## Audio
 
-Le shortcode `audio` prend un tableau de chaînes `sources` et renvoie une balise
+Le component `audio` prend un tableau de chaînes `sources` et renvoie une balise
 `<audio>`. Chaque chaîne du tableau `sources` doit être un chemin vers un fichier audio
 d'un type différent (`ogg`, `mp3`, `flac`, `wav`, etc).
 Le navigateur lira le premier type qu'il prend en charge, donc les placer dans l'ordre de la taille la plus petite à la plus grande utilisera le moins de bande passante si c'est votre objectif.
@@ -152,7 +152,7 @@ Le navigateur lira le premier type qu'il prend en charge, donc les placer dans l
 - `loop` lorsque cette option est activée, l'audio est lu en boucle.
 - `muted` lorsqu'il est défini, met l'audio en sourdine au départ.
 
-*les sources peuvent être le même chemin, un chemin relatif ou le chemin de la racine, comme le [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*les sources peuvent être le même chemin, un chemin relatif ou le chemin de la racine, comme le [component img](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Classes optionnelles :**
 
diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md
index bed7472..1e34053 100644
--- a/content/overview-rich-content/index.md
+++ b/content/overview-rich-content/index.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-15T15:00:00Z
-description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio."
+description = "A brief description of custom Components for Zola that implement modern html elements: video, image, gif, audio."
 draft = false
 title = "Rich Content"
 
 [extra]
-keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
+keywords = "Images, Videos, Audio, Gif, Rich Content, Components"
 series = "Features"
 toc = true
 
@@ -15,10 +15,10 @@ tags = [
     "Video",
     "Audio",
     "Images",
-    "Shortcodes",
+    "Components",
 ]
 +++
-Several custom shortcodes are included to augment CommonMark. `video`, `image`, `gif`, and `audio` were created to help you take advantage of modern HTML elements in your writing.
+Several custom components are included to augment CommonMark. `video`, `image`, `gif`, and `audio` were created to help you take advantage of modern HTML elements in your writing.
 
 <!-- more -->
 
@@ -34,7 +34,7 @@ Several custom shortcodes are included to augment CommonMark. `video`, `image`,
 - `muted` when set, sets the audio muted initially.
 - `playsinline` when set, plays the video embeded instead of fullscreen on mobile browsers.
 
-*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Optional Classes:**
 
@@ -77,7 +77,7 @@ Several custom shortcodes are included to augment CommonMark. `video`, `image`,
 
 ## Image
 
-The `image` shortcode returns a `<picture>` tag with multiple sources.
+The `image` component returns a `<picture>` tag with multiple sources.
 
 Each string in the `sources` array should be a path to an image file of a different type (`avif`, `webp`, `png`, `jpg`, etc).
  The last image in the `sources` array is used to create an `<img>` tag for the browser to fall back on if the other formats are not yet supported.
@@ -88,7 +88,7 @@ Each string in the `sources` array should be a path to an image file of a differ
 - `w` sets the width of the image.
 - `h` sets the height of the image.
 
-*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Optional Classes:**
 
@@ -115,7 +115,7 @@ Each string in the `sources` array should be a path to an image file of a differ
 
 ## GIF
 
-The `gif` shortcode is exactly the same as the [video shortcode](#video).
+The `gif` component is exactly the same as the [video component](#video).
  The only difference is it automatically has the additional properties: `autoplay`, `loop`, `muted`, `playsinline`.
 
 Using the `<video>` tag in place of gifs allows for reduced file sizes,
@@ -140,7 +140,7 @@ less reliable.
 
 ## Audio
 
-The `audio` shortcode takes a `sources` array of strings and returns an
+The `audio` component takes a `sources` array of strings and returns an
 `<audio>` tag. Each string in the `sources` array should be a path to an
 audio file of a different type (`ogg`, `mp3`, `flac`, `wav`, etc).
 The browser will play the first type it supports, so placing them in order of size smallest to largest will use the least bandwidth if that is your goal.
@@ -152,7 +152,7 @@ The browser will play the first type it supports, so placing them in order of si
 - `loop` when set, plays the audio on a loop.
 - `muted` when set, sets the audio muted initially.
 
-*sources can be same path, relative path, or root path, like the [img shortcode](https://abridge.pages.dev/overview-images/#img-shortcode)*
+*sources can be same path, relative path, or root path, like the [img component](https://abridge.pages.dev/overview-images/#img-component)*
 
 **Optional Classes:**
 
diff --git a/content/overview-showdata.es.md b/content/overview-showdata.es.md
index 705f9f0..d3c5e05 100644
--- a/content/overview-showdata.es.md
+++ b/content/overview-showdata.es.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-09T15:00:00Z
-description = "Una breve descripción de un Shortcode personalizado para Zola que implementa la carga y visualización de datos externos."
+description = "Una breve descripción de un Component personalizado para Zola que implementa la carga y visualización de datos externos."
 draft = false
 title = "Código corto Showdata"
 
 [extra]
-keywords = "Data, Load, External, Shortcodes"
+keywords = "Data, Load, External, Components"
 series = "Features"
 toc = true
 
@@ -13,10 +13,10 @@ toc = true
 tags = [
     "Features",
     "Data",
-    "Shortcodes",
+    "Components",
 ]
 +++
-El shortcode `showdata` puede cargar y mostrar datos de una fuente externa a través de la función [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) de Zola.
+El component `showdata` puede cargar y mostrar datos de una fuente externa a través de la función [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) de Zola.
 
 <!-- more -->
 
diff --git a/content/overview-showdata.fr.md b/content/overview-showdata.fr.md
index f7038f6..0150940 100644
--- a/content/overview-showdata.fr.md
+++ b/content/overview-showdata.fr.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-09T15:00:00Z
-description = "Une brève description d'un shortcode personnalisé pour Zola qui implémente le chargement et l'affichage de données externes."
+description = "Une brève description d'un component personnalisé pour Zola qui implémente le chargement et l'affichage de données externes."
 draft = false
 title = "Code court Showdata"
 
 [extra]
-keywords = "Data, Load, External, Shortcodes"
+keywords = "Data, Load, External, Components"
 series = "Features"
 toc = true
 
@@ -13,10 +13,10 @@ toc = true
 tags = [
     "Features",
     "Data",
-    "Shortcodes",
+    "Components",
 ]
 +++
-Le shortcode `showdata` peut charger et afficher des données provenant d'une source externe via la fonction [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) de Zola.
+Le component `showdata` peut charger et afficher des données provenant d'une source externe via la fonction [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) de Zola.
 
 <!-- more -->
 
diff --git a/content/overview-showdata.md b/content/overview-showdata.md
index be1734e..1071eba 100644
--- a/content/overview-showdata.md
+++ b/content/overview-showdata.md
@@ -1,11 +1,11 @@
 +++
 date = 2021-05-09T15:00:00Z
-description = "A brief description of a custom Shortcode for Zola that implements loading and displaying external data."
+description = "A brief description of a custom Component for Zola that implements loading and displaying external data."
 draft = false
-title = "Showdata Shortcode"
+title = "Showdata Component"
 
 [extra]
-keywords = "Data, Load, External, Shortcodes"
+keywords = "Data, Load, External, Components"
 series = "Features"
 toc = true
 
@@ -13,10 +13,10 @@ toc = true
 tags = [
     "Features",
     "Data",
-    "Shortcodes",
+    "Components",
 ]
 +++
-The `showdata` shortcode can load and display data from an external source via Zola's [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) function.
+The `showdata` component can load and display data from an external source via Zola's [load_data()](https://www.getzola.org/documentation/templates/overview/#load-data) function.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/_index.fr.md b/content/video-streaming-sites/_index.fr.md
index cb82a05..ab65407 100644
--- a/content/video-streaming-sites/_index.fr.md
+++ b/content/video-streaming-sites/_index.fr.md
@@ -3,4 +3,4 @@ render = false
 template = "pages.html"
 transparent = true
 +++
-Ceci est une page sur les shortcodes pour les sites de streaming vidéo.
+Ceci est une page sur les components pour les sites de streaming vidéo.
diff --git a/content/video-streaming-sites/_index.md b/content/video-streaming-sites/_index.md
index dcb7e4b..3b9ab96 100644
--- a/content/video-streaming-sites/_index.md
+++ b/content/video-streaming-sites/_index.md
@@ -3,4 +3,4 @@ render = false
 template = "pages.html"
 transparent = true
 +++
-This is a page about shortcodes for video streaming sites.
+This is a page about components for video streaming sites.
diff --git a/content/video-streaming-sites/overview-embed-streamable.es.md b/content/video-streaming-sites/overview-embed-streamable.es.md
index 3944ce4..661a4a9 100644
--- a/content/video-streaming-sites/overview-embed-streamable.es.md
+++ b/content/video-streaming-sites/overview-embed-streamable.es.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-06T15:00:00Z
-description = "Artículo de ejemplo que muestra un shortcode personalizado de Zola para incrustar vídeos Streamable en tus páginas."
+description = "Artículo de ejemplo que muestra un component personalizado de Zola para incrustar vídeos Streamable en tus páginas."
 draft = false
 title = "Incrustar Streamable"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Streamable"
+keywords = "Video, Components, Embed, Embedded, Streamable"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo muestra streamable.
+Zola tiene muchos components, y nuevos son facilmente añadidos, este ejemplo muestra streamable.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-streamable.fr.md b/content/video-streaming-sites/overview-embed-streamable.fr.md
index aa19056..39146dd 100644
--- a/content/video-streaming-sites/overview-embed-streamable.fr.md
+++ b/content/video-streaming-sites/overview-embed-streamable.fr.md
@@ -5,18 +5,18 @@ draft = false
 title = "Streamable intégrées"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Streamable"
+keywords = "Video, Components, Embed, Embedded, Streamable"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre streamable.
+Zola a de nombreux components, et de nouveaux sont facilement ajoutés, cet exemple montre streamable.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-streamable.md b/content/video-streaming-sites/overview-embed-streamable.md
index 5495968..124fc00 100644
--- a/content/video-streaming-sites/overview-embed-streamable.md
+++ b/content/video-streaming-sites/overview-embed-streamable.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-06T15:00:00Z
-description = "Sample article showcasing a custom Zola shortcode for embedding Streamable Videos into your pages."
+description = "Sample article showcasing a custom Zola component for embedding Streamable Videos into your pages."
 draft = false
 title = "Embed Streamable"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Streamable"
+keywords = "Video, Components, Embed, Embedded, Streamable"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola has many shortcodes, and new are easily added, this example shows streamable.
+Zola has many components, and new are easily added, this example shows streamable.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-vimeo.es.md b/content/video-streaming-sites/overview-embed-vimeo.es.md
index d7bde48..4c8539a 100644
--- a/content/video-streaming-sites/overview-embed-vimeo.es.md
+++ b/content/video-streaming-sites/overview-embed-vimeo.es.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-07T15:00:00Z
-description = "Artículo de ejemplo que muestra un shortcode personalizado de Zola para incrustar vídeos de Vimeo en tus páginas."
+description = "Artículo de ejemplo que muestra un component personalizado de Zola para incrustar vídeos de Vimeo en tus páginas."
 draft = false
 title = "Incrustar Vimeo"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Vimeo"
+keywords = "Video, Components, Embed, Embedded, Vimeo"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola tiene muchos shortcodes, y los nuevos se añaden fácilmente, este ejemplo muestra vimeo.
+Zola tiene muchos components, y los nuevos se añaden fácilmente, este ejemplo muestra vimeo.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-vimeo.fr.md b/content/video-streaming-sites/overview-embed-vimeo.fr.md
index 2858b9d..1a32142 100644
--- a/content/video-streaming-sites/overview-embed-vimeo.fr.md
+++ b/content/video-streaming-sites/overview-embed-vimeo.fr.md
@@ -5,18 +5,18 @@ draft = false
 title = "Vimeo intégrées"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Vimeo"
+keywords = "Video, Components, Embed, Embedded, Vimeo"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre vimeo.
+Zola a de nombreux components, et de nouveaux sont facilement ajoutés, cet exemple montre vimeo.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-vimeo.md b/content/video-streaming-sites/overview-embed-vimeo.md
index ce6fd39..89aff40 100644
--- a/content/video-streaming-sites/overview-embed-vimeo.md
+++ b/content/video-streaming-sites/overview-embed-vimeo.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-07T15:00:00Z
-description = "Sample article showcasing a custom Zola shortcode for embedding Vimeo Videos into your pages."
+description = "Sample article showcasing a custom Zola component for embedding Vimeo Videos into your pages."
 draft = false
 title = "Embed Vimeo"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Vimeo"
+keywords = "Video, Components, Embed, Embedded, Vimeo"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola has many shortcodes, and new are easily added, this example shows vimeo.
+Zola has many components, and new are easily added, this example shows vimeo.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-youtube.es.md b/content/video-streaming-sites/overview-embed-youtube.es.md
index 52d7119..189846c 100644
--- a/content/video-streaming-sites/overview-embed-youtube.es.md
+++ b/content/video-streaming-sites/overview-embed-youtube.es.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-08T15:00:00Z
-description = "Artículo de ejemplo que muestra un shortcode personalizado de Zola para incrustar vídeos de Youtube en tus páginas."
+description = "Artículo de ejemplo que muestra un component personalizado de Zola para incrustar vídeos de Youtube en tus páginas."
 draft = false
 title = "Incrustar Youtube"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Youtube"
+keywords = "Video, Components, Embed, Embedded, Youtube"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo muestra youtube.
+Zola tiene muchos components, y nuevos son facilmente añadidos, este ejemplo muestra youtube.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-youtube.fr.md b/content/video-streaming-sites/overview-embed-youtube.fr.md
index 1aa3230..a6f23d8 100644
--- a/content/video-streaming-sites/overview-embed-youtube.fr.md
+++ b/content/video-streaming-sites/overview-embed-youtube.fr.md
@@ -5,18 +5,18 @@ draft = false
 title = "Youtube intégrées"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Youtube"
+keywords = "Video, Components, Embed, Embedded, Youtube"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre youtube.
+Zola a de nombreux components, et de nouveaux sont facilement ajoutés, cet exemple montre youtube.
 
 <!-- more -->
 
diff --git a/content/video-streaming-sites/overview-embed-youtube.md b/content/video-streaming-sites/overview-embed-youtube.md
index 183b744..2b92ab3 100644
--- a/content/video-streaming-sites/overview-embed-youtube.md
+++ b/content/video-streaming-sites/overview-embed-youtube.md
@@ -1,22 +1,22 @@
 +++
 date = 2021-05-08T15:00:00Z
-description = "Sample article showcasing a custom Zola shortcode for embedding Youtube Videos into your pages."
+description = "Sample article showcasing a custom Zola component for embedding Youtube Videos into your pages."
 draft = false
 title = "Embed Youtube"
 
 [extra]
-keywords = "Video, Shortcodes, Embed, Embedded, Youtube"
+keywords = "Video, Components, Embed, Embedded, Youtube"
 series = "Features"
 toc = true
 
 [taxonomies]
 tags = [
     "Features",
-    "Shortcodes",
+    "Components",
     "Video",
 ]
 +++
-Zola has many shortcodes, and new are easily added, this example shows youtube.
+Zola has many components, and new are easily added, this example shows youtube.
 
 <!-- more -->
 
diff --git a/templates/components/components.html b/templates/components/components.html
index 7ce9ef3..e12b45f 100644
--- a/templates/components/components.html
+++ b/templates/components/components.html
@@ -1,5 +1,3 @@
-{# Former macro components #}
-
 {% component translate(key: string, i18n, default="") %}
 {{- i18n[key] | default(value=default) | safe -}}
 {% endcomponent translate %}
@@ -364,141 +362,3 @@
       </nav>
   {%- endif %}
 {% endcomponent numpagination %}
-
-{% component seo( config, title="", title_addition="", description="", type="website", is_home=false, is_404=false, is_page=false, page_images="", page_section="", created_time="2023-05-15T07:07:00-07:00", updated_time="2023-05-15T07:07:00-07:00", page="" ) -%}
-{#- Load current language i18n data from .toml files in user's '/i18n' folder, use theme as fallback. -#}
-{%- set _lang = page.lang if page else config.default_language -%}
-{%- set i18n = load_data(path="i18n/" ~ _lang ~ '.toml', required=false) -%}
-{%- if not i18n -%}{%- set i18n = load_data(path="themes/abridge/i18n/" ~ _lang ~ ".toml", required=false) -%}{%- endif -%}
-{%- set lang_locale %}{{<translate key='date_locale'  default='en_US'  i18n={i18n} />}}{% endset -%}
-{%- if is_404 %}
-  <meta name="robots" content="noindex, follow" />
-{%- else %}
-  <meta name="robots" content="index, follow" />
-  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
-  <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
-{%- endif  %}
-
-{%- if current_url %}
-  {%- set page_url = current_url %}
-{%- else %}
-  {%- set page_url = get_url(path="404.html", trailing_slash=true) %}
-{%- endif %}
-  <title>{{ title ~ title_addition }}</title>
-
-{%- if config.extra?.author %}
-  <meta name="author" content="{{ config.extra?.author }}" />
-{%- endif %}
-{%- if config.extra?.facebook_publisher %}
-  <meta property="article:publisher" content="https://www.facebook.com/{{ config.extra?.facebook_publisher }}" />
-{%- endif %}
-  <meta name="copyright" content="{{ config.title }}" />
-{%- if config.extra?.facebook_author %}
-  <meta property="article:author" content="https://www.facebook.com/{{ config.extra?.facebook_author }}" />
-{%- endif %}
-{%- if page?.description %}
-  <meta name="description" content="{{ page?.description }}" />
-{%- else %}
-  <meta name="description" content="{{ config.description }}" />
-{%- endif %}
-  <link rel="canonical" href="{{ page_url | safe }}" />
-{%- if page?.extra?.keywords and config.extra?.keywords %}
-  <meta name="keywords" content="{{ page?.extra?.keywords }}, {{ config.extra?.keywords }}" />
-{%- elif page?.extra?.keywords %}
-  <meta name="keywords" content="{{ page?.extra?.keywords }}" />
-{%- elif config.extra?.keywords %}
-  <meta name="keywords" content="{{ config.extra?.keywords }}" />
-{%- endif %}
-
-{#- Extra SEO START #}
-{%- if config.extra?.seo | default(value=true) %}
-{%- if not is_404 %}
-
-{%- if config.extra?.google %}
-  <meta name="google-site-verification" content="{{ config.extra?.google | safe }}" />
-{%- endif %}
-
-{%- if config.extra?.bing %}
-  <meta name="msvalidate.01" content="{{ config.extra?.bing | safe}}" />
-{%- endif %}
-  <meta property="og:url" content="{{ page_url | safe }}" />
-  <meta name="twitter:url" content="{{ page_url | safe }}" />
-
-{%- if page?.description %}
-  <meta property="og:description" content="{{ page?.description }}" />
-  <meta name="twitter:description" content="{{ page?.description }}" />
-{%- else %}
-  <meta property="og:description" content="{{ config.description }}" />
-  <meta name="twitter:description" content="{{ config.description}}" />
-{%- endif %}
-
-{%- if page?.title %}
-  <meta property="og:title" content="{{ page?.title }} | {{ config.title }}" />
-  <meta name="twitter:title" content="{{ page?.title }} | {{ config.title }}" />
-{%- else %}
-  <meta property="og:title" content="{{ config.title }}" />
-  <meta name="twitter:title" content="{{ config.title }}" />
-{%- endif %}
-
-
-{#- SEO MEDIA START #}
-{%- if page?.extra?.thumbnail %}
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:image" content="{{ get_url(path=page?.path ~ page?.extra?.thumbnail, trailing_slash=false) }}" />
-  <meta property="og:image" content="{{ get_url(path=page?.path ~ page?.extra?.thumbnail, trailing_slash=false) }}" />
-
-{%- elif page?.extra?.static_thumbnail %}
-  <meta name="twitter:card" content="summary_large_image" />
-  {%- if page?.extra?.static_thumbnail is matching(pat="^http[s]?://") %}
-  <meta name="twitter:image" content="{{ page?.extra?.static_thumbnail }}" />
-  <meta property="og:image" content="{{ page?.extra?.static_thumbnail }}" />
-  {%- else %}
-  <meta name="twitter:image" content="{{ get_url(path=page?.extra?.static_thumbnail, trailing_slash=false) }}" />
-  <meta property="og:image" content="{{ get_url(path=page?.extra?.static_thumbnail, trailing_slash=false) }}" />
-  {%- endif %}
-
-{%- elif config.extra?.banner %}
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:image" content="{{ get_url(path=config.extra?.banner, trailing_slash=false) }}" />
-  <meta property="og:image" content="{{ get_url(path=config.extra?.banner, trailing_slash=false) }}" />
-
-{%- else %}
-  <meta name="twitter:card" content="summary" />
-
-{%- endif %}
-
-{%- if config.extra?.open?.audio %}
-  <meta property="og:audio" content="{{ config.extra?.open?.audio }}" />
-{%- endif %}
-
-{%- if config.extra?.open?.locale %}
-  <meta property="og:locale" content="{{ config.extra?.open?.locale }}" />
-{%- endif %}
-
-{%- if config.extra?.open?.videos %}
-  {%- for video in config.extra?.open?.videos %}
-  <meta property="og:video" content="{{ get_url(path=video) }}" />
-  {%- endfor %}
-{%- endif %}
-
-{#- SEO MEDIA END #}
-  <meta property="og:site_name" content="{{ config.title }}" />
-  <meta property="og:locale" content="{{ lang_locale }}" />
-  <meta property="og:type" content="website" />
-{%- if page?.updated %}
-  <meta property="og:updated_time" content="{{ page?.updated | date(format='%F') }}" />
-{%- elif page?.date %}
-  <meta property="og:updated_time" content="{{ page?.date | date(format='%F') }}" />
-{%- else %}
-  <meta property="og:updated_time" content="{{ updated_time }}" />
-{%- endif %}
-
-{%- if config.extra?.twitter_meta %}
-  <meta name="twitter:site" content="@{{ config.extra?.twitter_meta }}" />
-  <meta name="twitter:creator" content="@{{ config.extra?.twitter_meta }}" />
-{%- endif -%}
-{%- endif -%}
-{%- endif -%}
-{#- Extra SEO END -#}
-{% endcomponent seo %}
-
diff --git a/templates/components/seo.html b/templates/components/seo.html
new file mode 100644
index 0000000..87861ff
--- /dev/null
+++ b/templates/components/seo.html
@@ -0,0 +1,136 @@
+{% component seo( config, title="", title_addition="", description="", type="website", is_home=false, is_404=false, is_page=false, page_images="", page_section="", created_time="2023-05-15T07:07:00-07:00", updated_time="2023-05-15T07:07:00-07:00", page="" ) -%}
+{#- Load current language i18n data from .toml files in user's '/i18n' folder, use theme as fallback. -#}
+{%- set _lang = page.lang if page else config.default_language -%}
+{%- set i18n = load_data(path="i18n/" ~ _lang ~ '.toml', required=false) -%}
+{%- if not i18n -%}{%- set i18n = load_data(path="themes/abridge/i18n/" ~ _lang ~ ".toml", required=false) -%}{%- endif -%}
+{%- set lang_locale %}{{<translate key='date_locale'  default='en_US'  i18n={i18n} />}}{% endset -%}
+{%- if is_404 %}
+  <meta name="robots" content="noindex, follow" />
+{%- else %}
+  <meta name="robots" content="index, follow" />
+  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
+  <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
+{%- endif  %}
+
+{%- if current_url %}
+  {%- set page_url = current_url %}
+{%- else %}
+  {%- set page_url = get_url(path="404.html", trailing_slash=true) %}
+{%- endif %}
+  <title>{{ title ~ title_addition }}</title>
+
+{%- if config.extra?.author %}
+  <meta name="author" content="{{ config.extra?.author }}" />
+{%- endif %}
+{%- if config.extra?.facebook_publisher %}
+  <meta property="article:publisher" content="https://www.facebook.com/{{ config.extra?.facebook_publisher }}" />
+{%- endif %}
+  <meta name="copyright" content="{{ config.title }}" />
+{%- if config.extra?.facebook_author %}
+  <meta property="article:author" content="https://www.facebook.com/{{ config.extra?.facebook_author }}" />
+{%- endif %}
+{%- if page?.description %}
+  <meta name="description" content="{{ page?.description }}" />
+{%- else %}
+  <meta name="description" content="{{ config.description }}" />
+{%- endif %}
+  <link rel="canonical" href="{{ page_url | safe }}" />
+{%- if page?.extra?.keywords and config.extra?.keywords %}
+  <meta name="keywords" content="{{ page?.extra?.keywords }}, {{ config.extra?.keywords }}" />
+{%- elif page?.extra?.keywords %}
+  <meta name="keywords" content="{{ page?.extra?.keywords }}" />
+{%- elif config.extra?.keywords %}
+  <meta name="keywords" content="{{ config.extra?.keywords }}" />
+{%- endif %}
+
+{#- Extra SEO START #}
+{%- if config.extra?.seo | default(value=true) %}
+{%- if not is_404 %}
+
+{%- if config.extra?.google %}
+  <meta name="google-site-verification" content="{{ config.extra?.google | safe }}" />
+{%- endif %}
+
+{%- if config.extra?.bing %}
+  <meta name="msvalidate.01" content="{{ config.extra?.bing | safe}}" />
+{%- endif %}
+  <meta property="og:url" content="{{ page_url | safe }}" />
+  <meta name="twitter:url" content="{{ page_url | safe }}" />
+
+{%- if page?.description %}
+  <meta property="og:description" content="{{ page?.description }}" />
+  <meta name="twitter:description" content="{{ page?.description }}" />
+{%- else %}
+  <meta property="og:description" content="{{ config.description }}" />
+  <meta name="twitter:description" content="{{ config.description}}" />
+{%- endif %}
+
+{%- if page?.title %}
+  <meta property="og:title" content="{{ page?.title }} | {{ config.title }}" />
+  <meta name="twitter:title" content="{{ page?.title }} | {{ config.title }}" />
+{%- else %}
+  <meta property="og:title" content="{{ config.title }}" />
+  <meta name="twitter:title" content="{{ config.title }}" />
+{%- endif %}
+
+
+{#- SEO MEDIA START #}
+{%- if page?.extra?.thumbnail %}
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:image" content="{{ get_url(path=page?.path ~ page?.extra?.thumbnail, trailing_slash=false) }}" />
+  <meta property="og:image" content="{{ get_url(path=page?.path ~ page?.extra?.thumbnail, trailing_slash=false) }}" />
+
+{%- elif page?.extra?.static_thumbnail %}
+  <meta name="twitter:card" content="summary_large_image" />
+  {%- if page?.extra?.static_thumbnail is matching(pat="^http[s]?://") %}
+  <meta name="twitter:image" content="{{ page?.extra?.static_thumbnail }}" />
+  <meta property="og:image" content="{{ page?.extra?.static_thumbnail }}" />
+  {%- else %}
+  <meta name="twitter:image" content="{{ get_url(path=page?.extra?.static_thumbnail, trailing_slash=false) }}" />
+  <meta property="og:image" content="{{ get_url(path=page?.extra?.static_thumbnail, trailing_slash=false) }}" />
+  {%- endif %}
+
+{%- elif config.extra?.banner %}
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:image" content="{{ get_url(path=config.extra?.banner, trailing_slash=false) }}" />
+  <meta property="og:image" content="{{ get_url(path=config.extra?.banner, trailing_slash=false) }}" />
+
+{%- else %}
+  <meta name="twitter:card" content="summary" />
+
+{%- endif %}
+
+{%- if config.extra?.open?.audio %}
+  <meta property="og:audio" content="{{ config.extra?.open?.audio }}" />
+{%- endif %}
+
+{%- if config.extra?.open?.locale %}
+  <meta property="og:locale" content="{{ config.extra?.open?.locale }}" />
+{%- endif %}
+
+{%- if config.extra?.open?.videos %}
+  {%- for video in config.extra?.open?.videos %}
+  <meta property="og:video" content="{{ get_url(path=video) }}" />
+  {%- endfor %}
+{%- endif %}
+
+{#- SEO MEDIA END #}
+  <meta property="og:site_name" content="{{ config.title }}" />
+  <meta property="og:locale" content="{{ lang_locale }}" />
+  <meta property="og:type" content="website" />
+{%- if page?.updated %}
+  <meta property="og:updated_time" content="{{ page?.updated | date(format='%F') }}" />
+{%- elif page?.date %}
+  <meta property="og:updated_time" content="{{ page?.date | date(format='%F') }}" />
+{%- else %}
+  <meta property="og:updated_time" content="{{ updated_time }}" />
+{%- endif %}
+
+{%- if config.extra?.twitter_meta %}
+  <meta name="twitter:site" content="@{{ config.extra?.twitter_meta }}" />
+  <meta name="twitter:creator" content="@{{ config.extra?.twitter_meta }}" />
+{%- endif -%}
+{%- endif -%}
+{%- endif -%}
+{#- Extra SEO END -#}
+{% endcomponent seo %}