Alphabetize Content Front Matter

content/overview-abridge/index.fr.md

@@ -1,18 +1,22 @@
 +++
-title = "Thème Zola Abridge"
-description = "Abridge est un thème Zola rapide et léger utilisant le html sémantique, abridge.css class-light CSS, et No Mandatory JS."
 date = 2022-05-17T15:00:00Z
-updated = 2023-07-21T15:00:00Z
+description = "Abridge est un thème Zola rapide et léger utilisant le html sémantique, abridge.css class-light CSS, et No Mandatory JS."
 draft = false
+title = "Thème Zola Abridge"
+updated = 2023-07-21T15:00:00Z
 
-[taxonomies]
-tags = ["Features","Config"]
 [extra]
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+  "Features",
+  "Config",
+]
++++
 Un thème rapide, léger et moderne [Zola](https://getzola.org) utilisant [abridge.css](https://github.com/Jieiku/abridge.css) (un cadre HTML CSS sémantique de classe légère). 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).
+
 <!-- more -->
 
 ![lighthouse](lighthouse.png)

content/overview-abridge/index.md

@@ -1,18 +1,22 @@
 +++
-title = "Abridge Zola Theme"
-description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS."
 date = 2022-05-17T15:00:00Z
-updated = 2023-07-21T15:00:00Z
+description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS."
 draft = false
+title = "Abridge Zola Theme"
+updated = 2023-07-21T15:00:00Z
 
-[taxonomies]
-tags = ["Features","Config"]
 [extra]
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+  "Features",
+  "Config",
+]
++++
 A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing [abridge.css](https://github.com/Jieiku/abridge.css) (a class-light semantic HTML CSS Framework). 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.
+
 <!-- more -->
 
 ![lighthouse](lighthouse.png)

content/overview-code-blocks.fr.md

@@ -1,19 +1,24 @@
 +++
-title = "Blocs de code et thème"
-description = "Exemple d'article présentant la coloration syntaxique et la mise en forme des blocs de code avec un thème personnalisé."
 date = 2022-05-16T15:00:00Z
+description = "Exemple d'article présentant la coloration syntaxique et la mise en forme des blocs de code avec un thème personnalisé."
 draft = false
+title = "Blocs de code et thème"
 
-[taxonomies]
-tags = ["Features","Markdown"]
 [extra]
 keywords = "Code, Code Blocks, Syntax, Syntax Highlighting, Theme"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Markdown",
+]
++++
 Cet article présente différents Code Blocks permettant de comparer facilement des thèmes sublimes.
+
 <!-- more -->
+
 ## Blocs de codes
 
 Blocs de code.. ❤️ avec coloration syntaxique automatique ✨‍

content/overview-code-blocks.md

@@ -1,19 +1,24 @@
 +++
-title = "Code Blocks Theme"
-description = "Sample article showcasing syntax highlighting and formatting for Code Blocks with a custom theme."
 date = 2022-05-16T15:00:00Z
+description = "Sample article showcasing syntax highlighting and formatting for Code Blocks with a custom theme."
 draft = false
+title = "Code Blocks Theme"
 
-[taxonomies]
-tags = ["Features","Markdown"]
 [extra]
 keywords = "Code, Code Blocks, Syntax, Syntax Highlighting, Theme"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Markdown",
+]
++++
 This article shows various Code Blocks allowing to easily compare sublime themes.
+
 <!-- more -->
+
 ## Code Blocks
 
 Code blocks.. ❤️ with automatic syntax highlighting ✨‍

content/overview-images/index.fr.md

@@ -1,19 +1,24 @@
 +++
-title = "Codes courts d'image"
-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."
 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."
 draft = false
+title = "Codes courts d'image"
 
-[taxonomies]
-tags = ["Features","Shortcodes","Images"]
 [extra]
 keywords = "Image, Markdown, Shortcodes, Swap"
+series = "Features"
 thumbnail = "ferris-gesture.png"
 toc = true
-series = "Features"
-+++
 
+[taxonomies]
+tags = [
+    "Features",
+    "Shortcodes",
+    "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.
+
 <!-- more -->
 
 # img Shortcode

content/overview-images/index.md

@@ -1,19 +1,24 @@
 +++
-title = "Image Shortcodes"
-description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height."
 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."
 draft = false
+title = "Image Shortcodes"
 
-[taxonomies]
-tags = ["Features","Shortcodes","Images"]
 [extra]
 keywords = "Image, Markdown, Shortcodes, Swap"
+series = "Features"
 thumbnail = "ferris-gesture.png"
 toc = true
-series = "Features"
-+++
 
+[taxonomies]
+tags = [
+    "Features",
+    "Shortcodes",
+    "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.
+
 <!-- more -->
 
 # img Shortcode

content/overview-markdown-and-style.fr.md

@@ -1,19 +1,24 @@
 +++
-title = "Markdown et Style"
-description = "Exemple d'article présentant la syntaxe et le formatage de base de Markdown pour les éléments HTML."
 date = 2022-05-15T15:00:00Z
+description = "Exemple d'article présentant la syntaxe et le formatage de base de Markdown pour les éléments HTML."
 draft = false
+title = "Markdown et Style"
 
-[taxonomies]
-tags = ["Features","Markdown"]
 [extra]
 keywords = "Markdown, Style, Syntax, Syntax Highlighting"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Markdown",
+]
++++
 Cet article propose un exemple de syntaxe Markdown de base pouvant être utilisée dans les fichiers de contenu Zola. Il indique également si les éléments HTML de base sont décorés avec CSS dans un thème Zola.
+
 <!-- more -->
+
 # Rubriques
 
 Les éléments HTML `<h1>`—`<h6>` suivants représentent six niveaux d'en-têtes de section.

content/overview-markdown-and-style.md

@@ -1,19 +1,24 @@
 +++
-title = "Markdown and Style"
-description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 date = 2022-05-15T15:00:00Z
+description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 draft = false
+title = "Markdown and Style"
 
-[taxonomies]
-tags = ["Features","Markdown"]
 [extra]
 keywords = "Markdown, Style, Syntax, Syntax Highlighting"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Markdown",
+]
++++
 This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows if basic HTML elements are decorated with CSS in a Zola theme.
