Add 5 new languages to exampleSite: German, French, Spanish, Portuguese

Add complete translations for:
- German (de)
- French (fr)
- Spanish (es)
- Portuguese Brazil (pt-br)
- Portuguese Portugal (pt-pt)

Changes include:
- Language config files (languages.*.toml)
- Menu config files (menus.*.toml)
- Translated docs section (16 files x 5 langs)
- Translated homepage, guides, samples
- Translated examples, authors, tags sections
- Translated users section (112 dirs x 5 langs)
- Fixed YAML front matter formatting in user files

Hugo build now supports 9 languages total.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

exampleSite/content/samples/_index.de.md

@@ -0,0 +1,20 @@
+---
+title: "Beispiele"
+description: "Sehen Sie, was mit Blowfish möglich ist."
+
+cascade:
+  showEdit: false
+  showSummary: false
+  hideFeatureImage: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Blowfish bringt Ihre Inhalte zum Leben. :heart_eyes:
+{{< /lead >}}
+
+Dieser Bereich enthält einige Demo-Seiten, die zeigen, wie Blowfish verschiedene Arten von Inhalten rendert. Sie können auch eine Beispiel-[Taxonomie-Auflistung]({{< ref "tags" >}})-Seite sehen.
+
+_**Nebenbei:** Diese Seite ist nur eine Standard-Blowfish-Artikelliste und Hugo wurde so konfiguriert, dass ein `samples`-Inhaltstyp generiert und Artikel-Zusammenfassungen angezeigt werden._
+
+---

exampleSite/content/samples/_index.es.md

@@ -0,0 +1,20 @@
+---
+title: "Muestras"
+description: "Ve lo que es posible con Blowfish."
+
+cascade:
+  showEdit: false
+  showSummary: false
+  hideFeatureImage: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Blowfish da vida a tu contenido. :heart_eyes:
+{{< /lead >}}
+
+Esta sección contiene algunas páginas de demostración que muestran cómo Blowfish renderiza diferentes tipos de contenido. También puedes ver una página de ejemplo de [listado de taxonomía]({{< ref "tags" >}}).
+
+_**Nota:** Esta página es solo un listado de artículos estándar de Blowfish y Hugo ha sido configurado para generar un tipo de contenido `samples` y mostrar resúmenes de artículos._
+
+---

exampleSite/content/samples/_index.fr.md

@@ -0,0 +1,20 @@
+---
+title: "Échantillons"
+description: "Voyez ce qui est possible avec Blowfish."
+
+cascade:
+  showEdit: false
+  showSummary: false
+  hideFeatureImage: true
+  invertPagination: true
+---
+
+{{< lead >}}
+Blowfish donne vie à votre contenu. :heart_eyes:
+{{< /lead >}}
+
+Cette section contient quelques pages de démonstration qui montrent comment Blowfish rend différents types de contenu. Vous pouvez également voir une page exemple de [liste de taxonomie]({{< ref "tags" >}}).
+
+_**Note :** Cette page est juste une liste d'articles Blowfish standard et Hugo a été configuré pour générer un type de contenu `samples` et afficher les résumés d'articles._
+
+---

exampleSite/content/samples/_index.pt-br.md

@@ -0,0 +1,20 @@
+---
+title: "Amostras"
+description: "Veja o que é possível com o Blowfish."
+
+cascade:
+  showEdit: false
+  showSummary: false
+  hideFeatureImage: true
+  invertPagination: true
+---
+
+{{< lead >}}
+O Blowfish dá vida ao seu conteúdo. :heart_eyes:
+{{< /lead >}}
+
+Esta seção contém algumas páginas de demonstração que mostram como o Blowfish renderiza diferentes tipos de conteúdo. Você também pode ver uma página de exemplo de [listagem de taxonomia]({{< ref "tags" >}}).
+
+_**Nota:** Esta página é apenas uma listagem de artigos padrão do Blowfish e o Hugo foi configurado para gerar um tipo de conteúdo `samples` e exibir resumos de artigos._
+
+---

exampleSite/content/samples/_index.pt-pt.md

@@ -0,0 +1,20 @@
+---
+title: "Amostras"
+description: "Veja o que é possível com o Blowfish."
+
+cascade:
+  showEdit: false
+  showSummary: false
+  hideFeatureImage: true
+  invertPagination: true
+---
+
+{{< lead >}}
+O Blowfish dá vida ao seu conteúdo. :heart_eyes:
+{{< /lead >}}
+
+Esta secção contém algumas páginas de demonstração que mostram como o Blowfish renderiza diferentes tipos de conteúdo. Também pode ver uma página de exemplo de [listagem de taxonomia]({{< ref "tags" >}}).
+
+_**Nota:** Esta página é apenas uma listagem de artigos padrão do Blowfish e o Hugo foi configurado para gerar um tipo de conteúdo `samples` e apresentar resumos de artigos._
+
+---

exampleSite/content/samples/charts/index.de.md

