🔀 Merge pull request #606 from alejandrgaspar/example-site-spanish

🌐 Translation of the example site into Spanish

exampleSite/config/_default/languages.es.toml

@@ -0,0 +1,28 @@
+languageCode = "es-mx"
+languageName = "Español (México)"
+weight = 2
+
+title = "Congo"
+copyright = "© 2023 Congo contributors"
+
+[params]
+  isoCode = "es-MX"
+  displayName = ":flag-mx:"
+  rtl = false
+
+  dateFormat = "2 January 2006"
+
+  mainSections = ["samples"]
+  description = "Un tema poderoso y liviano para Hugo creado con Tailwind CSS."
+
+[author]
+  name = "Congo"
+  image = "img/author.jpg"
+  headline = "¡No es tu tema ordinario!"
+  bio = "Esta es una biografía de autor de ejemplo, y aunque aquí hay una foto de un perro, este artículo en realidad fue creado por un ser humano. :dog:"
+  links = [
+    { twitter = "https://twitter.com/" },
+    { facebook = "https://facebook.com/" },
+    { linkedin = "https://linkedin.com/" },
+    { youtube = "https://youtube.com/" },
+  ]

exampleSite/config/_default/menus.es.toml

@@ -0,0 +1,50 @@
+# -- Main Menu --
+# The main menu is displayed in the header at the top of the page.
+# Acceptable parameters are name, pageRef, page, url, title, weight.
+#
+# The simplest menu configuration is to provide:
+#   name = The name to be displayed for this menu link
+#   pageRef = The identifier of the page or section to link to
+#
+# By default the menu is ordered alphabetically. This can be
+# overridden by providing a weight value. The menu will then be
+# ordered by weight from lowest to highest.
+
+[[main]]
+  name = "Docs"
+  url = "/docs"
+  weight = 10
+
+[[main]]
+  name = "Ejemplos"
+  pageRef = "samples"
+  weight = 20
+
+[[main]]
+  name = "Usuarios"
+  pageRef = "users"
+  weight = 30
+
+[[main]]
+  name = "GitHub"
+  url = "https://github.com/jpanther/congo"
+  weight = 40
+  [main.params]
+    icon = "github"
+    showName = false
+    target = "_blank"
+
+[[main]]
+  identifier = "search"
+  weight = 99
+  [main.params]
+    action = "search"
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+# [[footer]]
+#   name = "Tags"
+#   pageRef = "tags"
+#   weight = 10

exampleSite/content/_index.es.md

@@ -0,0 +1,29 @@
+---
+title: "¡Bienvenido a Congo! :tada:"
+description: "Esta es una demostración del tema Congo para Hugo."
+---
+
+{{< lead >}}
+Un tema poderoso y liviano para Hugo creado con Tailwind CSS.
+{{< /lead >}}
+
+Este es un sitio de demostración creado completamente con Congo. También contiene un conjunto completo de artículos con [documentación del tema]({{< ref path="docs" lang="en" >}}). Congo es flexible y es excelente tanto para contenido estático basado en páginas (como es el caso de esta demostración) como para un blog tradicional con un feed de publicaciones recientes.
+
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center pe-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert">Esta es la demostración en formato <code id="layout">page</code></span>
+    <button
+      id="switch-layout-button"
+      class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      Cambiar el diseño &orarr;
+    </button>
+  </span>
+</div>
+
+{{< figure src="festivities.svg" class="m-auto mt-6 max-w-prose" >}}
+
+Explora las [páginas de ejemplo]({{< ref "samples" >}}) para tener una idea de lo que Congo puede hacer. Si te gusta lo que ves, consulta el proyecto en [Github](https://github.com/jpanther/congo) o lee la [Guía de instalación]({{< ref path="docs/installation" lang="en" >}}) para comenzar.

exampleSite/content/samples/_index.es.md

@@ -0,0 +1,18 @@
+---
+title: "Páginas de ejemplo"
+description: "Vea lo que es posible con Congo."
+
+cascade:
+  showEdit: false
+  showSummary: true
+---
+
+{{< lead >}}
+Congo da vida a su contenido. :heart_eyes:
+{{< /lead >}}
+
+Esta sección contiene ejemplos que muestran cómo Congo representa diferentes tipos de contenido. También puedes ver una página con una [lista de taxonomía]({{< ref "tags" >}}) de ejemplo.
+
+_**Nota al margen:** Esta página es solo una lista estándar de artículos de Congo, y Hugo se ha configurado para generar un tipo de contenido de `ejemplos` y mostrar resúmenes de artículos._
+
+---

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

@@ -0,0 +1,87 @@
+---
+title: "Gráficos"
+date: 2019-03-06
+description: "Guía para usar Chart.js en Congo"
+summary: "Congo incluye Chart.js para mostrar potentes gráficos y visualizaciones de datos."
+tags: ["chart", "sample", "graph", "shortcodes"]
+---
+
+Congo incluye soporte para Chart.js usando el shortcode `chart`. Simplemente encierra las etiquetas del gráfico dentro del shortcode.
+
+Congo crea temas de gráficos automáticamente para que coincidan con el parámetro `colorScheme` configurado. Sin embargo, los colores se pueden personalizar usando la sintaxis normal de Chart.js.
+
+Consulta la documentación del [chart shortcode]({{< ref path="docs/shortcodes#chart" lang="en" >}}) para obtener más detalles.
+
+Los ejemplos a continuación 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/jpanther/congo/dev/exampleSite/content/samples/charts.es.md) en GitHub para ver la sintaxis.
+
+## 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 linea
+
+<!-- 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 anillos
+
+<!-- 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/diagrams-flowcharts/index.es.md