+
 <!-- more -->
+
 # Headings
 
 The following HTML `<h1>`—`<h6>` elements represent six levels of section

content/overview-math.fr.md

@@ -1,20 +1,24 @@
 +++
-title = "Notation mathématiques"
-description = "Exemple d'article présentant l'affichage des notations mathématiques, rendu possible par la bibliothèque KaTeX."
 date = 2021-05-05T15:00:00Z
-updated = 2022-01-01T15:00:00Z
+description = "Exemple d'article présentant l'affichage des notations mathématiques, rendu possible par la bibliothèque KaTeX."
 draft = false
+title = "Notation mathématiques"
+updated = 2022-01-01T15:00:00Z
 
-[taxonomies]
-tags = ["Features","Shortcodes","Mathematics"]
 [extra]
+keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation"
 math = true
 math_auto_render = true
-keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Shortcodes",
+    "Mathematics",
+]
++++
 Vous pouvez utiliser [KaTeX](https://katex.org) pour rendre des notations mathématiques.
 
 Vous pouvez activer le $\KaTeX$ prise en charge globale, par section ou par page.

content/overview-math.md

@@ -1,20 +1,24 @@
 +++
-title = "Mathematical Notation"
-description = "Sample article showcasing the display of Mathematical Notations, made possible by the KaTeX library."
 date = 2021-05-05T15:00:00Z
-updated = 2022-01-01T15:00:00Z
+description = "Sample article showcasing the display of Mathematical Notations, made possible by the KaTeX library."
 draft = false
+title = "Mathematical Notation"
+updated = 2022-01-01T15:00:00Z
 
-[taxonomies]
-tags = ["Features","Shortcodes","Mathematics"]
 [extra]
+keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation"
 math = true
 math_auto_render = true
-keywords = "Math, Matematics, Notation, KaTeX, Mathematical Notation"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Shortcodes",
+    "Mathematics",
+]
++++
 You can use [KaTeX](https://katex.org) to render mathematical notations.
 
 You can enable the $\KaTeX$ support globally, per-section or per-page basis.

content/overview-rich-content/index.fr.md

@@ -1,17 +1,23 @@
 +++
-title = "Contenu riche"
-description = "Une brève description des Shortcodes personnalisés pour Zola qui implémentent des éléments html modernes : vidéo, image, gif, audio."
 date = 2021-05-15T15:00:00Z
+description = "Une brève description des Shortcodes personnalisés pour Zola qui implémentent des éléments html modernes : vidéo, image, gif, audio."
 draft = false
+title = "Contenu riche"
 
-[taxonomies]
-tags = ["Features","Video","Audio","Images","Shortcodes"]
 [extra]
 keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Video",
+    "Audio",
+    "Images",
+    "Shortcodes",
+]
++++
 Plusieurs codes abrégés personnalisés sont inclus pour augmenter CommonMark. `video`, `image`, `gif`, et `audio` ont été créés pour vous aider à tirer parti des éléments HTML modernes dans votre écriture.
 
 <!-- more -->

content/overview-rich-content/index.md

@@ -1,17 +1,23 @@
 +++
-title = "Rich Content"
-description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio."
 date = 2021-05-15T15:00:00Z
+description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio."
 draft = false
+title = "Rich Content"
 
-[taxonomies]
-tags = ["Features","Video","Audio","Images","Shortcodes"]
 [extra]
 keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Video",
+    "Audio",
+    "Images",
+    "Shortcodes",
+]
++++
 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.
 
 <!-- more -->

content/overview-showdata.fr.md

@@ -1,17 +1,21 @@
 +++
-title = "Code court Showdata"
-description = "Une brève description d'un shortcode personnalisé pour Zola qui implémente le chargement et l'affichage de données externes."
 date = 2021-05-04T15: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."
 draft = false
+title = "Code court Showdata"
 
-[taxonomies]
-tags = ["Features","Data","Shortcodes"]
 [extra]
 keywords = "Data, Load, External, Shortcodes"
-toc = true
 series = "Features"
-+++
+toc = true
 
+[taxonomies]
+tags = [
+    "Features",
+    "Data",
+    "Shortcodes",
+]
++++
 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.
 
 <!-- more -->