@@ -0,0 +1,87 @@
+---
+title: "Diagramme"
+date: 2019-03-06
+description: "Anleitung zur Chart.js-Nutzung in Blowfish"
+summary: "Blowfish enthält Chart.js für leistungsstarke Diagramme und Datenvisualisierungen."
+tags: ["diagramm", "beispiel", "grafik", "shortcodes"]
+showDate: false
+type: 'sample'
+---
+
+Blowfish unterstützt Chart.js durch den `chart`-Shortcode. Umschließen Sie einfach das Diagramm-Markup mit dem Shortcode. Blowfish passt Diagramme automatisch an den konfigurierten `colorScheme`-Parameter an, die Farben können jedoch mit normaler Chart.js-Syntax angepasst werden.
+
+Weitere Details finden Sie in der [Chart-Shortcode]({{< ref "docs/shortcodes#chart" >}})-Dokumentation.
+
+Die folgenden Beispiele sind eine kleine Auswahl aus der [offiziellen Chart.js-Dokumentation](https://www.chartjs.org/docs/latest/samples). Sie können auch [den Seitenquelltext](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) auf GitHub einsehen.
+
+## Balkendiagramm
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli'],
+  datasets: [{
+    label: 'Mein erstes Dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 159, 64, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(54, 162, 235, 0.2)',
+      'rgba(153, 102, 255, 0.2)',
+      'rgba(201, 203, 207, 0.2)'
+    ],
+    borderColor: [
+      'rgb(255, 99, 132)',
+      'rgb(255, 159, 64)',
+      'rgb(255, 205, 86)',
+      'rgb(75, 192, 192)',
+      'rgb(54, 162, 235)',
+      'rgb(153, 102, 255)',
+      'rgb(201, 203, 207)'
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Liniendiagramm
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'line',
+data: {
+  labels: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli'],
+  datasets: [{
+    label: 'Mein erstes Dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    tension: 0.2
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Ringdiagramm
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'doughnut',
+data: {
+  labels: ['Rot', 'Blau', 'Gelb'],
+  datasets: [{
+    label: 'Mein erstes Dataset',
+    data: [300, 50, 100],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.7)',
+      'rgba(54, 162, 235, 0.7)',
+      'rgba(255, 205, 86, 0.7)'
+    ],
+    borderWidth: 0,
+    hoverOffset: 4
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->

exampleSite/content/samples/charts/index.es.md

@@ -0,0 +1,87 @@
+---
+title: "Gráficos"
+date: 2019-03-06
+description: "Guía de uso de Chart.js en Blowfish"
+summary: "Blowfish incluye Chart.js para gráficos y visualizaciones de datos potentes."
+tags: ["gráfico", "ejemplo", "diagrama", "shortcodes"]
+showDate: false
+type: 'sample'
+---
+
+Blowfish soporta Chart.js usando el shortcode `chart`. Simplemente envuelve el markup del gráfico dentro del shortcode. Blowfish adapta automáticamente los temas de los gráficos al parámetro `colorScheme` configurado, aunque los colores pueden personalizarse usando la sintaxis normal de Chart.js.
+
+Consulta la documentación del [shortcode chart]({{< ref "docs/shortcodes#chart" >}}) para más detalles.
+
+Los ejemplos siguientes son una pequeña selección tomada de la [documentación oficial de Chart.js](https://www.chartjs.org/docs/latest/samples). También puedes [ver el código fuente de la página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) en GitHub.
+
+## Gráfico de barras
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio'],
+  datasets: [{
+    label: 'Mi primer dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 159, 64, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(54, 162, 235, 0.2)',
+      'rgba(153, 102, 255, 0.2)',
+      'rgba(201, 203, 207, 0.2)'
+    ],
+    borderColor: [
+      'rgb(255, 99, 132)',
+      'rgb(255, 159, 64)',
+      'rgb(255, 205, 86)',
+      'rgb(75, 192, 192)',
+      'rgb(54, 162, 235)',
+      'rgb(153, 102, 255)',
+      'rgb(201, 203, 207)'
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de líneas
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'line',
+data: {
+  labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio'],
+  datasets: [{
+    label: 'Mi primer dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    tension: 0.2
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de anillo
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'doughnut',
+data: {
+  labels: ['Rojo', 'Azul', 'Amarillo'],
+  datasets: [{
+    label: 'Mi primer dataset',
+    data: [300, 50, 100],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.7)',
+      'rgba(54, 162, 235, 0.7)',
+      'rgba(255, 205, 86, 0.7)'
+    ],
+    borderWidth: 0,
+    hoverOffset: 4
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->

exampleSite/content/samples/charts/index.fr.md

@@ -0,0 +1,87 @@
+---
+title: "Graphiques"
+date: 2019-03-06
+description: "Guide d'utilisation de Chart.js dans Blowfish"
+summary: "Blowfish inclut Chart.js pour des graphiques et visualisations de données puissants."
+tags: ["graphique", "exemple", "diagramme", "shortcodes"]
+showDate: false
+type: 'sample'
+---
+
+Blowfish prend en charge Chart.js via le shortcode `chart`. Enveloppez simplement le markup du graphique dans le shortcode. Blowfish adapte automatiquement les thèmes des graphiques au paramètre `colorScheme` configuré, mais les couleurs peuvent être personnalisées avec la syntaxe normale de Chart.js.
+
+Consultez la documentation du [shortcode chart]({{< ref "docs/shortcodes#chart" >}}) pour plus de détails.
+
+Les exemples ci-dessous sont une petite sélection tirée de la [documentation officielle de Chart.js](https://www.chartjs.org/docs/latest/samples). Vous pouvez également [voir le code source de la page](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) sur GitHub.
+
+## Graphique à barres
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet'],
+  datasets: [{
+    label: 'Mon premier dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 159, 64, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(54, 162, 235, 0.2)',
+      'rgba(153, 102, 255, 0.2)',
+      'rgba(201, 203, 207, 0.2)'
+    ],
+    borderColor: [
+      'rgb(255, 99, 132)',
+      'rgb(255, 159, 64)',
+      'rgb(255, 205, 86)',
+      'rgb(75, 192, 192)',
+      'rgb(54, 162, 235)',
+      'rgb(153, 102, 255)',
+      'rgb(201, 203, 207)'
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Graphique linéaire
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'line',
+data: {
+  labels: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet'],
+  datasets: [{
+    label: 'Mon premier dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    tension: 0.2
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Graphique en anneau
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'doughnut',
+data: {
+  labels: ['Rouge', 'Bleu', 'Jaune'],
+  datasets: [{
+    label: 'Mon premier dataset',
+    data: [300, 50, 100],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.7)',
+      'rgba(54, 162, 235, 0.7)',
+      'rgba(255, 205, 86, 0.7)'
+    ],
+    borderWidth: 0,
+    hoverOffset: 4
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->

exampleSite/content/samples/charts/index.pt-br.md

@@ -0,0 +1,87 @@
+---
+title: "Gráficos"
+date: 2019-03-06
+description: "Guia de uso do Chart.js no Blowfish"
+summary: "O Blowfish inclui Chart.js para gráficos e visualizações de dados poderosos."
+tags: ["gráfico", "exemplo", "diagrama", "shortcodes"]
+showDate: false
+type: 'sample'
+---
+
+O Blowfish suporta Chart.js usando o shortcode `chart`. Simplesmente envolva o markup do gráfico dentro do shortcode. O Blowfish automaticamente tematiza os gráficos para corresponder ao parâmetro `colorScheme` configurado, mas as cores podem ser personalizadas usando a sintaxe normal do Chart.js.
+
+Consulte a documentação do [shortcode chart]({{< ref "docs/shortcodes#chart" >}}) para mais detalhes.
+
+Os exemplos abaixo são uma pequena seleção tirada da [documentação oficial do Chart.js](https://www.chartjs.org/docs/latest/samples). Você também pode [ver o código-fonte da página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) no GitHub.
+
+## Gráfico de barras
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho'],
+  datasets: [{
+    label: 'Meu primeiro dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 159, 64, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(54, 162, 235, 0.2)',
+      'rgba(153, 102, 255, 0.2)',
+      'rgba(201, 203, 207, 0.2)'
+    ],
+    borderColor: [
+      'rgb(255, 99, 132)',
+      'rgb(255, 159, 64)',
+      'rgb(255, 205, 86)',
+      'rgb(75, 192, 192)',
+      'rgb(54, 162, 235)',
+      'rgb(153, 102, 255)',
+      'rgb(201, 203, 207)'
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de linhas
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'line',
+data: {
+  labels: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho'],
+  datasets: [{
+    label: 'Meu primeiro dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    tension: 0.2
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de rosca
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'doughnut',
+data: {
+  labels: ['Vermelho', 'Azul', 'Amarelo'],
+  datasets: [{
+    label: 'Meu primeiro dataset',
+    data: [300, 50, 100],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.7)',
+      'rgba(54, 162, 235, 0.7)',
+      'rgba(255, 205, 86, 0.7)'
+    ],
+    borderWidth: 0,
+    hoverOffset: 4
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->

exampleSite/content/samples/charts/index.pt-pt.md

@@ -0,0 +1,87 @@
+---
+title: "Gráficos"
+date: 2019-03-06
+description: "Guia de utilização do Chart.js no Blowfish"
+summary: "O Blowfish inclui Chart.js para gráficos e visualizações de dados poderosos."
+tags: ["gráfico", "exemplo", "diagrama", "shortcodes"]
+showDate: false
+type: 'sample'
+---
+
+O Blowfish suporta Chart.js utilizando o shortcode `chart`. Simplesmente envolva o markup do gráfico dentro do shortcode. O Blowfish automaticamente tematiza os gráficos para corresponder ao parâmetro `colorScheme` configurado, mas as cores podem ser personalizadas utilizando a sintaxe normal do Chart.js.
+
+Consulte a documentação do [shortcode chart]({{< ref "docs/shortcodes#chart" >}}) para mais detalhes.
+
+Os exemplos abaixo são uma pequena seleção tirada da [documentação oficial do Chart.js](https://www.chartjs.org/docs/latest/samples). Também pode [ver o código-fonte da página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) no GitHub.
+
+## Gráfico de barras
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'bar',
+data: {
+  labels: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho'],
+  datasets: [{
+    label: 'O meu primeiro dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.2)',
+      'rgba(255, 159, 64, 0.2)',
+      'rgba(255, 205, 86, 0.2)',
+      'rgba(75, 192, 192, 0.2)',
+      'rgba(54, 162, 235, 0.2)',
+      'rgba(153, 102, 255, 0.2)',
+      'rgba(201, 203, 207, 0.2)'
+    ],
+    borderColor: [
+      'rgb(255, 99, 132)',
+      'rgb(255, 159, 64)',
+      'rgb(255, 205, 86)',
+      'rgb(75, 192, 192)',
+      'rgb(54, 162, 235)',
+      'rgb(153, 102, 255)',
+      'rgb(201, 203, 207)'
+    ],
+    borderWidth: 1
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de linhas
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'line',
+data: {
+  labels: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho'],
+  datasets: [{
+    label: 'O meu primeiro dataset',
+    data: [65, 59, 80, 81, 56, 55, 40],
+    tension: 0.2
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->
+
+## Gráfico de rosca
+
+<!-- prettier-ignore-start -->
+{{< chart >}}
+type: 'doughnut',
+data: {
+  labels: ['Vermelho', 'Azul', 'Amarelo'],
+  datasets: [{
+    label: 'O meu primeiro dataset',
+    data: [300, 50, 100],
+    backgroundColor: [
+      'rgba(255, 99, 132, 0.7)',
+      'rgba(54, 162, 235, 0.7)',
+      'rgba(255, 205, 86, 0.7)'
+    ],
+    borderWidth: 0,
+    hoverOffset: 4
+  }]
+}
+{{< /chart >}}
+<!-- prettier-ignore-end -->

exampleSite/content/samples/diagrams-flowcharts/index.de.md

@@ -0,0 +1,93 @@
+---
+title: "Diagramme und Flussdiagramme"
+date: 2019-03-06
+description: "Anleitung zur Mermaid-Nutzung in Blowfish"
+summary: "Es ist einfach, Diagramme und Flussdiagramme zu Artikeln mit Mermaid hinzuzufügen."
+tags: ["mermaid", "beispiel", "diagramm", "shortcodes"]
+type: 'sample'
+---
+
+Mermaid-Diagramme werden in Blowfish mit dem `mermaid`-Shortcode unterstützt. Umschließen Sie einfach das Diagramm-Markup mit dem Shortcode. Blowfish passt Mermaid-Diagramme automatisch an den konfigurierten `colorScheme`-Parameter an.
+
+Weitere Details finden Sie in der [Mermaid-Shortcode]({{< ref "docs/shortcodes#mermaid" >}})-Dokumentation.
+
+Die folgenden Beispiele sind eine kleine Auswahl aus der [offiziellen Mermaid-Dokumentation](https://mermaid-js.github.io/mermaid/). Sie können auch [den Seitenquelltext](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) auf GitHub einsehen.
+
+## Flussdiagramm
+
+{{< mermaid >}}
+graph TD
+A[Christmas] -->|Get money| B(Go shopping)
+B --> C{Let me think}
+B --> G[/Another/]
+C ==>|One| D[Laptop]
+C -->|Two| E[iPhone]
+C -->|Three| F[Car]
+subgraph Section
+C
+D
+E
+F
+G
+end
+{{< /mermaid >}}
+
+## Sequenzdiagramm
+
+{{< mermaid >}}
+sequenceDiagram
+autonumber
+par Action 1
+Alice->>John: Hello John, how are you?
+and Action 2
+Alice->>Bob: Hello Bob, how are you?
+end
+Alice->>+John: Hello John, how are you?
+Alice->>+John: John, can you hear me?
+John-->>-Alice: Hi Alice, I can hear you!
+Note right of John: John is perceptive
+John-->>-Alice: I feel great!
+loop Every minute
+John-->Alice: Great!
+end
+{{< /mermaid >}}
+
+## Klassendiagramm
+
+{{< mermaid >}}
+classDiagram
+Animal "1" <|-- Duck
+Animal <|-- Fish
+Animal <--o Zebra
+Animal : +int age
+Animal : +String gender
+Animal: +isMammal()
+Animal: +mate()
+class Duck{
++String beakColor
++swim()
++quack()
+}
+class Fish{
+-int sizeInFeet
+-canEat()
+}
+class Zebra{
++bool is_wild
++run()
+}
+{{< /mermaid >}}
+
+## Entity-Relationship-Diagramm
+
+{{< mermaid >}}
+erDiagram
+CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+CUSTOMER ||--o{ ORDER : places
+CUSTOMER ||--o{ INVOICE : "liable for"
+DELIVERY-ADDRESS ||--o{ ORDER : receives
+INVOICE ||--|{ ORDER : covers
+ORDER ||--|{ ORDER-ITEM : includes
+PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+{{< /mermaid >}}

exampleSite/content/samples/diagrams-flowcharts/index.es.md

@@ -0,0 +1,93 @@
+---
+title: "Diagramas y diagramas de flujo"
+date: 2019-03-06
+description: "Guía de uso de Mermaid en Blowfish"
+summary: "Es fácil agregar diagramas y diagramas de flujo a los artículos usando Mermaid."
+tags: ["mermaid", "ejemplo", "diagrama", "shortcodes"]
+type: 'sample'
+---
+
+Los diagramas Mermaid son compatibles en Blowfish usando el shortcode `mermaid`. Simplemente envuelve el markup del diagrama dentro del shortcode. Blowfish adapta automáticamente los temas de los diagramas Mermaid al parámetro `colorScheme` configurado.
+
+Consulta la documentación del [shortcode mermaid]({{< ref "docs/shortcodes#mermaid" >}}) para más detalles.
+
+Los ejemplos siguientes son una pequeña selección tomada de la [documentación oficial de Mermaid](https://mermaid-js.github.io/mermaid/). También puedes [ver el código fuente de la página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) en GitHub.
+
+## Diagrama de flujo
+
+{{< mermaid >}}
+graph TD
+A[Christmas] -->|Get money| B(Go shopping)
+B --> C{Let me think}
+B --> G[/Another/]
+C ==>|One| D[Laptop]
+C -->|Two| E[iPhone]
+C -->|Three| F[Car]
+subgraph Section
+C
+D
+E
+F
+G
+end
+{{< /mermaid >}}
+
+## Diagrama de secuencia
+
+{{< mermaid >}}
+sequenceDiagram
+autonumber
+par Action 1
+Alice->>John: Hello John, how are you?
+and Action 2
+Alice->>Bob: Hello Bob, how are you?
+end
+Alice->>+John: Hello John, how are you?
+Alice->>+John: John, can you hear me?
+John-->>-Alice: Hi Alice, I can hear you!
+Note right of John: John is perceptive
+John-->>-Alice: I feel great!
+loop Every minute
+John-->Alice: Great!
+end
+{{< /mermaid >}}
+
+## Diagrama de clases
+
+{{< mermaid >}}
+classDiagram
+Animal "1" <|-- Duck
+Animal <|-- Fish
+Animal <--o Zebra
+Animal : +int age
+Animal : +String gender
+Animal: +isMammal()
+Animal: +mate()
+class Duck{
++String beakColor
++swim()
++quack()
+}
+class Fish{
+-int sizeInFeet
+-canEat()
+}
+class Zebra{
++bool is_wild
++run()
+}
+{{< /mermaid >}}
+
+## Diagrama entidad-relación
+
+{{< mermaid >}}
+erDiagram
+CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+CUSTOMER ||--o{ ORDER : places
+CUSTOMER ||--o{ INVOICE : "liable for"
+DELIVERY-ADDRESS ||--o{ ORDER : receives
+INVOICE ||--|{ ORDER : covers
+ORDER ||--|{ ORDER-ITEM : includes
+PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+{{< /mermaid >}}

exampleSite/content/samples/diagrams-flowcharts/index.fr.md

@@ -0,0 +1,93 @@
+---
+title: "Diagrammes et organigrammes"
+date: 2019-03-06
+description: "Guide d'utilisation de Mermaid dans Blowfish"
+summary: "Il est facile d'ajouter des diagrammes et organigrammes aux articles avec Mermaid."
+tags: ["mermaid", "exemple", "diagramme", "shortcodes"]
+type: 'sample'
+---
+
+Les diagrammes Mermaid sont pris en charge dans Blowfish via le shortcode `mermaid`. Enveloppez simplement le markup du diagramme dans le shortcode. Blowfish adapte automatiquement les thèmes des diagrammes Mermaid au paramètre `colorScheme` configuré.
+
+Consultez la documentation du [shortcode mermaid]({{< ref "docs/shortcodes#mermaid" >}}) pour plus de détails.
+
+Les exemples ci-dessous sont une petite sélection tirée de la [documentation officielle de Mermaid](https://mermaid-js.github.io/mermaid/). Vous pouvez également [voir le code source de la page](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) sur GitHub.
+
+## Organigramme
+
+{{< mermaid >}}
+graph TD
+A[Christmas] -->|Get money| B(Go shopping)
+B --> C{Let me think}
+B --> G[/Another/]
+C ==>|One| D[Laptop]
+C -->|Two| E[iPhone]
+C -->|Three| F[Car]
+subgraph Section
+C
+D
+E
+F
+G
+end
+{{< /mermaid >}}
+
+## Diagramme de séquence
+
+{{< mermaid >}}
+sequenceDiagram
+autonumber
+par Action 1
+Alice->>John: Hello John, how are you?
+and Action 2
+Alice->>Bob: Hello Bob, how are you?
+end
+Alice->>+John: Hello John, how are you?
+Alice->>+John: John, can you hear me?
+John-->>-Alice: Hi Alice, I can hear you!
+Note right of John: John is perceptive
+John-->>-Alice: I feel great!
+loop Every minute
+John-->Alice: Great!
+end
+{{< /mermaid >}}
+
+## Diagramme de classes
+
+{{< mermaid >}}
+classDiagram
+Animal "1" <|-- Duck
+Animal <|-- Fish
+Animal <--o Zebra
+Animal : +int age
+Animal : +String gender
+Animal: +isMammal()
+Animal: +mate()
+class Duck{
++String beakColor
++swim()
++quack()
+}
+class Fish{
+-int sizeInFeet
+-canEat()
+}
+class Zebra{
++bool is_wild
++run()
+}
+{{< /mermaid >}}
+
+## Diagramme entité-relation
+
+{{< mermaid >}}
+erDiagram
+CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+CUSTOMER ||--o{ ORDER : places
+CUSTOMER ||--o{ INVOICE : "liable for"
+DELIVERY-ADDRESS ||--o{ ORDER : receives
+INVOICE ||--|{ ORDER : covers
+ORDER ||--|{ ORDER-ITEM : includes
+PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+{{< /mermaid >}}

exampleSite/content/samples/diagrams-flowcharts/index.pt-br.md

@@ -0,0 +1,93 @@
+---
+title: "Diagramas e fluxogramas"
+date: 2019-03-06
+description: "Guia de uso do Mermaid no Blowfish"
+summary: "É fácil adicionar diagramas e fluxogramas aos artigos usando Mermaid."
+tags: ["mermaid", "exemplo", "diagrama", "shortcodes"]
+type: 'sample'
+---
+
+Diagramas Mermaid são suportados no Blowfish usando o shortcode `mermaid`. Simplesmente envolva o markup do diagrama dentro do shortcode. O Blowfish automaticamente tematiza os diagramas Mermaid para corresponder ao parâmetro `colorScheme` configurado.
+
+Consulte a documentação do [shortcode mermaid]({{< ref "docs/shortcodes#mermaid" >}}) para mais detalhes.
+
+Os exemplos abaixo são uma pequena seleção tirada da [documentação oficial do Mermaid](https://mermaid-js.github.io/mermaid/). Você também pode [ver o código-fonte da página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) no GitHub.
+
+## Fluxograma
+
+{{< mermaid >}}
+graph TD
+A[Christmas] -->|Get money| B(Go shopping)
+B --> C{Let me think}
+B --> G[/Another/]
+C ==>|One| D[Laptop]
+C -->|Two| E[iPhone]
+C -->|Three| F[Car]
+subgraph Section
+C
+D
+E
+F
+G
+end
+{{< /mermaid >}}
+
+## Diagrama de sequência
+
+{{< mermaid >}}
+sequenceDiagram
+autonumber
+par Action 1
+Alice->>John: Hello John, how are you?
+and Action 2
+Alice->>Bob: Hello Bob, how are you?
+end
+Alice->>+John: Hello John, how are you?
+Alice->>+John: John, can you hear me?
+John-->>-Alice: Hi Alice, I can hear you!
+Note right of John: John is perceptive
+John-->>-Alice: I feel great!
+loop Every minute
+John-->Alice: Great!
+end
+{{< /mermaid >}}
+
+## Diagrama de classes
+
+{{< mermaid >}}
+classDiagram
+Animal "1" <|-- Duck
+Animal <|-- Fish
+Animal <--o Zebra
+Animal : +int age
+Animal : +String gender
+Animal: +isMammal()
+Animal: +mate()
+class Duck{
++String beakColor
++swim()
++quack()
+}
+class Fish{
+-int sizeInFeet
+-canEat()
+}
+class Zebra{
++bool is_wild
++run()
+}
+{{< /mermaid >}}
+
+## Diagrama entidade-relacionamento
+
+{{< mermaid >}}
+erDiagram
+CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+CUSTOMER ||--o{ ORDER : places
+CUSTOMER ||--o{ INVOICE : "liable for"
+DELIVERY-ADDRESS ||--o{ ORDER : receives
+INVOICE ||--|{ ORDER : covers
+ORDER ||--|{ ORDER-ITEM : includes
+PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+{{< /mermaid >}}

exampleSite/content/samples/diagrams-flowcharts/index.pt-pt.md

@@ -0,0 +1,93 @@
+---
+title: "Diagramas e fluxogramas"
+date: 2019-03-06
+description: "Guia de utilização do Mermaid no Blowfish"
+summary: "É fácil adicionar diagramas e fluxogramas aos artigos utilizando Mermaid."
+tags: ["mermaid", "exemplo", "diagrama", "shortcodes"]
+type: 'sample'
+---
+
+Os diagramas Mermaid são suportados no Blowfish utilizando o shortcode `mermaid`. Simplesmente envolva o markup do diagrama dentro do shortcode. O Blowfish automaticamente tematiza os diagramas Mermaid para corresponder ao parâmetro `colorScheme` configurado.
+
+Consulte a documentação do [shortcode mermaid]({{< ref "docs/shortcodes#mermaid" >}}) para mais detalhes.
+
+Os exemplos abaixo são uma pequena seleção tirada da [documentação oficial do Mermaid](https://mermaid-js.github.io/mermaid/). Também pode [ver o código-fonte da página](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) no GitHub.
+
+## Fluxograma
+
+{{< mermaid >}}
+graph TD
+A[Christmas] -->|Get money| B(Go shopping)
+B --> C{Let me think}
+B --> G[/Another/]
+C ==>|One| D[Laptop]
+C -->|Two| E[iPhone]
+C -->|Three| F[Car]
+subgraph Section
+C
+D
+E
+F
+G
+end
+{{< /mermaid >}}
+
+## Diagrama de sequência
+
+{{< mermaid >}}
+sequenceDiagram
+autonumber
+par Action 1
+Alice->>John: Hello John, how are you?
+and Action 2
+Alice->>Bob: Hello Bob, how are you?
+end
+Alice->>+John: Hello John, how are you?
+Alice->>+John: John, can you hear me?
+John-->>-Alice: Hi Alice, I can hear you!
+Note right of John: John is perceptive
+John-->>-Alice: I feel great!
+loop Every minute
+John-->Alice: Great!
+end
+{{< /mermaid >}}
+
+## Diagrama de classes
+
+{{< mermaid >}}
+classDiagram
+Animal "1" <|-- Duck
+Animal <|-- Fish
+Animal <--o Zebra
+Animal : +int age
+Animal : +String gender
+Animal: +isMammal()
+Animal: +mate()
+class Duck{
++String beakColor
++swim()
++quack()
+}
+class Fish{
+-int sizeInFeet
+-canEat()
+}
+class Zebra{
++bool is_wild
++run()
+}
+{{< /mermaid >}}
+
+## Diagrama entidade-relação
+
+{{< mermaid >}}
+erDiagram
+CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+CUSTOMER ||--o{ ORDER : places
+CUSTOMER ||--o{ INVOICE : "liable for"
+DELIVERY-ADDRESS ||--o{ ORDER : receives
+INVOICE ||--|{ ORDER : covers
+ORDER ||--|{ ORDER-ITEM : includes
+PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+{{< /mermaid >}}

exampleSite/content/samples/emoji/index.de.md

@@ -0,0 +1,20 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Anleitung zur Emoji-Nutzung in Blowfish"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "beispiel"]
+type: 'sample'
+---
+
+Emoji wird in Blowfish standardmäßig unterstützt. Emoji kann in Titeln, Menüpunkten und Artikelinhalten verwendet werden.
+
+{{< alert >}}
+**Hinweis:** Die Darstellung dieser Symbole hängt vom Browser und der Plattform ab. Um Emoji zu gestalten, können Sie entweder eine Emoji-Schriftart eines Drittanbieters oder einen Font-Stack verwenden.
+{{< /alert >}}
+
+Emoji-Ersetzungen erfolgen in Blowfish automatisch, sodass Sie Kurzcode in Ihren Inhalten und Front Matter verwenden können und diese zur Build-Zeit in ihre entsprechenden Symbole umgewandelt werden.
+
+**Beispiel:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
+
+Der [Emoji-Spickzettel](http://www.emoji-cheat-sheet.com/) ist eine nützliche Referenz für Emoji-Kurzcodes.

exampleSite/content/samples/emoji/index.es.md

@@ -0,0 +1,20 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Guía de uso de Emoji en Blowfish"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "ejemplo"]
+type: 'sample'
+---
+
+Los emoji son compatibles en Blowfish de forma predeterminada. Los emoji se pueden usar en títulos, elementos de menú y contenido de artículos.
+
+{{< alert >}}
+**Nota:** La representación de estos glifos depende del navegador y la plataforma. Para dar estilo a los emoji, puedes usar una fuente de emoji de terceros o una pila de fuentes.
+{{< /alert >}}
+
+Los reemplazos de emoji son automáticos en Blowfish, por lo que puedes usar códigos abreviados en tu contenido y front matter, y se convertirán en sus símbolos correspondientes en el momento de la compilación.
+
+**Ejemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
+
+La [hoja de trucos de Emoji](http://www.emoji-cheat-sheet.com/) es una referencia útil para los códigos abreviados de emoji.

exampleSite/content/samples/emoji/index.fr.md

@@ -0,0 +1,20 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Guide d'utilisation des Emoji dans Blowfish"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "exemple"]
+type: 'sample'
+---
+
+Les emoji sont pris en charge par défaut dans Blowfish. Les emoji peuvent être utilisés dans les titres, les éléments de menu et le contenu des articles.
+
+{{< alert >}}
+**Note :** Le rendu de ces glyphes dépend du navigateur et de la plateforme. Pour styliser les emoji, vous pouvez utiliser une police emoji tierce ou une pile de polices.
+{{< /alert >}}
+
+Les remplacements d'emoji sont automatiques dans Blowfish, vous pouvez donc utiliser des codes abrégés dans votre contenu et front matter, et ils seront convertis en leurs symboles correspondants lors de la compilation.
+
+**Exemple :** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
+
+L'[aide-mémoire Emoji](http://www.emoji-cheat-sheet.com/) est une référence utile pour les codes abrégés emoji.

exampleSite/content/samples/emoji/index.pt-br.md

@@ -0,0 +1,20 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Guia de uso de Emoji no Blowfish"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "exemplo"]
+type: 'sample'
+---
+
+Emoji é suportado em todo o Blowfish por padrão. Emoji pode ser usado em títulos, itens de menu e conteúdo de artigos.
+
+{{< alert >}}
+**Nota:** A renderização desses glifos depende do navegador e da plataforma. Para estilizar os emoji, você pode usar uma fonte de emoji de terceiros ou uma pilha de fontes.
+{{< /alert >}}
+
+As substituições de emoji são automáticas em todo o Blowfish, então você pode usar códigos abreviados em seu conteúdo e front matter, e eles serão convertidos em seus símbolos correspondentes no momento da compilação.
+
+**Exemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
+
+A [folha de dicas de Emoji](http://www.emoji-cheat-sheet.com/) é uma referência útil para códigos abreviados de emoji.

exampleSite/content/samples/emoji/index.pt-pt.md

@@ -0,0 +1,20 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Guia de utilização de Emoji no Blowfish"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "exemplo"]
+type: 'sample'
+---
+
+O Emoji é suportado em todo o Blowfish por predefinição. Os emoji podem ser utilizados em títulos, itens de menu e conteúdo de artigos.
+
+{{< alert >}}
+**Nota:** A renderização destes glifos depende do navegador e da plataforma. Para estilizar os emoji, pode utilizar uma fonte de emoji de terceiros ou uma pilha de fontes.
+{{< /alert >}}
+
+As substituições de emoji são automáticas em todo o Blowfish, pelo que pode utilizar códigos abreviados no seu conteúdo e front matter, e eles serão convertidos nos seus símbolos correspondentes no momento da compilação.
+
+**Exemplo:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
+
+A [folha de referência de Emoji](http://www.emoji-cheat-sheet.com/) é uma referência útil para códigos abreviados de emoji.

exampleSite/content/samples/external/index.de.md

@@ -0,0 +1,15 @@
+---
+title: "Ein externer Artikel"
+date: 2019-01-24
+externalUrl: "https://n9o.xyz/projects/"
+summary: "Der `externalUrl` Front-Matter-Parameter kann auf jede URL verweisen."
+showReadingTime: true
+build:
+  render: "false"
+  list: "local"
+type: 'sample'
+---
+
+Diese Seite verwendet den `externalUrl` Front-Matter-Parameter, um auf einen Artikel außerhalb dieser Hugo-Website zu verlinken.
+
+Es ist großartig für Dinge wie das Verlinken auf Beiträge auf Medium oder auf wissenschaftliche Arbeiten, die Sie möglicherweise auf Websites von Drittanbietern hosten.

exampleSite/content/samples/external/index.es.md

@@ -0,0 +1,15 @@
+---
+title: "Un artículo externo"
+date: 2019-01-24
+externalUrl: "https://n9o.xyz/projects/"
+summary: "El parámetro front matter `externalUrl` puede enlazar a cualquier URL."
+showReadingTime: true
+build:
+  render: "false"
+  list: "local"
+type: 'sample'
+---
+
+Esta página usa el parámetro front matter `externalUrl` para enlazar a un artículo fuera de este sitio Hugo.
+
+Es genial para cosas como enlazar a publicaciones en Medium o a artículos de investigación que puedas tener alojados en sitios web de terceros.

exampleSite/content/samples/external/index.fr.md

@@ -0,0 +1,15 @@
+---
+title: "Un article externe"
+date: 2019-01-24
+externalUrl: "https://n9o.xyz/projects/"
+summary: "Le paramètre front matter `externalUrl` peut lier vers n'importe quelle URL."
+showReadingTime: true
+build:
+  render: "false"
+  list: "local"
+type: 'sample'
+---
+
+Cette page utilise le paramètre front matter `externalUrl` pour lier vers un article en dehors de ce site Hugo.
+
+C'est idéal pour des choses comme lier vers des publications sur Medium ou vers des articles de recherche que vous pourriez héberger sur des sites tiers.

exampleSite/content/samples/external/index.pt-br.md

@@ -0,0 +1,15 @@
+---
+title: "Um artigo externo"
+date: 2019-01-24
+externalUrl: "https://n9o.xyz/projects/"
+summary: "O parâmetro front matter `externalUrl` pode vincular a qualquer URL."
+showReadingTime: true
+build:
+  render: "false"
+  list: "local"
+type: 'sample'
+---
+
+Esta página usa o parâmetro front matter `externalUrl` para vincular a um artigo fora deste site Hugo.
+
+É ótimo para coisas como vincular a publicações no Medium ou a artigos de pesquisa que você pode ter hospedados em sites de terceiros.

exampleSite/content/samples/external/index.pt-pt.md

@@ -0,0 +1,15 @@
+---
+title: "Um artigo externo"
+date: 2019-01-24
+externalUrl: "https://n9o.xyz/projects/"
+summary: "O parâmetro front matter `externalUrl` pode ligar a qualquer URL."
+showReadingTime: true
+build:
+  render: "false"
+  list: "local"
+type: 'sample'
+---
+
+Esta página utiliza o parâmetro front matter `externalUrl` para ligar a um artigo fora deste site Hugo.
+
+É excelente para coisas como ligar a publicações no Medium ou a artigos de investigação que possa ter alojados em sites de terceiros.

exampleSite/content/samples/icons/index.de.md

@@ -0,0 +1,130 @@
+---
+title: "Icons"
+date: 2020-08-14
+lastmod: 2022-03-09
+draft: false
+description: "Icon-Unterstützung in Blowfish."
+slug: "icons"
+tags: ["icons", "beispiel", "shortcodes"]
+type: 'sample'
+---
+
+Blowfish hat integrierte Unterstützung für eine Reihe von [FontAwesome 6](https://fontawesome.com/icons) Icons. Diese können über das [Icon-Partial]({{< ref "docs/partials#icon" >}}) oder den [Icon-Shortcode]({{< ref "docs/shortcodes#icon" >}}) in Ihre Website eingebunden werden.
+
+Zusätzlich werden benutzerdefinierte Icons vollständig unterstützt. Stellen Sie einfach Ihre eigenen SVG-Icon-Assets bereit, indem Sie sie im Verzeichnis `assets/icons/` im Stammverzeichnis Ihres Projekts platzieren. Alle Icons im Icons-Verzeichnis sind dann im gesamten Theme verfügbar. Um die automatische Farbfüllung zu erreichen, benötigt jeder SVG-Pfad das XML-Attribut `fill="currentColor"`.
+
+Die vollständige Liste der integrierten Icons und ihre entsprechenden Namen finden Sie unten.
+
+| Icon-Name            | Vorschau                          |
+| -------------------- | --------------------------------- |
+| amazon               | {{< icon amazon >}}               |
+| apple                | {{< icon apple >}}                |
+| bars                 | {{< icon bars >}}                 |
+| bell                 | {{< icon bell >}}                 |
+| blogger              | {{< icon blogger >}}              |
+| bluesky              | {{< icon bluesky >}}              |
+| bomb                 | {{< icon bomb >}}                 |
+| bug                  | {{< icon bug >}}                  |
+| check                | {{< icon check >}}                |
+| circle-info          | {{< icon circle-info >}}          |
+| cloud                | {{< icon cloud >}}                |
+| cloud-moon           | {{< icon cloud-moon >}}           |
+| code                 | {{< icon code>}}                  |
+| codeberg             | {{< icon codeberg >}}             |
+| codepen              | {{< icon codepen >}}              |
+| comment              | {{< icon comment >}}              |
+| dev                  | {{< icon dev >}}                  |
+| discourse            | {{< icon discourse >}}            |
+| docker               | {{< icon docker >}}               |
+| download             | {{< icon download >}}             |
+| dribbble             | {{< icon dribbble >}}             |
+| edit                 | {{< icon edit >}}                 |
+| email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
+| eye                  | {{< icon eye >}}                  |
+| facebook             | {{< icon facebook >}}             |
+| fediverse            | {{< icon fediverse >}}            |
+| fire                 | {{< icon fire >}}                 |
+| flickr               | {{< icon flickr >}}               |
+| fork                 | {{< icon fork >}}                 |
+| foursquare           | {{< icon foursquare >}}           |
+| ghost                | {{< icon ghost >}}                |
+| github               | {{< icon github >}}               |
+| gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
+| goodreads            | {{< icon goodreads >}}            |
+| google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
+| graduation-cap       | {{< icon graduation-cap >}}       |
+| hackernews           | {{< icon hackernews >}}           |
+| hashnode             | {{< icon hashnode >}}             |
+| heart-empty          | {{< icon heart-empty >}}          |
+| heart                | {{< icon heart >}}                |
+| image                | {{< icon image >}}                |
+| instagram            | {{< icon instagram >}}            |
+| itch-io              | {{< icon itch-io >}}              |
+| keybase              | {{< icon keybase >}}              |
+| keyoxide             | {{< icon keyoxide >}}             |
+| kickstarter          | {{< icon kickstarter >}}          |
+| ko-fi                | {{< icon ko-fi >}}                |
+| language             | {{< icon language >}}             |
+| lastfm               | {{< icon lastfm >}}               |
+| lightbulb            | {{< icon lightbulb >}}            |
+| line                 | {{< icon line >}}                 |
+| link                 | {{< icon link >}}                 |
+| linkedin             | {{< icon linkedin >}}             |
+| list                 | {{< icon list >}}                 |
+| location-dot         | {{< icon location-dot >}}         |
+| lock                 | {{< icon lock >}}                 |
+| mastodon             | {{< icon mastodon >}}             |
+| matrix               | {{< icon matrix >}}               |
+| medium               | {{< icon medium >}}               |
+| microsoft            | {{< icon microsoft >}}            |
+| moon                 | {{< icon moon >}}                 |
+| mug-hot              | {{< icon mug-hot >}}              |
+| music                | {{< icon music >}}                |
+| orcid                | {{< icon orcid >}}                |
+| patreon              | {{< icon patreon >}}              |
+| paypal               | {{< icon paypal >}}               |
+| peertube             | {{< icon peertube >}}             |
+| pencil               | {{< icon pencil >}}               |
+| pgpkey               | {{< icon pgpkey >}}               |
+| phone                | {{< icon phone >}}                |
+| pinterest            | {{< icon pinterest >}}            |
+| pixelfed             | {{< icon pixelfed >}}             |
+| poo                  | {{< icon poo >}}                  |
+| reddit               | {{< icon reddit >}}               |
+| researchgate         | {{< icon researchgate >}}         |
+| rss                  | {{< icon rss >}}                  |
+| rss-square           | {{< icon rss-square >}}           |
+| scale-balanced       | {{< icon scale-balanced >}}       |
+| search               | {{< icon search >}}               |
+| shield               | {{< icon shield >}}               |
+| signal               | {{< icon signal >}}               |
+| skull-crossbones     | {{< icon skull-crossbones >}}     |
+| slack                | {{< icon slack >}}                |
+| snapchat             | {{< icon snapchat >}}             |
+| soundcloud           | {{< icon soundcloud >}}           |
+| spotify              | {{< icon spotify >}}              |
+| stack-overflow       | {{< icon stack-overflow >}}       |
+| star                 | {{< icon star >}}                 |
+| steam                | {{< icon steam >}}                |
+| stripe               | {{< icon stripe >}}               |
+| substack             | {{< icon substack >}}             |
+| sun                  | {{< icon sun >}}                  |
+| tag                  | {{< icon tag >}}                  |
+| telegram             | {{< icon telegram >}}             |
+| threads              | {{< icon threads >}}              |
+| tiktok               | {{< icon tiktok >}}               |
+| triangle-exclamation | {{< icon triangle-exclamation >}} |
+| tumblr               | {{< icon tumblr >}}               |
+| twitch               | {{< icon twitch >}}               |
+| twitter              | {{< icon twitter >}}              |
+| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
+| whatsapp             | {{< icon whatsapp >}}             |
+| worktree             | {{< icon worktree >}}             |
+| x-twitter            | {{< icon x-twitter >}}            |
+| xing                 | {{< icon xing >}}                 |
+| xmark                | {{< icon xmark >}}                |
+| youtube              | {{< icon youtube >}}              |

exampleSite/content/samples/icons/index.es.md

@@ -0,0 +1,130 @@
+---
+title: "Iconos"
+date: 2020-08-14
+lastmod: 2022-03-09
+draft: false
+description: "Soporte de iconos en Blowfish."
+slug: "icons"
+tags: ["iconos", "ejemplo", "shortcodes"]
+type: 'sample'
+---
+
+Blowfish tiene soporte integrado para varios iconos de [FontAwesome 6](https://fontawesome.com/icons). Estos pueden incluirse en tu sitio web a través del [partial icon]({{< ref "docs/partials#icon" >}}) o el [shortcode icon]({{< ref "docs/shortcodes#icon" >}}).
+
+Además, los iconos personalizados también son totalmente compatibles. Simplemente proporciona tus propios assets de iconos SVG colocándolos en el directorio `assets/icons/` en la raíz de tu proyecto. Todos los iconos en el directorio de iconos estarán disponibles en todo el tema. Para lograr el relleno automático de color, cada ruta SVG necesita el atributo XML `fill="currentColor"`.
+
+La lista completa de iconos integrados y sus nombres correspondientes se puede consultar a continuación.
+
+| Nombre del icono     | Vista previa                      |
+| -------------------- | --------------------------------- |
+| amazon               | {{< icon amazon >}}               |
+| apple                | {{< icon apple >}}                |
+| bars                 | {{< icon bars >}}                 |
+| bell                 | {{< icon bell >}}                 |
+| blogger              | {{< icon blogger >}}              |
+| bluesky              | {{< icon bluesky >}}              |
+| bomb                 | {{< icon bomb >}}                 |
+| bug                  | {{< icon bug >}}                  |
+| check                | {{< icon check >}}                |
+| circle-info          | {{< icon circle-info >}}          |
+| cloud                | {{< icon cloud >}}                |
+| cloud-moon           | {{< icon cloud-moon >}}           |
+| code                 | {{< icon code>}}                  |
+| codeberg             | {{< icon codeberg >}}             |
+| codepen              | {{< icon codepen >}}              |
+| comment              | {{< icon comment >}}              |
+| dev                  | {{< icon dev >}}                  |
+| discourse            | {{< icon discourse >}}            |
+| docker               | {{< icon docker >}}               |
+| download             | {{< icon download >}}             |
+| dribbble             | {{< icon dribbble >}}             |
+| edit                 | {{< icon edit >}}                 |
+| email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
+| eye                  | {{< icon eye >}}                  |
+| facebook             | {{< icon facebook >}}             |
+| fediverse            | {{< icon fediverse >}}            |
+| fire                 | {{< icon fire >}}                 |
+| flickr               | {{< icon flickr >}}               |
+| fork                 | {{< icon fork >}}                 |
+| foursquare           | {{< icon foursquare >}}           |
+| ghost                | {{< icon ghost >}}                |
+| github               | {{< icon github >}}               |
+| gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
+| goodreads            | {{< icon goodreads >}}            |
+| google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
+| graduation-cap       | {{< icon graduation-cap >}}       |
+| hackernews           | {{< icon hackernews >}}           |
+| hashnode             | {{< icon hashnode >}}             |
+| heart-empty          | {{< icon heart-empty >}}          |
+| heart                | {{< icon heart >}}                |
+| image                | {{< icon image >}}                |
+| instagram            | {{< icon instagram >}}            |
+| itch-io              | {{< icon itch-io >}}              |
+| keybase              | {{< icon keybase >}}              |
+| keyoxide             | {{< icon keyoxide >}}             |
+| kickstarter          | {{< icon kickstarter >}}          |
+| ko-fi                | {{< icon ko-fi >}}                |
+| language             | {{< icon language >}}             |
+| lastfm               | {{< icon lastfm >}}               |
+| lightbulb            | {{< icon lightbulb >}}            |
+| line                 | {{< icon line >}}                 |
+| link                 | {{< icon link >}}                 |
+| linkedin             | {{< icon linkedin >}}             |
+| list                 | {{< icon list >}}                 |
+| location-dot         | {{< icon location-dot >}}         |
+| lock                 | {{< icon lock >}}                 |
+| mastodon             | {{< icon mastodon >}}             |
+| matrix               | {{< icon matrix >}}               |
+| medium               | {{< icon medium >}}               |
+| microsoft            | {{< icon microsoft >}}            |
+| moon                 | {{< icon moon >}}                 |
+| mug-hot              | {{< icon mug-hot >}}              |
+| music                | {{< icon music >}}                |
+| orcid                | {{< icon orcid >}}                |
+| patreon              | {{< icon patreon >}}              |
+| paypal               | {{< icon paypal >}}               |
+| peertube             | {{< icon peertube >}}             |
+| pencil               | {{< icon pencil >}}               |
+| pgpkey               | {{< icon pgpkey >}}               |
+| phone                | {{< icon phone >}}                |
+| pinterest            | {{< icon pinterest >}}            |
+| pixelfed             | {{< icon pixelfed >}}             |
+| poo                  | {{< icon poo >}}                  |
+| reddit               | {{< icon reddit >}}               |
+| researchgate         | {{< icon researchgate >}}         |
+| rss                  | {{< icon rss >}}                  |
+| rss-square           | {{< icon rss-square >}}           |
+| scale-balanced       | {{< icon scale-balanced >}}       |
+| search               | {{< icon search >}}               |
+| shield               | {{< icon shield >}}               |
+| signal               | {{< icon signal >}}               |
+| skull-crossbones     | {{< icon skull-crossbones >}}     |
+| slack                | {{< icon slack >}}                |
+| snapchat             | {{< icon snapchat >}}             |
+| soundcloud           | {{< icon soundcloud >}}           |
+| spotify              | {{< icon spotify >}}              |
+| stack-overflow       | {{< icon stack-overflow >}}       |
+| star                 | {{< icon star >}}                 |
+| steam                | {{< icon steam >}}                |
+| stripe               | {{< icon stripe >}}               |
+| substack             | {{< icon substack >}}             |
+| sun                  | {{< icon sun >}}                  |
+| tag                  | {{< icon tag >}}                  |
+| telegram             | {{< icon telegram >}}             |
+| threads              | {{< icon threads >}}              |
+| tiktok               | {{< icon tiktok >}}               |
+| triangle-exclamation | {{< icon triangle-exclamation >}} |
+| tumblr               | {{< icon tumblr >}}               |
+| twitch               | {{< icon twitch >}}               |
+| twitter              | {{< icon twitter >}}              |
+| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
+| whatsapp             | {{< icon whatsapp >}}             |
+| worktree             | {{< icon worktree >}}             |
+| x-twitter            | {{< icon x-twitter >}}            |
+| xing                 | {{< icon xing >}}                 |
+| xmark                | {{< icon xmark >}}                |
+| youtube              | {{< icon youtube >}}              |

exampleSite/content/samples/icons/index.fr.md

@@ -0,0 +1,130 @@
+---
+title: "Icônes"
+date: 2020-08-14
+lastmod: 2022-03-09
+draft: false
+description: "Support des icônes dans Blowfish."
+slug: "icons"
+tags: ["icônes", "exemple", "shortcodes"]
+type: 'sample'
+---
+
+Blowfish prend en charge nativement un certain nombre d'icônes [FontAwesome 6](https://fontawesome.com/icons). Celles-ci peuvent être incluses dans votre site via le [partial icon]({{< ref "docs/partials#icon" >}}) ou le [shortcode icon]({{< ref "docs/shortcodes#icon" >}}).
+
+De plus, les icônes personnalisées sont entièrement prises en charge. Fournissez simplement vos propres assets d'icônes SVG en les plaçant dans le répertoire `assets/icons/` à la racine de votre projet. Toutes les icônes du répertoire icons seront alors disponibles dans tout le thème. Pour obtenir le remplissage automatique des couleurs, chaque chemin SVG doit avoir l'attribut XML `fill="currentColor"`.
+
+La liste complète des icônes intégrées et leurs noms correspondants est référencée ci-dessous.
+
+| Nom de l'icône       | Aperçu                            |
+| -------------------- | --------------------------------- |
+| amazon               | {{< icon amazon >}}               |
+| apple                | {{< icon apple >}}                |
+| bars                 | {{< icon bars >}}                 |
+| bell                 | {{< icon bell >}}                 |
+| blogger              | {{< icon blogger >}}              |
+| bluesky              | {{< icon bluesky >}}              |
+| bomb                 | {{< icon bomb >}}                 |
+| bug                  | {{< icon bug >}}                  |
+| check                | {{< icon check >}}                |
+| circle-info          | {{< icon circle-info >}}          |
+| cloud                | {{< icon cloud >}}                |
+| cloud-moon           | {{< icon cloud-moon >}}           |
+| code                 | {{< icon code>}}                  |
+| codeberg             | {{< icon codeberg >}}             |
+| codepen              | {{< icon codepen >}}              |
+| comment              | {{< icon comment >}}              |
+| dev                  | {{< icon dev >}}                  |
+| discourse            | {{< icon discourse >}}            |
+| docker               | {{< icon docker >}}               |
+| download             | {{< icon download >}}             |
+| dribbble             | {{< icon dribbble >}}             |
+| edit                 | {{< icon edit >}}                 |
+| email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
+| eye                  | {{< icon eye >}}                  |
+| facebook             | {{< icon facebook >}}             |
+| fediverse            | {{< icon fediverse >}}            |
+| fire                 | {{< icon fire >}}                 |
+| flickr               | {{< icon flickr >}}               |
+| fork                 | {{< icon fork >}}                 |
+| foursquare           | {{< icon foursquare >}}           |
+| ghost                | {{< icon ghost >}}                |
+| github               | {{< icon github >}}               |
+| gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
+| goodreads            | {{< icon goodreads >}}            |
+| google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
+| graduation-cap       | {{< icon graduation-cap >}}       |
+| hackernews           | {{< icon hackernews >}}           |
+| hashnode             | {{< icon hashnode >}}             |
+| heart-empty          | {{< icon heart-empty >}}          |
+| heart                | {{< icon heart >}}                |
+| image                | {{< icon image >}}                |
+| instagram            | {{< icon instagram >}}            |
+| itch-io              | {{< icon itch-io >}}              |
+| keybase              | {{< icon keybase >}}              |
+| keyoxide             | {{< icon keyoxide >}}             |
+| kickstarter          | {{< icon kickstarter >}}          |
+| ko-fi                | {{< icon ko-fi >}}                |
+| language             | {{< icon language >}}             |
+| lastfm               | {{< icon lastfm >}}               |
+| lightbulb            | {{< icon lightbulb >}}            |
+| line                 | {{< icon line >}}                 |
+| link                 | {{< icon link >}}                 |
+| linkedin             | {{< icon linkedin >}}             |
+| list                 | {{< icon list >}}                 |
+| location-dot         | {{< icon location-dot >}}         |
+| lock                 | {{< icon lock >}}                 |
+| mastodon             | {{< icon mastodon >}}             |
+| matrix               | {{< icon matrix >}}               |
+| medium               | {{< icon medium >}}               |
+| microsoft            | {{< icon microsoft >}}            |
+| moon                 | {{< icon moon >}}                 |
+| mug-hot              | {{< icon mug-hot >}}              |
+| music                | {{< icon music >}}                |
+| orcid                | {{< icon orcid >}}                |
+| patreon              | {{< icon patreon >}}              |
+| paypal               | {{< icon paypal >}}               |
+| peertube             | {{< icon peertube >}}             |
+| pencil               | {{< icon pencil >}}               |
+| pgpkey               | {{< icon pgpkey >}}               |
+| phone                | {{< icon phone >}}                |
+| pinterest            | {{< icon pinterest >}}            |
+| pixelfed             | {{< icon pixelfed >}}             |
+| poo                  | {{< icon poo >}}                  |
+| reddit               | {{< icon reddit >}}               |
+| researchgate         | {{< icon researchgate >}}         |
+| rss                  | {{< icon rss >}}                  |
+| rss-square           | {{< icon rss-square >}}           |
+| scale-balanced       | {{< icon scale-balanced >}}       |
+| search               | {{< icon search >}}               |
+| shield               | {{< icon shield >}}               |
+| signal               | {{< icon signal >}}               |
+| skull-crossbones     | {{< icon skull-crossbones >}}     |
+| slack                | {{< icon slack >}}                |
+| snapchat             | {{< icon snapchat >}}             |
+| soundcloud           | {{< icon soundcloud >}}           |
+| spotify              | {{< icon spotify >}}              |
+| stack-overflow       | {{< icon stack-overflow >}}       |
+| star                 | {{< icon star >}}                 |
+| steam                | {{< icon steam >}}                |
+| stripe               | {{< icon stripe >}}               |
+| substack             | {{< icon substack >}}             |
+| sun                  | {{< icon sun >}}                  |
+| tag                  | {{< icon tag >}}                  |
+| telegram             | {{< icon telegram >}}             |
+| threads              | {{< icon threads >}}              |
+| tiktok               | {{< icon tiktok >}}               |
+| triangle-exclamation | {{< icon triangle-exclamation >}} |
+| tumblr               | {{< icon tumblr >}}               |
+| twitch               | {{< icon twitch >}}               |
+| twitter              | {{< icon twitter >}}              |
+| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
+| whatsapp             | {{< icon whatsapp >}}             |
+| worktree             | {{< icon worktree >}}             |
+| x-twitter            | {{< icon x-twitter >}}            |
+| xing                 | {{< icon xing >}}                 |
+| xmark                | {{< icon xmark >}}                |
+| youtube              | {{< icon youtube >}}              |

exampleSite/content/samples/icons/index.pt-br.md

@@ -0,0 +1,130 @@
+---
+title: "Ícones"
+date: 2020-08-14
+lastmod: 2022-03-09
+draft: false
+description: "Suporte a ícones no Blowfish."
+slug: "icons"
+tags: ["ícones", "exemplo", "shortcodes"]
+type: 'sample'
+---
+
+O Blowfish tem suporte integrado para vários ícones do [FontAwesome 6](https://fontawesome.com/icons). Estes podem ser incluídos no seu site através do [partial icon]({{< ref "docs/partials#icon" >}}) ou do [shortcode icon]({{< ref "docs/shortcodes#icon" >}}).
+
+Além disso, ícones personalizados também são totalmente suportados. Simplesmente forneça seus próprios assets de ícones SVG colocando-os no diretório `assets/icons/` na raiz do seu projeto. Todos os ícones no diretório de ícones estarão disponíveis em todo o tema. Para obter o preenchimento automático de cor, cada caminho SVG precisa do atributo XML `fill="currentColor"`.
+
+A lista completa de ícones integrados e seus nomes correspondentes pode ser consultada abaixo.
+
+| Nome do ícone        | Visualização                      |
+| -------------------- | --------------------------------- |
+| amazon               | {{< icon amazon >}}               |
+| apple                | {{< icon apple >}}                |
+| bars                 | {{< icon bars >}}                 |
+| bell                 | {{< icon bell >}}                 |
+| blogger              | {{< icon blogger >}}              |
+| bluesky              | {{< icon bluesky >}}              |
+| bomb                 | {{< icon bomb >}}                 |
+| bug                  | {{< icon bug >}}                  |
+| check                | {{< icon check >}}                |
+| circle-info          | {{< icon circle-info >}}          |
+| cloud                | {{< icon cloud >}}                |
+| cloud-moon           | {{< icon cloud-moon >}}           |
+| code                 | {{< icon code>}}                  |
+| codeberg             | {{< icon codeberg >}}             |
+| codepen              | {{< icon codepen >}}              |
+| comment              | {{< icon comment >}}              |
+| dev                  | {{< icon dev >}}                  |
+| discourse            | {{< icon discourse >}}            |
+| docker               | {{< icon docker >}}               |
+| download             | {{< icon download >}}             |
+| dribbble             | {{< icon dribbble >}}             |
+| edit                 | {{< icon edit >}}                 |
+| email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
+| eye                  | {{< icon eye >}}                  |
+| facebook             | {{< icon facebook >}}             |
+| fediverse            | {{< icon fediverse >}}            |
+| fire                 | {{< icon fire >}}                 |
+| flickr               | {{< icon flickr >}}               |
+| fork                 | {{< icon fork >}}                 |
+| foursquare           | {{< icon foursquare >}}           |
+| ghost                | {{< icon ghost >}}                |
+| github               | {{< icon github >}}               |
+| gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
+| goodreads            | {{< icon goodreads >}}            |
+| google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
+| graduation-cap       | {{< icon graduation-cap >}}       |
+| hackernews           | {{< icon hackernews >}}           |
+| hashnode             | {{< icon hashnode >}}             |
+| heart-empty          | {{< icon heart-empty >}}          |
+| heart                | {{< icon heart >}}                |
+| image                | {{< icon image >}}                |
+| instagram            | {{< icon instagram >}}            |
+| itch-io              | {{< icon itch-io >}}              |
+| keybase              | {{< icon keybase >}}              |
+| keyoxide             | {{< icon keyoxide >}}             |
+| kickstarter          | {{< icon kickstarter >}}          |
+| ko-fi                | {{< icon ko-fi >}}                |
+| language             | {{< icon language >}}             |
+| lastfm               | {{< icon lastfm >}}               |
+| lightbulb            | {{< icon lightbulb >}}            |
+| line                 | {{< icon line >}}                 |
+| link                 | {{< icon link >}}                 |
+| linkedin             | {{< icon linkedin >}}             |
+| list                 | {{< icon list >}}                 |
+| location-dot         | {{< icon location-dot >}}         |
+| lock                 | {{< icon lock >}}                 |
+| mastodon             | {{< icon mastodon >}}             |
+| matrix               | {{< icon matrix >}}               |
+| medium               | {{< icon medium >}}               |
+| microsoft            | {{< icon microsoft >}}            |
+| moon                 | {{< icon moon >}}                 |
+| mug-hot              | {{< icon mug-hot >}}              |
+| music                | {{< icon music >}}                |
+| orcid                | {{< icon orcid >}}                |
+| patreon              | {{< icon patreon >}}              |
+| paypal               | {{< icon paypal >}}               |
+| peertube             | {{< icon peertube >}}             |
+| pencil               | {{< icon pencil >}}               |
+| pgpkey               | {{< icon pgpkey >}}               |
+| phone                | {{< icon phone >}}                |
+| pinterest            | {{< icon pinterest >}}            |
+| pixelfed             | {{< icon pixelfed >}}             |
+| poo                  | {{< icon poo >}}                  |
+| reddit               | {{< icon reddit >}}               |
+| researchgate         | {{< icon researchgate >}}         |
+| rss                  | {{< icon rss >}}                  |
+| rss-square           | {{< icon rss-square >}}           |
+| scale-balanced       | {{< icon scale-balanced >}}       |
+| search               | {{< icon search >}}               |
+| shield               | {{< icon shield >}}               |
+| signal               | {{< icon signal >}}               |
+| skull-crossbones     | {{< icon skull-crossbones >}}     |
+| slack                | {{< icon slack >}}                |
+| snapchat             | {{< icon snapchat >}}             |
+| soundcloud           | {{< icon soundcloud >}}           |
+| spotify              | {{< icon spotify >}}              |
+| stack-overflow       | {{< icon stack-overflow >}}       |
+| star                 | {{< icon star >}}                 |
+| steam                | {{< icon steam >}}                |
+| stripe               | {{< icon stripe >}}               |
+| substack             | {{< icon substack >}}             |
+| sun                  | {{< icon sun >}}                  |
+| tag                  | {{< icon tag >}}                  |
+| telegram             | {{< icon telegram >}}             |
+| threads              | {{< icon threads >}}              |
+| tiktok               | {{< icon tiktok >}}               |
+| triangle-exclamation | {{< icon triangle-exclamation >}} |
+| tumblr               | {{< icon tumblr >}}               |
+| twitch               | {{< icon twitch >}}               |
+| twitter              | {{< icon twitter >}}              |
+| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
+| whatsapp             | {{< icon whatsapp >}}             |
+| worktree             | {{< icon worktree >}}             |
+| x-twitter            | {{< icon x-twitter >}}            |
+| xing                 | {{< icon xing >}}                 |
+| xmark                | {{< icon xmark >}}                |
+| youtube              | {{< icon youtube >}}              |

exampleSite/content/samples/icons/index.pt-pt.md

@@ -0,0 +1,130 @@
+---
+title: "Ícones"
+date: 2020-08-14
+lastmod: 2022-03-09
+draft: false
+description: "Suporte a ícones no Blowfish."
+slug: "icons"
+tags: ["ícones", "exemplo", "shortcodes"]
+type: 'sample'
+---
+
+O Blowfish tem suporte integrado para vários ícones do [FontAwesome 6](https://fontawesome.com/icons). Estes podem ser incluídos no seu site através do [partial icon]({{< ref "docs/partials#icon" >}}) ou do [shortcode icon]({{< ref "docs/shortcodes#icon" >}}).
+
+Além disso, os ícones personalizados também são totalmente suportados. Simplesmente forneça os seus próprios assets de ícones SVG colocando-os no diretório `assets/icons/` na raiz do seu projeto. Todos os ícones no diretório de ícones estarão disponíveis em todo o tema. Para obter o preenchimento automático de cor, cada caminho SVG necessita do atributo XML `fill="currentColor"`.
+
+A lista completa de ícones integrados e os seus nomes correspondentes pode ser consultada abaixo.
+
+| Nome do ícone        | Pré-visualização                  |
+| -------------------- | --------------------------------- |
+| amazon               | {{< icon amazon >}}               |
+| apple                | {{< icon apple >}}                |
+| bars                 | {{< icon bars >}}                 |
+| bell                 | {{< icon bell >}}                 |
+| blogger              | {{< icon blogger >}}              |
+| bluesky              | {{< icon bluesky >}}              |
+| bomb                 | {{< icon bomb >}}                 |
+| bug                  | {{< icon bug >}}                  |
+| check                | {{< icon check >}}                |
+| circle-info          | {{< icon circle-info >}}          |
+| cloud                | {{< icon cloud >}}                |
+| cloud-moon           | {{< icon cloud-moon >}}           |
+| code                 | {{< icon code>}}                  |
+| codeberg             | {{< icon codeberg >}}             |
+| codepen              | {{< icon codepen >}}              |
+| comment              | {{< icon comment >}}              |
+| dev                  | {{< icon dev >}}                  |
+| discourse            | {{< icon discourse >}}            |
+| docker               | {{< icon docker >}}               |
+| download             | {{< icon download >}}             |
+| dribbble             | {{< icon dribbble >}}             |
+| edit                 | {{< icon edit >}}                 |
+| email                | {{< icon email >}}                |
+| envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
+| eye                  | {{< icon eye >}}                  |
+| facebook             | {{< icon facebook >}}             |
+| fediverse            | {{< icon fediverse >}}            |
+| fire                 | {{< icon fire >}}                 |
+| flickr               | {{< icon flickr >}}               |
+| fork                 | {{< icon fork >}}                 |
+| foursquare           | {{< icon foursquare >}}           |
+| ghost                | {{< icon ghost >}}                |
+| github               | {{< icon github >}}               |
+| gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
+| goodreads            | {{< icon goodreads >}}            |
+| google               | {{< icon google >}}               |
+| google-scholar       | {{< icon google-scholar >}}       |
+| graduation-cap       | {{< icon graduation-cap >}}       |
+| hackernews           | {{< icon hackernews >}}           |
+| hashnode             | {{< icon hashnode >}}             |
+| heart-empty          | {{< icon heart-empty >}}          |
+| heart                | {{< icon heart >}}                |
+| image                | {{< icon image >}}                |
+| instagram            | {{< icon instagram >}}            |
+| itch-io              | {{< icon itch-io >}}              |
+| keybase              | {{< icon keybase >}}              |
+| keyoxide             | {{< icon keyoxide >}}             |
+| kickstarter          | {{< icon kickstarter >}}          |
+| ko-fi                | {{< icon ko-fi >}}                |
+| language             | {{< icon language >}}             |
+| lastfm               | {{< icon lastfm >}}               |
+| lightbulb            | {{< icon lightbulb >}}            |
+| line                 | {{< icon line >}}                 |
+| link                 | {{< icon link >}}                 |
+| linkedin             | {{< icon linkedin >}}             |
+| list                 | {{< icon list >}}                 |
+| location-dot         | {{< icon location-dot >}}         |
+| lock                 | {{< icon lock >}}                 |
+| mastodon             | {{< icon mastodon >}}             |
+| matrix               | {{< icon matrix >}}               |
+| medium               | {{< icon medium >}}               |
+| microsoft            | {{< icon microsoft >}}            |
+| moon                 | {{< icon moon >}}                 |
+| mug-hot              | {{< icon mug-hot >}}              |
+| music                | {{< icon music >}}                |
+| orcid                | {{< icon orcid >}}                |
+| patreon              | {{< icon patreon >}}              |
+| paypal               | {{< icon paypal >}}               |
+| peertube             | {{< icon peertube >}}             |
+| pencil               | {{< icon pencil >}}               |
+| pgpkey               | {{< icon pgpkey >}}               |
+| phone                | {{< icon phone >}}                |
+| pinterest            | {{< icon pinterest >}}            |
+| pixelfed             | {{< icon pixelfed >}}             |
+| poo                  | {{< icon poo >}}                  |
+| reddit               | {{< icon reddit >}}               |
+| researchgate         | {{< icon researchgate >}}         |
+| rss                  | {{< icon rss >}}                  |
+| rss-square           | {{< icon rss-square >}}           |
+| scale-balanced       | {{< icon scale-balanced >}}       |
+| search               | {{< icon search >}}               |
+| shield               | {{< icon shield >}}               |
+| signal               | {{< icon signal >}}               |
+| skull-crossbones     | {{< icon skull-crossbones >}}     |
+| slack                | {{< icon slack >}}                |
+| snapchat             | {{< icon snapchat >}}             |
+| soundcloud           | {{< icon soundcloud >}}           |
+| spotify              | {{< icon spotify >}}              |
+| stack-overflow       | {{< icon stack-overflow >}}       |
+| star                 | {{< icon star >}}                 |
+| steam                | {{< icon steam >}}                |
+| stripe               | {{< icon stripe >}}               |
+| substack             | {{< icon substack >}}             |
+| sun                  | {{< icon sun >}}                  |
+| tag                  | {{< icon tag >}}                  |
+| telegram             | {{< icon telegram >}}             |
+| threads              | {{< icon threads >}}              |
+| tiktok               | {{< icon tiktok >}}               |
+| triangle-exclamation | {{< icon triangle-exclamation >}} |
+| tumblr               | {{< icon tumblr >}}               |
+| twitch               | {{< icon twitch >}}               |
+| twitter              | {{< icon twitter >}}              |
+| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
+| whatsapp             | {{< icon whatsapp >}}             |
+| worktree             | {{< icon worktree >}}             |
+| x-twitter            | {{< icon x-twitter >}}            |
+| xing                 | {{< icon xing >}}                 |
+| xmark                | {{< icon xmark >}}                |
+| youtube              | {{< icon youtube >}}              |

exampleSite/content/samples/markdown/index.de.md

@@ -0,0 +1,156 @@
+---
+title: "Markdown"
+date: 2019-03-11
+description: "Beispielartikel zur grundlegenden Markdown-Syntax und Formatierung für HTML-Elemente."
+tags: ["markdown", "css", "html", "beispiel"]
+type: 'sample'
+---
+
+Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Formatierung, die in Blowfish verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente gestaltet werden.
+
+<!--more-->
+
+## Überschriften
+
+Die folgenden HTML-Elemente `<h1>`—`<h6>` repräsentieren sechs Ebenen von Abschnittsüberschriften. `<h1>` ist die höchste Abschnittsebene, während `<h6>` die niedrigste ist.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
+
+## Absatz
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Zitate
+
+Das Blockquote-Element repräsentiert Inhalte, die aus einer anderen Quelle zitiert werden, optional mit einer Quellenangabe, die innerhalb eines `footer`- oder `cite`-Elements stehen muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.
+
+### Zitat ohne Quellenangabe
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Hinweis**: Sie können _Markdown-Syntax_ innerhalb eines Zitats verwenden.
+
+### Zitat mit Quellenangabe
+
+> Kommunizieren Sie nicht durch gemeinsamen Speicher, teilen Sie Speicher durch Kommunikation.<br>
+> — <cite>Rob Pike[^1]</cite>
+
+[^1]: Das obige Zitat stammt aus Rob Pikes [Vortrag `über` nichts](https://www.youtube.com/watch?v=PAAkCSZUG1c) während des Gopherfest am 18. November 2015.
+
+## Tabellen
+
+Tabellen sind nicht Teil der Kern-Markdown-Spezifikation, aber Hugo unterstützt sie standardmäßig.
+
+| Name  | Alter |
+| ----- | ----- |
+| Bob   | 27    |
+| Alice | 23    |
+
+### Inline-Markdown in Tabellen
+
+| Kursiv    | Fett     | Code   |
+| --------- | -------- | ------ |
+| _kursiv_  | **fett** | `code` |
+
+## Code-Blöcke
+
+### Allgemeiner Code-Block
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+```
+
+### Code-Block mit Titel und Zeilenhervorhebung
+
+```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+
+## Listentypen
+
+### Geordnete Liste
+
+1. Erstes Element
+2. Zweites Element
+3. Drittes Element
+
+### Ungeordnete Liste
+
+- Listenelement
+- Weiteres Element
+- Und noch ein Element
+
+### Verschachtelte Liste
+
+- Obst
+  - Apfel
+  - Orange
+  - Banane
+- Milchprodukte
+  - Milch
+  - Käse
+
+## Andere Elemente — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> ist ein Bitmap-Bildformat.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Drücken Sie <kbd>STRG</kbd>+<kbd>ALT</kbd>+<kbd>Entf</kbd>, um die Sitzung zu beenden.
+
+Die meisten <mark>Salamander</mark> sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Kreaturen.
+
+## Bilder
+
+Zusätzlich zum [Figure-Shortcode]({{< ref "../../docs/shortcodes#figure" >}}) können Sie Bilder mit der folgenden Markdown-Syntax definieren:
+
+```md
+![Alt-Text](image.jpg "Bildunterschrift")
+```
+
+![Alt-Text](../../docs/shortcodes/abstract.jpg "Bildunterschrift")
+
+Sie können auch Hugos ['Markdown-Attribute'](https://gohugo.io/content-management/markdown-attributes/) nutzen, um benutzerdefinierte Attribute zum erstellten HTML-Element hinzuzufügen.
+Um beispielsweise die Breite eines Bildes auf 50% zu setzen:
+
+```md
+![Alt-Text](image.jpg "Bildunterschrift")
+{style="width:50%;"}
+```
+
+![Alt-Text](../../docs/shortcodes/abstract.jpg "Bildunterschrift halbe Breite")
+{style="width:50%;"}
+
+Beachten Sie, dass die 'Markdown-Attribute'-Funktion eine Konfiguration des Goldmark-Renderers erfordert.
+Weitere Informationen finden Sie in der Hugo-[Dokumentation](https://gohugo.io/content-management/markdown-attributes/).

exampleSite/content/samples/markdown/index.es.md

@@ -0,0 +1,156 @@
+---
+title: "Markdown"
+date: 2019-03-11
+description: "Artículo de ejemplo que muestra la sintaxis básica de Markdown y el formato para elementos HTML."
+tags: ["markdown", "css", "html", "ejemplo"]
+type: 'sample'
+---
+
+Este artículo ofrece una muestra del formato básico de Markdown que se puede usar en Blowfish, también muestra cómo se decoran algunos elementos HTML básicos.
+
+<!--more-->
+
+## Encabezados
+
+Los siguientes elementos HTML `<h1>`—`<h6>` representan seis niveles de encabezados de sección. `<h1>` es el nivel de sección más alto mientras que `<h6>` es el más bajo.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
+
+## Párrafo
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Citas
+
+El elemento blockquote representa contenido citado de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento `footer` o `cite`, y opcionalmente con cambios en línea como anotaciones y abreviaturas.
+
+### Cita sin atribución
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Nota**: puedes usar _sintaxis Markdown_ dentro de una cita.
+
+### Cita con atribución
+
+> No comuniques compartiendo memoria, comparte memoria comunicando.<br>
+> — <cite>Rob Pike[^1]</cite>
+
+[^1]: La cita anterior es un extracto de la [charla `sobre` nada](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike durante Gopherfest, el 18 de noviembre de 2015.
+
+## Tablas
+
+Las tablas no son parte de la especificación principal de Markdown, pero Hugo las soporta de forma nativa.
+
+| Nombre | Edad |
+| ------ | ---- |
+| Bob    | 27   |
+| Alice  | 23   |
+
+### Markdown en línea dentro de tablas
+
+| Cursiva   | Negrita  | Código |
+| --------- | -------- | ------ |
+| _cursiva_ | **negrita** | `código` |
+
+## Bloques de código
+
+### Bloque de código general
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+```
+
+### Bloque de código con título y resaltado de líneas
+
+```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+
+## Tipos de listas
+
+### Lista ordenada
+
+1. Primer elemento
+2. Segundo elemento
+3. Tercer elemento
+
+### Lista no ordenada
+
+- Elemento de lista
+- Otro elemento
+- Y otro elemento más
+
+### Lista anidada
+
+- Fruta
+  - Manzana
+  - Naranja
+  - Plátano
+- Lácteos
+  - Leche
+  - Queso
+
+## Otros elementos — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Presiona <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Supr</kbd> para terminar la sesión.
+
+La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras pequeñas criaturas.
+
+## Imágenes
+
+Además del [Shortcode Figure]({{< ref "../../docs/shortcodes#figure" >}}), puedes definir imágenes usando la siguiente sintaxis Markdown:
+
+```md
+![Texto alternativo](image.jpg "Pie de imagen")
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Pie de imagen")
+
+También puedes aprovechar los ['atributos Markdown'](https://gohugo.io/content-management/markdown-attributes/) de Hugo para agregar atributos personalizados al elemento HTML creado.
+Por ejemplo, para establecer el ancho de una imagen al 50%:
+
+```md
+![Texto alternativo](image.jpg "Pie de imagen")
+{style="width:50%;"}
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Pie de imagen mitad de ancho")
+{style="width:50%;"}
+
+Ten en cuenta que la función de 'atributos Markdown' requiere configuración del renderizador Goldmark.
+Consulta la [documentación](https://gohugo.io/content-management/markdown-attributes/) de Hugo para más información.

exampleSite/content/samples/markdown/index.fr.md

@@ -0,0 +1,156 @@
+---
+title: "Markdown"
+date: 2019-03-11
+description: "Article exemple présentant la syntaxe Markdown de base et le formatage des éléments HTML."
+tags: ["markdown", "css", "html", "exemple"]
+type: 'sample'
+---
+
+Cet article propose un exemple de formatage Markdown de base utilisable dans Blowfish, et montre également comment certains éléments HTML de base sont décorés.
+
+<!--more-->
+
+## Titres
+
+Les éléments HTML `<h1>`—`<h6>` suivants représentent six niveaux de titres de section. `<h1>` est le niveau de section le plus élevé tandis que `<h6>` est le plus bas.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
+
+## Paragraphe
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Citations
+
+L'élément blockquote représente du contenu cité d'une autre source, optionnellement avec une citation qui doit être dans un élément `footer` ou `cite`, et optionnellement avec des modifications en ligne telles que des annotations et des abréviations.
+
+### Citation sans attribution
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** : vous pouvez utiliser la _syntaxe Markdown_ dans une citation.
+
+### Citation avec attribution
+
+> Ne communiquez pas en partageant la mémoire, partagez la mémoire en communiquant.<br>
+> — <cite>Rob Pike[^1]</cite>
+
+[^1]: La citation ci-dessus est extraite de la [conférence `sur` rien](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike lors du Gopherfest, le 18 novembre 2015.
+
+## Tableaux
+
+Les tableaux ne font pas partie de la spécification Markdown de base, mais Hugo les prend en charge nativement.
+
+| Nom   | Âge |
+| ----- | --- |
+| Bob   | 27  |
+| Alice | 23  |
+
+### Markdown en ligne dans les tableaux
+
+| Italique  | Gras     | Code   |
+| --------- | -------- | ------ |
+| _italique_ | **gras** | `code` |
+
+## Blocs de code
+
+### Bloc de code général
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+```
+
+### Bloc de code avec titre et surlignage de lignes
+
+```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+
+## Types de listes
+
+### Liste ordonnée
+
+1. Premier élément
+2. Deuxième élément
+3. Troisième élément
+
+### Liste non ordonnée
+
+- Élément de liste
+- Autre élément
+- Et encore un autre
+
+### Liste imbriquée
+
+- Fruits
+  - Pomme
+  - Orange
+  - Banane
+- Produits laitiers
+  - Lait
+  - Fromage
+
+## Autres éléments — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> est un format d'image bitmap.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Appuyez sur <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Suppr</kbd> pour terminer la session.
+
+La plupart des <mark>salamandres</mark> sont nocturnes et chassent les insectes, les vers et autres petites créatures.
+
+## Images
+
+En plus du [Shortcode Figure]({{< ref "../../docs/shortcodes#figure" >}}), vous pouvez définir des images avec la syntaxe Markdown suivante :
+
+```md
+![Texte alternatif](image.jpg "Légende de l'image")
+```
+
+![Texte alternatif](../../docs/shortcodes/abstract.jpg "Légende de l'image")
+
+Vous pouvez également utiliser les ['attributs Markdown'](https://gohugo.io/content-management/markdown-attributes/) de Hugo pour ajouter des attributs personnalisés à l'élément HTML créé.
+Par exemple, pour définir la largeur d'une image à 50% :
+
+```md
+![Texte alternatif](image.jpg "Légende de l'image")
+{style="width:50%;"}
+```
+
+![Texte alternatif](../../docs/shortcodes/abstract.jpg "Légende image demi-largeur")
+{style="width:50%;"}
+
+Notez que la fonctionnalité 'attributs Markdown' nécessite une configuration du moteur de rendu Goldmark.
+Consultez la [documentation](https://gohugo.io/content-management/markdown-attributes/) Hugo pour plus d'informations.

exampleSite/content/samples/markdown/index.pt-br.md

@@ -0,0 +1,156 @@
+---
+title: "Markdown"
+date: 2019-03-11
+description: "Artigo de exemplo mostrando a sintaxe básica de Markdown e formatação para elementos HTML."
+tags: ["markdown", "css", "html", "exemplo"]
+type: 'sample'
+---
+
+Este artigo oferece uma amostra da formatação básica de Markdown que pode ser usada no Blowfish, também mostra como alguns elementos HTML básicos são decorados.
+
+<!--more-->
+
+## Títulos
+
+Os seguintes elementos HTML `<h1>`—`<h6>` representam seis níveis de títulos de seção. `<h1>` é o nível de seção mais alto enquanto `<h6>` é o mais baixo.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
+
+## Parágrafo
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Citações
+
+O elemento blockquote representa conteúdo citado de outra fonte, opcionalmente com uma citação que deve estar dentro de um elemento `footer` ou `cite`, e opcionalmente com alterações em linha como anotações e abreviações.
+
+### Citação sem atribuição
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Nota**: você pode usar _sintaxe Markdown_ dentro de uma citação.
+
+### Citação com atribuição
+
+> Não comunique compartilhando memória, compartilhe memória comunicando.<br>
+> — <cite>Rob Pike[^1]</cite>
+
+[^1]: A citação acima é um trecho da [palestra `sobre` nada](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike durante o Gopherfest, em 18 de novembro de 2015.
+
+## Tabelas
+
+Tabelas não fazem parte da especificação principal do Markdown, mas o Hugo as suporta nativamente.
+
+| Nome  | Idade |
+| ----- | ----- |
+| Bob   | 27    |
+| Alice | 23    |
+
+### Markdown em linha dentro de tabelas
+
+| Itálico   | Negrito  | Código   |
+| --------- | -------- | -------- |
+| _itálico_ | **negrito** | `código` |
+
+## Blocos de código
+
+### Bloco de código geral
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+```
+
+### Bloco de código com título e destaque de linhas
+
+```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+
+## Tipos de listas
+
+### Lista ordenada
+
+1. Primeiro item
+2. Segundo item
+3. Terceiro item
+
+### Lista não ordenada
+
+- Item da lista
+- Outro item
+- E mais um item
+
+### Lista aninhada
+
+- Frutas
+  - Maçã
+  - Laranja
+  - Banana
+- Laticínios
+  - Leite
+  - Queijo
+
+## Outros elementos — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Pressione <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> para encerrar a sessão.
+
+A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes e outras pequenas criaturas.
+
+## Imagens
+
+Além do [Shortcode Figure]({{< ref "../../docs/shortcodes#figure" >}}), você pode definir imagens usando a seguinte sintaxe Markdown:
+
+```md
+![Texto alternativo](image.jpg "Legenda da imagem")
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Legenda da imagem")
+
+Você também pode aproveitar os ['atributos Markdown'](https://gohugo.io/content-management/markdown-attributes/) do Hugo para adicionar atributos personalizados ao elemento HTML criado.
+Por exemplo, para definir a largura de uma imagem para 50%:
+
+```md
+![Texto alternativo](image.jpg "Legenda da imagem")
+{style="width:50%;"}
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Legenda imagem metade da largura")
+{style="width:50%;"}
+
+Note que o recurso de 'atributos Markdown' requer configuração do renderizador Goldmark.
+Consulte a [documentação](https://gohugo.io/content-management/markdown-attributes/) do Hugo para mais informações.

exampleSite/content/samples/markdown/index.pt-pt.md

@@ -0,0 +1,156 @@
+---
+title: "Markdown"
+date: 2019-03-11
+description: "Artigo de exemplo que apresenta a sintaxe básica de Markdown e formatação para elementos HTML."
+tags: ["markdown", "css", "html", "exemplo"]
+type: 'sample'
+---
+
+Este artigo oferece uma amostra da formatação básica de Markdown que pode ser utilizada no Blowfish, também mostra como alguns elementos HTML básicos são decorados.
+
+<!--more-->
+
+## Títulos
+
+Os seguintes elementos HTML `<h1>`—`<h6>` representam seis níveis de títulos de secção. `<h1>` é o nível de secção mais elevado enquanto `<h6>` é o mais baixo.
+
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+##### H5
+
+###### H6
+
+## Parágrafo
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Citações
+
+O elemento blockquote representa conteúdo citado de outra fonte, opcionalmente com uma citação que deve estar dentro de um elemento `footer` ou `cite`, e opcionalmente com alterações em linha como anotações e abreviaturas.
+
+### Citação sem atribuição
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Nota**: pode utilizar _sintaxe Markdown_ dentro de uma citação.
+
+### Citação com atribuição
+
+> Não comunique partilhando memória, partilhe memória comunicando.<br>
+> — <cite>Rob Pike[^1]</cite>
+
+[^1]: A citação acima é um excerto da [palestra `sobre` nada](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike durante o Gopherfest, em 18 de novembro de 2015.
+
+## Tabelas
+
+As tabelas não fazem parte da especificação principal do Markdown, mas o Hugo suporta-as nativamente.
+
+| Nome  | Idade |
+| ----- | ----- |
+| Bob   | 27    |
+| Alice | 23    |
+
+### Markdown em linha dentro de tabelas
+
+| Itálico   | Negrito  | Código   |
+| --------- | -------- | -------- |
+| _itálico_ | **negrito** | `código` |
+
+## Blocos de código
+
+### Bloco de código geral
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Example HTML5 Document</title>
+  </head>
+  <body>
+    <p>Test</p>
+  </body>
+</html>
+```
+
+### Bloco de código com título e destaque de linhas
+
+```html {title="example.html" lineNos=inline hl_lines=[4,"7-9"]}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+
+## Tipos de listas
+
+### Lista ordenada
+
+1. Primeiro item
+2. Segundo item
+3. Terceiro item
+
+### Lista não ordenada
+
+- Item da lista
+- Outro item
+- E mais um item
+
+### Lista aninhada
+
+- Frutas
+  - Maçã
+  - Laranja
+  - Banana
+- Lacticínios
+  - Leite
+  - Queijo
+
+## Outros elementos — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Prima <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> para terminar a sessão.
+
+A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes e outras pequenas criaturas.
+
+## Imagens
+
+Para além do [Shortcode Figure]({{< ref "../../docs/shortcodes#figure" >}}), pode definir imagens utilizando a seguinte sintaxe Markdown:
+
+```md
+![Texto alternativo](image.jpg "Legenda da imagem")
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Legenda da imagem")
+
+Também pode utilizar os ['atributos Markdown'](https://gohugo.io/content-management/markdown-attributes/) do Hugo para adicionar atributos personalizados ao elemento HTML criado.
+Por exemplo, para definir a largura de uma imagem para 50%:
+
+```md
+![Texto alternativo](image.jpg "Legenda da imagem")
+{style="width:50%;"}
+```
+
+![Texto alternativo](../../docs/shortcodes/abstract.jpg "Legenda imagem metade da largura")
+{style="width:50%;"}
+
+Note que a funcionalidade de 'atributos Markdown' requer configuração do renderizador Goldmark.
+Consulte a [documentação](https://gohugo.io/content-management/markdown-attributes/) do Hugo para mais informações.

exampleSite/content/samples/mathematical-notation/index.de.md

@@ -0,0 +1,50 @@
+---
+title: Mathematische Notation
+date: 2019-03-08
+description: Eine kurze Übersicht über mathematische Notation in Blowfish.
+tags: ["beispiel", "katex", "mathematik", "shortcodes"]
+type: 'sample'
+---
+
+KaTeX kann verwendet werden, um mathematische Notation in Artikeln darzustellen.
+
+<!--more-->
+
+{{< katex >}}
+
+Blowfish bündelt die KaTeX-Assets nur dann in Ihr Projekt, wenn Sie mathematische Notation verwenden. Damit dies funktioniert, fügen Sie einfach den [`katex`-Shortcode]({{< ref "docs/shortcodes#katex" >}}) in den Artikel ein. Beispiel unten:
+
+```md
+{{</* katex */>}}
+```
+Jede KaTeX-Syntax auf dieser Seite wird dann automatisch gerendert. Verwenden Sie die Online-Referenz der [unterstützten TeX-Funktionen](https://katex.org/docs/supported.html) für die verfügbare Syntax.
+
+## Inline-Notation
+
+Inline-Notation kann durch Umschließen des Ausdrucks mit `\(` und `\)` Trennzeichen erzeugt werden.
+
+**Beispiel:**
+
+```tex
+% KaTeX Inline-Notation
+Inline-Notation: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+```
+
+Inline-Notation: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+
+## Block-Notation
+
+Alternativ kann Block-Notation mit `$$` Trennzeichen erzeugt werden. Dies gibt den Ausdruck in einem eigenen HTML-Block aus.
+
+**Beispiel:**
+
+```tex
+% KaTeX Block-Notation
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+```
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$

exampleSite/content/samples/mathematical-notation/index.es.md

@@ -0,0 +1,50 @@
+---
+title: Notación matemática
+date: 2019-03-08
+description: Una breve muestra de notación matemática en Blowfish.
+tags: ["ejemplo", "katex", "matemáticas", "shortcodes"]
+type: 'sample'
+---
+
+KaTeX se puede usar para renderizar notación matemática dentro de los artículos.
+
+<!--more-->
+
+{{< katex >}}
+
+Blowfish solo incluirá los assets de KaTeX en tu proyecto si usas notación matemática. Para que esto funcione, simplemente incluye el [shortcode `katex`]({{< ref "docs/shortcodes#katex" >}}) dentro del artículo. Ejemplo a continuación:
+
+```md
+{{</* katex */>}}
+```
+Cualquier sintaxis KaTeX en esa página se renderizará automáticamente. Usa la referencia en línea de [funciones TeX soportadas](https://katex.org/docs/supported.html) para la sintaxis disponible.
+
+## Notación en línea
+
+La notación en línea se puede generar envolviendo la expresión con los delimitadores `\(` y `\)`.
+
+**Ejemplo:**
+
+```tex
+% Notación en línea KaTeX
+Notación en línea: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+```
+
+Notación en línea: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+
+## Notación en bloque
+
+Alternativamente, la notación en bloque se puede generar usando delimitadores `$$`. Esto mostrará la expresión en su propio bloque HTML.
+
+**Ejemplo:**
+
+```tex
+% Notación en bloque KaTeX
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+```
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$

exampleSite/content/samples/mathematical-notation/index.fr.md

@@ -0,0 +1,50 @@
+---
+title: Notation mathématique
+date: 2019-03-08
+description: Un bref aperçu de la notation mathématique dans Blowfish.
+tags: ["exemple", "katex", "maths", "shortcodes"]
+type: 'sample'
+---
+
+KaTeX peut être utilisé pour rendre la notation mathématique dans les articles.
+
+<!--more-->
+
+{{< katex >}}
+
+Blowfish n'inclura les assets KaTeX dans votre projet que si vous utilisez la notation mathématique. Pour que cela fonctionne, incluez simplement le [shortcode `katex`]({{< ref "docs/shortcodes#katex" >}}) dans l'article. Exemple ci-dessous :
+
+```md
+{{</* katex */>}}
+```
+Toute syntaxe KaTeX sur cette page sera alors automatiquement rendue. Utilisez la référence en ligne des [fonctions TeX supportées](https://katex.org/docs/supported.html) pour la syntaxe disponible.
+
+## Notation en ligne
+
+La notation en ligne peut être générée en encadrant l'expression avec les délimiteurs `\(` et `\)`.
+
+**Exemple :**
+
+```tex
+% Notation en ligne KaTeX
+Notation en ligne : \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+```
+
+Notation en ligne : \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+
+## Notation en bloc
+
+Alternativement, la notation en bloc peut être générée en utilisant les délimiteurs `$$`. Cela affichera l'expression dans son propre bloc HTML.
+
+**Exemple :**
+
+```tex
+% Notation en bloc KaTeX
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+```
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$

exampleSite/content/samples/mathematical-notation/index.pt-br.md

@@ -0,0 +1,50 @@
+---
+title: Notação matemática
+date: 2019-03-08
+description: Uma breve amostra de notação matemática no Blowfish.
+tags: ["exemplo", "katex", "matemática", "shortcodes"]
+type: 'sample'
+---
+
+KaTeX pode ser usado para renderizar notação matemática dentro dos artigos.
+
+<!--more-->
+
+{{< katex >}}
+
+O Blowfish só incluirá os assets do KaTeX no seu projeto se você usar notação matemática. Para que isso funcione, simplesmente inclua o [shortcode `katex`]({{< ref "docs/shortcodes#katex" >}}) dentro do artigo. Exemplo abaixo:
+
+```md
+{{</* katex */>}}
+```
+Qualquer sintaxe KaTeX nessa página será automaticamente renderizada. Use a referência online das [funções TeX suportadas](https://katex.org/docs/supported.html) para a sintaxe disponível.
+
+## Notação em linha
+
+A notação em linha pode ser gerada envolvendo a expressão com os delimitadores `\(` e `\)`.
+
+**Exemplo:**
+
+```tex
+% Notação em linha KaTeX
+Notação em linha: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+```
+
+Notação em linha: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+
+## Notação em bloco
+
+Alternativamente, a notação em bloco pode ser gerada usando delimitadores `$$`. Isso exibirá a expressão em seu próprio bloco HTML.
+
+**Exemplo:**
+
+```tex
+% Notação em bloco KaTeX
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+```
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$

exampleSite/content/samples/mathematical-notation/index.pt-pt.md

@@ -0,0 +1,50 @@
+---
+title: Notação matemática
+date: 2019-03-08
+description: Uma breve amostra de notação matemática no Blowfish.
+tags: ["exemplo", "katex", "matemática", "shortcodes"]
+type: 'sample'
+---
+
+O KaTeX pode ser utilizado para renderizar notação matemática dentro dos artigos.
+
+<!--more-->
+
+{{< katex >}}
+
+O Blowfish só incluirá os assets do KaTeX no seu projeto se utilizar notação matemática. Para que isto funcione, simplesmente inclua o [shortcode `katex`]({{< ref "docs/shortcodes#katex" >}}) dentro do artigo. Exemplo abaixo:
+
+```md
+{{</* katex */>}}
+```
+Qualquer sintaxe KaTeX nessa página será automaticamente renderizada. Utilize a referência online das [funções TeX suportadas](https://katex.org/docs/supported.html) para a sintaxe disponível.
+
+## Notação em linha
+
+A notação em linha pode ser gerada envolvendo a expressão com os delimitadores `\(` e `\)`.
+
+**Exemplo:**
+
+```tex
+% Notação em linha KaTeX
+Notação em linha: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+```
+
+Notação em linha: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
+
+## Notação em bloco
+
+Alternativamente, a notação em bloco pode ser gerada utilizando delimitadores `$$`. Isto exibirá a expressão no seu próprio bloco HTML.
+
+**Exemplo:**
+
+```tex
+% Notação em bloco KaTeX
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+```
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$

exampleSite/content/samples/multiple-authors/index.de.md

@@ -0,0 +1,15 @@
+---
+title: "Mehrere Autoren"
+date: 2022-10-12
+draft: false
+description: "Beispiel für eine Einrichtung mit mehreren Autoren"
+tags: ["autoren", "beispiel"]
+summary: "Ein kurzes Beispiel, wie mehrere Autoren verwendet werden können."
+showAuthor: false
+authors:
+  - "nunocoracao"
+  - "secondauthor"
+type: 'sample'
+---
+
+Dies ist ein Beispiel dafür, wie ein Artikel mit mehreren Autoren aussehen wird.

exampleSite/content/samples/multiple-authors/index.es.md

@@ -0,0 +1,15 @@
+---
+title: "Múltiples autores"
+date: 2022-10-12
+draft: false
+description: "Ejemplo de configuración con múltiples autores"
+tags: ["autores", "ejemplo"]
+summary: "Un ejemplo rápido de cómo se podrían usar múltiples autores."
+showAuthor: false
+authors:
+  - "nunocoracao"
+  - "secondauthor"
+type: 'sample'
+---
+
+Este es un ejemplo de cómo se verá un artículo con múltiples autores.

exampleSite/content/samples/multiple-authors/index.fr.md

@@ -0,0 +1,15 @@
+---
+title: "Auteurs multiples"
+date: 2022-10-12
+draft: false
+description: "Exemple de configuration avec plusieurs auteurs"
+tags: ["auteurs", "exemple"]
+summary: "Un exemple rapide de comment utiliser plusieurs auteurs."
+showAuthor: false
+authors:
+  - "nunocoracao"
+  - "secondauthor"
+type: 'sample'
+---
+
+Voici un exemple de ce à quoi ressemblera un article avec plusieurs auteurs.

exampleSite/content/samples/multiple-authors/index.pt-br.md

@@ -0,0 +1,15 @@
+---
+title: "Múltiplos autores"
+date: 2022-10-12
+draft: false
+description: "Exemplo de configuração com múltiplos autores"
+tags: ["autores", "exemplo"]
+summary: "Um exemplo rápido de como múltiplos autores podem ser usados."
+showAuthor: false
+authors:
+  - "nunocoracao"
+  - "secondauthor"
+type: 'sample'
+---
+
+Este é um exemplo de como um artigo com múltiplos autores ficará.

exampleSite/content/samples/multiple-authors/index.pt-pt.md

@@ -0,0 +1,15 @@
+---
+title: "Múltiplos autores"
+date: 2022-10-12
+draft: false
+description: "Exemplo de configuração com múltiplos autores"
+tags: ["autores", "exemplo"]
+summary: "Um exemplo rápido de como múltiplos autores podem ser utilizados."
+showAuthor: false
+authors:
+  - "nunocoracao"
+  - "secondauthor"
+type: 'sample'
+---
+
+Este é um exemplo de como ficará um artigo com múltiplos autores.

exampleSite/content/samples/placeholder-text/index.de.md

@@ -0,0 +1,40 @@
+---
+title: "Platzhaltertext"
+date: "2019-03-09"
+lastmod: "2022-01-24"
+draft: false
+description: "Lorem Ipsum Dolor Si Amet"
+tags: ["markdown", "text", "beispiel", "latein"]
+showDateUpdated: true
+xml: false
+type: 'sample'
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+## Vagus elidunt
+
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
+
+[Der Van de Graaf Kanon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+### Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.

exampleSite/content/samples/placeholder-text/index.es.md

@@ -0,0 +1,40 @@
+---
+title: "Texto de relleno"
+date: "2019-03-09"
+lastmod: "2022-01-24"
+draft: false
+description: "Lorem Ipsum Dolor Si Amet"
+tags: ["markdown", "texto", "ejemplo", "latín"]
+showDateUpdated: true
+xml: false
+type: 'sample'
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+## Vagus elidunt
+
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
+
+[El Canon de Van de Graaf](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+### Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.

exampleSite/content/samples/placeholder-text/index.fr.md

@@ -0,0 +1,40 @@
+---
+title: "Texte de remplissage"
+date: "2019-03-09"
+lastmod: "2022-01-24"
+draft: false
+description: "Lorem Ipsum Dolor Si Amet"
+tags: ["markdown", "texte", "exemple", "latin"]
+showDateUpdated: true
+xml: false
+type: 'sample'
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+## Vagus elidunt
+
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
+
+[Le Canon de Van de Graaf](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+### Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.

exampleSite/content/samples/placeholder-text/index.pt-br.md

@@ -0,0 +1,40 @@
+---
+title: "Texto de preenchimento"
+date: "2019-03-09"
+lastmod: "2022-01-24"
+draft: false
+description: "Lorem Ipsum Dolor Si Amet"
+tags: ["markdown", "texto", "exemplo", "latim"]
+showDateUpdated: true
+xml: false
+type: 'sample'
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+## Vagus elidunt
+
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
+
+[O Cânone de Van de Graaf](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+### Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.

exampleSite/content/samples/placeholder-text/index.pt-pt.md

@@ -0,0 +1,40 @@
+---
+title: "Texto de preenchimento"
+date: "2019-03-09"
+lastmod: "2022-01-24"
+draft: false
+description: "Lorem Ipsum Dolor Si Amet"
+tags: ["markdown", "texto", "exemplo", "latim"]
+showDateUpdated: true
+xml: false
+type: 'sample'
+---
+
+Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+## Vagus elidunt
+
+<svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="186" width="248"><g fill="none"><path stroke="#000" stroke-width="2" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width="2" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width="2" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx="2" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx="2" ry="1.25"></ellipse></g></svg>
+
+[O Cânone de Van de Graaf](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+### Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.

exampleSite/content/samples/rich-content/index.de.md

@@ -0,0 +1,36 @@
+---
+title: "Rich Content"
+date: 2019-03-10
+description: "Eine kurze Beschreibung der Hugo Shortcodes"
+summary: "Dies ist ein _Beispiel_ für eine **Rich-Content**-Zusammenfassung."
+tags: ["shortcodes", "datenschutz", "beispiel", "gist", "twitter", "youtube", "vimeo"]
+type: 'sample'
+---
+
+Hugo wird mit mehreren [integrierten Shortcodes](https://gohugo.io/content-management/shortcodes/#embedded) für Rich Content geliefert, zusammen mit einer [Datenschutzkonfiguration](https://gohugo.io/about/hugo-and-gdpr/) und einer Reihe von _einfachen Shortcodes_, die statische und No-JS-Versionen verschiedener Social-Media-Einbettungen ermöglichen.
+
+## YouTube
+
+Unten ist ein Beispiel mit dem integrierten `youtube`-Shortcode.
+
+{{< youtube ZJthWmvUzzc >}}
+
+## Twitter
+
+Dieses Beispiel verwendet den `x`-Shortcode, um einen Tweet auszugeben. Es benötigt zwei benannte Parameter `user` und `id`.
+
+{{< x user="DesignReviewed" id="1085870671291310081" >}}
+
+Alternativ kann der `tweet`-Shortcode verwendet werden, um eine vollständig formatierte Twitter-Karte einzubetten.
+
+## Gist
+
+Der `gist`-Shortcode kann verwendet werden, um ein GitHub Gist einzubetten. Er benötigt zwei unbenannte Parameter: den Benutzernamen und die ID des Gist.
+
+{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
+
+## Vimeo
+
+Der `vimeo_simple`-Shortcode bettet ein Vimeo-Video ein.
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/samples/rich-content/index.es.md

@@ -0,0 +1,36 @@
+---
+title: "Contenido enriquecido"
+date: 2019-03-10
+description: "Una breve descripción de los Shortcodes de Hugo"
+summary: "Este es un _ejemplo_ de un resumen de contenido **enriquecido**."
+tags: ["shortcodes", "privacidad", "ejemplo", "gist", "twitter", "youtube", "vimeo"]
+type: 'sample'
+---
+
+Hugo viene con varios [shortcodes integrados](https://gohugo.io/content-management/shortcodes/#embedded) para contenido enriquecido, junto con una [configuración de privacidad](https://gohugo.io/about/hugo-and-gdpr/) y un conjunto de _shortcodes simples_ que permiten versiones estáticas y sin JS de varias incrustaciones de redes sociales.
+
+## YouTube
+
+A continuación hay un ejemplo usando el shortcode integrado `youtube`.
+
+{{< youtube ZJthWmvUzzc >}}
+
+## Twitter
+
+Este ejemplo usa el shortcode `x` para mostrar un Tweet. Requiere dos parámetros nombrados `user` e `id`.
+
+{{< x user="DesignReviewed" id="1085870671291310081" >}}
+
+Alternativamente, el shortcode `tweet` se puede usar para incrustar una tarjeta de Twitter completamente formateada.
+
+## Gist
+
+El shortcode `gist` se puede usar para incrustar un GitHub Gist. Requiere dos parámetros sin nombre: el nombre de usuario y el ID del Gist.
+
+{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
+
+## Vimeo
+
+El shortcode `vimeo_simple` incrustará un video de Vimeo.
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/samples/rich-content/index.fr.md

@@ -0,0 +1,36 @@
+---
+title: "Contenu riche"
+date: 2019-03-10
+description: "Une brève description des Shortcodes Hugo"
+summary: "Ceci est un _exemple_ de résumé de contenu **riche**."
+tags: ["shortcodes", "confidentialité", "exemple", "gist", "twitter", "youtube", "vimeo"]
+type: 'sample'
+---
+
+Hugo est livré avec plusieurs [shortcodes intégrés](https://gohugo.io/content-management/shortcodes/#embedded) pour le contenu riche, ainsi qu'une [configuration de confidentialité](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de _shortcodes simples_ qui permettent des versions statiques et sans JS de diverses intégrations de réseaux sociaux.
+
+## YouTube
+
+Voici un exemple utilisant le shortcode intégré `youtube`.
+
+{{< youtube ZJthWmvUzzc >}}
+
+## Twitter
+
+Cet exemple utilise le shortcode `x` pour afficher un Tweet. Il nécessite deux paramètres nommés `user` et `id`.
+
+{{< x user="DesignReviewed" id="1085870671291310081" >}}
+
+Alternativement, le shortcode `tweet` peut être utilisé pour intégrer une carte Twitter entièrement formatée.
+
+## Gist
+
+Le shortcode `gist` peut être utilisé pour intégrer un GitHub Gist. Il nécessite deux paramètres non nommés : le nom d'utilisateur et l'ID du Gist.
+
+{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
+
+## Vimeo
+
+Le shortcode `vimeo_simple` intégrera une vidéo Vimeo.
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/samples/rich-content/index.pt-br.md

@@ -0,0 +1,36 @@
+---
+title: "Conteúdo rico"
+date: 2019-03-10
+description: "Uma breve descrição dos Shortcodes do Hugo"
+summary: "Este é um _exemplo_ de um resumo de conteúdo **rico**."
+tags: ["shortcodes", "privacidade", "exemplo", "gist", "twitter", "youtube", "vimeo"]
+type: 'sample'
+---
+
+O Hugo vem com vários [shortcodes integrados](https://gohugo.io/content-management/shortcodes/#embedded) para conteúdo rico, junto com uma [configuração de privacidade](https://gohugo.io/about/hugo-and-gdpr/) e um conjunto de _shortcodes simples_ que permitem versões estáticas e sem JS de várias incorporações de redes sociais.
+
+## YouTube
+
+Abaixo está um exemplo usando o shortcode integrado `youtube`.
+
+{{< youtube ZJthWmvUzzc >}}
+
+## Twitter
+
+Este exemplo usa o shortcode `x` para exibir um Tweet. Ele requer dois parâmetros nomeados `user` e `id`.
+
+{{< x user="DesignReviewed" id="1085870671291310081" >}}
+
+Alternativamente, o shortcode `tweet` pode ser usado para incorporar um cartão do Twitter totalmente formatado.
+
+## Gist
+
+O shortcode `gist` pode ser usado para incorporar um GitHub Gist. Ele requer dois parâmetros sem nome: o nome de usuário e o ID do Gist.
+
+{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
+
+## Vimeo
+
+O shortcode `vimeo_simple` incorporará um vídeo do Vimeo.
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/samples/rich-content/index.pt-pt.md

@@ -0,0 +1,36 @@
+---
+title: "Conteúdo rico"
+date: 2019-03-10
+description: "Uma breve descrição dos Shortcodes do Hugo"
+summary: "Este é um _exemplo_ de um resumo de conteúdo **rico**."
+tags: ["shortcodes", "privacidade", "exemplo", "gist", "twitter", "youtube", "vimeo"]
+type: 'sample'
+---
+
+O Hugo vem com vários [shortcodes integrados](https://gohugo.io/content-management/shortcodes/#embedded) para conteúdo rico, juntamente com uma [configuração de privacidade](https://gohugo.io/about/hugo-and-gdpr/) e um conjunto de _shortcodes simples_ que permitem versões estáticas e sem JS de várias incorporações de redes sociais.
+
+## YouTube
+
+Abaixo está um exemplo utilizando o shortcode integrado `youtube`.
+
+{{< youtube ZJthWmvUzzc >}}
+
+## Twitter
+
+Este exemplo utiliza o shortcode `x` para apresentar um Tweet. Requer dois parâmetros nomeados `user` e `id`.
+
+{{< x user="DesignReviewed" id="1085870671291310081" >}}
+
+Alternativamente, o shortcode `tweet` pode ser utilizado para incorporar um cartão do Twitter totalmente formatado.
+
+## Gist
+
+O shortcode `gist` pode ser utilizado para incorporar um GitHub Gist. Requer dois parâmetros sem nome: o nome de utilizador e o ID do Gist.
+
+{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
+
+## Vimeo
+
+O shortcode `vimeo_simple` incorporará um vídeo do Vimeo.
+
+{{< vimeo_simple 48912912 >}}

exampleSite/content/samples/thumbnail_sample/index.de.md

@@ -0,0 +1,38 @@
+---
+title: "Thumbnails"
+date: 2022-09-26
+draft: false
+description: "Aktivieren Sie Thumbnails für Ihre Artikel."
+slug: "thumbnail_sample"
+tags: ["thumbnail", "beispiel"]
+summary: "Ein kurzes Beispiel, wie Sie Thumbnails in Ihren Artikeln verwenden können."
+type: 'sample'
+---
+
+Ein kurzes Beispiel, wie Sie Thumbnails in Ihren Artikeln verwenden können.
+
+Wenn Ihr typisches Verzeichnis für einen Artikel so aussieht:
+
+```shell
+content
+└── awesome_article.md
+```
+
+Müssen Sie es von einer einzelnen Markdown-Datei in einen Ordner ändern. Erstellen Sie ein Verzeichnis mit dem gleichen Namen wie der Artikel und erstellen Sie darin eine `index.md`-Datei. Sie erhalten eine Struktur ähnlich der unten gezeigten.
+
+```shell
+content
+└── awesome_article
+    └── featured.png
+```
+
+Im Artikel können Sie jetzt eine Bilddatei hinzufügen (fast alle Formate werden unterstützt, aber wir empfehlen `.png` oder `.jpg`), die mit `feature*` beginnt. Beispiel unten.
+
+```shell
+content
+└── awesome_article
+    ├── index.md
+    └── featured.png
+```
+
+Dies teilt Blowfish mit, dass dieser Artikel ein Feature-Bild hat, das sowohl als Thumbnail auf Ihrer Website als auch für <a target="_blank" href="https://oembed.com/">oEmbed</a>-Karten auf sozialen Plattformen verwendet werden kann. Als Beispiel können Sie versuchen, die URL dieses Artikels in eine Plattform zu kopieren, die oEmbeds anzeigt (z.B. Twitter, WhatsApp, Telegram usw.) und sehen, was angezeigt wird.

exampleSite/content/samples/thumbnail_sample/index.es.md

@@ -0,0 +1,38 @@
+---
+title: "Miniaturas"
+date: 2022-09-26
+draft: false
+description: "Activa las miniaturas para tus artículos."
+slug: "thumbnail_sample"
+tags: ["miniatura", "ejemplo"]
+summary: "Un ejemplo rápido de cómo empezar a usar miniaturas en tus artículos."
+type: 'sample'
+---
+
+Un ejemplo rápido de cómo empezar a usar miniaturas en tus artículos.
+
+Si tu directorio promedio para un artículo se ve así:
+
+```shell
+content
+└── awesome_article.md
+```
+
+Necesitas cambiarlo de un solo archivo markdown a una carpeta. Crea un directorio con el mismo nombre del artículo, y dentro crea un archivo `index.md`. Obtendrás una estructura similar a la de abajo.
+
+```shell
+content
+└── awesome_article
+    └── featured.png
+```
+
+Dentro del artículo ahora puedes agregar un archivo de imagen (casi todos los formatos son compatibles pero recomendamos `.png` o `.jpg`) que comience con `feature*`. Ejemplo abajo.
+
+```shell
+content
+└── awesome_article
+    ├── index.md
+    └── featured.png
+```
+
+Esto le indicará a Blowfish que este artículo tiene una imagen destacada que se puede usar tanto como miniatura en tu sitio web como para tarjetas <a target="_blank" href="https://oembed.com/">oEmbed</a> en plataformas sociales. Como ejemplo, puedes intentar copiar y pegar la URL de este artículo en una plataforma que muestre oEmbeds (por ejemplo Twitter, WhatsApp, Telegram, etc.) y ver qué se muestra.

exampleSite/content/samples/thumbnail_sample/index.fr.md

@@ -0,0 +1,38 @@
+---
+title: "Miniatures"
+date: 2022-09-26
+draft: false
+description: "Activez les miniatures pour vos articles."
+slug: "thumbnail_sample"
+tags: ["miniature", "exemple"]
+summary: "Un exemple rapide de comment commencer à utiliser les miniatures dans vos articles."
+type: 'sample'
+---
+
+Un exemple rapide de comment commencer à utiliser les miniatures dans vos articles.
+
+Si votre répertoire moyen pour un article ressemble à ceci :
+
+```shell
+content
+└── awesome_article.md
+```
+
+Vous devez le changer d'un simple fichier markdown en un dossier. Créez un répertoire avec le même nom que l'article, et à l'intérieur créez un fichier `index.md`. Vous obtiendrez une structure similaire à celle ci-dessous.
+
+```shell
+content
+└── awesome_article
+    └── featured.png
+```
+
+À l'intérieur de l'article, vous pouvez maintenant ajouter un fichier image (presque tous les formats sont pris en charge mais nous recommandons `.png` ou `.jpg`) qui commence par `feature*`. Exemple ci-dessous.
+
+```shell
+content
+└── awesome_article
+    ├── index.md
+    └── featured.png
+```
+
+Cela indiquera à Blowfish que cet article a une image vedette qui peut être utilisée à la fois comme miniature sur votre site web et pour les cartes <a target="_blank" href="https://oembed.com/">oEmbed</a> sur les plateformes sociales. Par exemple, vous pouvez essayer de copier-coller l'URL de cet article dans une plateforme qui affiche les oEmbeds (par exemple Twitter, WhatsApp, Telegram, etc.) et voir ce qui s'affiche.

exampleSite/content/samples/thumbnail_sample/index.pt-br.md

@@ -0,0 +1,38 @@
+---
+title: "Miniaturas"
+date: 2022-09-26
+draft: false
+description: "Ative miniaturas para seus artigos."
+slug: "thumbnail_sample"
+tags: ["miniatura", "exemplo"]
+summary: "Um exemplo rápido de como começar a usar miniaturas em seus artigos."
+type: 'sample'
+---
+
+Um exemplo rápido de como começar a usar miniaturas em seus artigos.
+
+Se seu diretório médio para um artigo se parece com isso:
+
+```shell
+content
+└── awesome_article.md
+```
+
+Você precisa mudá-lo de um único arquivo markdown para uma pasta. Crie um diretório com o mesmo nome do artigo, e dentro crie um arquivo `index.md`. Você terá uma estrutura semelhante à abaixo.
+
+```shell
+content
+└── awesome_article
+    └── featured.png
+```
+
+Dentro do artigo você pode agora adicionar um arquivo de imagem (quase todos os formatos são suportados, mas recomendamos `.png` ou `.jpg`) que comece com `feature*`. Exemplo abaixo.
+
+```shell
+content
+└── awesome_article
+    ├── index.md
+    └── featured.png
+```
+
+Isso dirá ao Blowfish que este artigo tem uma imagem de destaque que pode ser usada tanto como miniatura em seu site quanto para cartões <a target="_blank" href="https://oembed.com/">oEmbed</a> em plataformas sociais. Como exemplo, você pode tentar copiar e colar a URL deste artigo em uma plataforma que exibe oEmbeds (por exemplo Twitter, WhatsApp, Telegram, etc.) e ver o que é exibido.

exampleSite/content/samples/thumbnail_sample/index.pt-pt.md

@@ -0,0 +1,38 @@
+---
+title: "Miniaturas"
+date: 2022-09-26
+draft: false
+description: "Ative miniaturas para os seus artigos."
+slug: "thumbnail_sample"
+tags: ["miniatura", "exemplo"]
+summary: "Um exemplo rápido de como começar a utilizar miniaturas nos seus artigos."
+type: 'sample'
+---
+
+Um exemplo rápido de como começar a utilizar miniaturas nos seus artigos.
+
+Se o seu diretório médio para um artigo se parece com isto:
+
+```shell
+content
+└── awesome_article.md
+```
+
+Precisa de o mudar de um único ficheiro markdown para uma pasta. Crie um diretório com o mesmo nome do artigo, e dentro crie um ficheiro `index.md`. Terá uma estrutura semelhante à abaixo.
+
+```shell
+content
+└── awesome_article
+    └── featured.png
+```
+
+Dentro do artigo pode agora adicionar um ficheiro de imagem (quase todos os formatos são suportados, mas recomendamos `.png` ou `.jpg`) que comece com `feature*`. Exemplo abaixo.
+
+```shell
+content
+└── awesome_article
+    ├── index.md
+    └── featured.png
+```
+
+Isto dirá ao Blowfish que este artigo tem uma imagem de destaque que pode ser utilizada tanto como miniatura no seu site como para cartões <a target="_blank" href="https://oembed.com/">oEmbed</a> em plataformas sociais. Como exemplo, pode tentar copiar e colar o URL deste artigo numa plataforma que apresenta oEmbeds (por exemplo Twitter, WhatsApp, Telegram, etc.) e ver o que é apresentado.