@@ -0,0 +1,92 @@
+---
+title: "Diagramas y diagramas de flujo"
+date: 2019-03-06
+description: "Guía para el uso de Mermaid en Congo"
+summary: "Es fácil agregar diagramas y diagramas de flujo a los artículos usando Mermaid."
+tags: ["mermaid", "sample", "diagram", "shortcodes"]
+---
+
+Los diagramas Mermaid son compatibles con Congo utilizando el shortcode `mermaid`. Simplemente encierra las etiquetas del diagrama dentro del shortcode. Congo crea temas automáticamente a los diagramas Mermaid para que coincidan con el parámetro `colorScheme` configurado.
+
+Consulta la documentación del [shortcode Mermaid]({{< ref path="docs/shortcodes#mermaid" lang="en" >}}) para obtener más detalles.
+
+Los ejemplos a continuación 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/jpanther/congo/dev/exampleSite/content/samples/diagrams-flowcharts/index.es.md) en GitHub para ver la sintaxis.
+
+## 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 clase
+
+{{< 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/emoji/index.es.md

@@ -0,0 +1,19 @@
+---
+title: "Emoji :parachute:"
+date: 2019-03-05
+description: "Guide to Emoji usage in Congo"
+summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
+tags: ["emoji", "sample"]
+---
+
+Los Emojis son compatibles en Congo de forma predeterminada. Estos se pueden usar en títulos, elementos de menú y en el contenido de los artículos.
+
+{{< alert >}}
+**Note:** La representación de estos glifos depende del navegador y de la plataforma. Para cambiar el estilo del emoji, puedes usar un font de emojis de terceros o una pila de fonts.
+{{< /alert >}}
+
+El reemplazo de emojis es automático en Congo, por lo que puedes usar las formas abreviadas dentro de tu contenido y se convertirán a 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 [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) es una referencia útil para los códigos abreviados de los emojis.

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

@@ -0,0 +1,14 @@
+---
+title: "Artículo externo - ¿Por qué cambié a Fathom Analytics?"
+date: 2019-01-24
+externalUrl: "https://jamespanther.com/writings/i-switched-from-google-analytics-to-fathom-analytics/"
+summary: "El parámetro `externalUrl` se puede vincular a cualquier URL. Este artículo se parece a cualquier otro, pero se vinculará a una publicación que está fuera del proyecto."
+showReadingTime: false
+_build:
+  render: "never"
+  list: "local"
+---
+
+Esta página utiliza el parámetro `externalUrl` para vincularlo a un artículo fuera de este sitio web.
+
+Es ideal para cosas como enlaces a publicaciones en Medium o para trabajos de investigación que puede haber alojado en sitios web de terceros.