feat: adds es language (#587)

* feat: adds es language

* feat: adds es contribute page

* fix: fixes after review

config/languages.js

@@ -25,6 +25,11 @@ module.exports = {
       shortName: 'Ita',
       code: 'it-it',
     },
+    es: {
+      name: 'Español',
+      shortName: 'Esp',
+      code: 'es',
+    },
     'zh-cn': {
       name: ' 简体中文',
       shortName: 'Chi',
@@ -39,7 +44,7 @@ module.exports = {
       name: '繁體中文',
       shortName: 'Chi',
       code: 'tw-cn',
-    }
+    },
   },
   defaultLanguage: 'en',
 };

src/components/pages/project-landscape/ebpf-libraries/ebpf-libraries.jsx

@@ -22,9 +22,10 @@ const title = {
   pt: 'Bibliotecas eBPF',
   'pt-br': 'Bibliotecas eBPF',
   'it-it': 'Librerie eBPF',
+  es: 'Bibliotecas eBPF',
   'zh-cn': 'eBPF 库',
   sw: 'Maktaba za eBPF',
-  'tw-cn': 'eBPF 函式庫'
+  'tw-cn': 'eBPF 函式庫',
 };
 
 const items = [
@@ -99,22 +100,22 @@ const EbpfLibraries = ({ lang }) => {
   const slug = slugifyCategory(title.en);
 
   return (
-    <section className="libraries safe-paddings pt-32 lg:pt-28 md:pt-20" id={slug}>
+    <section className="pt-32 libraries safe-paddings lg:pt-28 md:pt-20" id={slug}>
       <div className="container">
-        <div className="rounded-lg bg-secondary-yellow-light p-16 lg:p-12 md:px-8 sm:px-5">
+        <div className="p-16 rounded-lg bg-secondary-yellow-light lg:p-12 md:px-8 sm:px-5">
           <Heading
-            className="heading-9xl mx-auto inline-block font-bold leading-dense tracking-wide"
+            className="inline-block mx-auto font-bold tracking-wide heading-9xl leading-dense"
             id={slug}
           >
             {title[lang]}
           </Heading>
-          <ul className="mt-10 grid grid-cols-12 gap-7 lg:gap-6 md:mt-8">
+          <ul className="grid grid-cols-12 mt-10 gap-7 lg:gap-6 md:mt-8">
             {items.map(({ name, icon, list }, index) => (
               <li
-                className="col-span-4 flex flex-col overflow-hidden rounded bg-white md:col-span-full"
+                className="flex flex-col col-span-4 overflow-hidden bg-white rounded md:col-span-full"
                 key={index}
               >
-                <div className="flex items-center justify-center bg-black bg-infrastructure-item-gradient py-6">
+                <div className="flex items-center justify-center py-6 bg-black bg-infrastructure-item-gradient">
                   <img {...icon} className="h-10" loading="lazy" />
                   <h3 className="heading-6xl ml-3.5 border-l border-white border-opacity-50 pl-3.5 font-semibold leading-none tracking-wide text-white">
                     {name}
@@ -141,7 +142,7 @@ const EbpfLibraries = ({ lang }) => {
                       )}
                       <p>
                         <Link
-                          className="w-fit font-medium after:hidden"
+                          className="font-medium w-fit after:hidden"
                           to={linkUrl}
                           target="_blank"
                           theme="black"

src/components/shared/header/language-select/language-select.jsx

@@ -6,6 +6,7 @@ import Link from 'components/shared/link';
 import useClickOutside from 'hooks/use-click-outside';
 import ChevronIcon from 'icons/chevron.inline.svg';
 import EnIcon from 'icons/languages/en.inline.svg';
+import EsIcon from 'icons/languages/es.inline.svg';
 import FrFrIcon from 'icons/languages/fr-fr.inline.svg';
 import ItItIcon from 'icons/languages/it-it.inline.svg';
 import PtBrIcon from 'icons/languages/pt-br.inline.svg';
@@ -21,6 +22,7 @@ const langIcons = {
   pt: PtIcon,
   'pt-br': PtBrIcon,
   'it-it': ItItIcon,
+  es: EsIcon,
   'zh-cn': ZhCNIcon,
   sw: SwIcon,
   'tw-cn': ZhCNIcon,

src/data/pages/applications/index.js

@@ -8,6 +8,7 @@ const data = {
     pt: '/pt/applications/',
     'pt-br': '/pt-br/applications/',
     'it-it': '/it-it/applications/',
+    es: '/es/applications/',
     'zh-cn': '/zh-cn/applications/',
     sw: '/sw/applications/',
     'tw-cn': '/tw-cn/applications/',
@@ -132,6 +133,30 @@ const data = {
       items: emergingApplications,
     },
   },
+  es: {
+    title: 'Aplicaciones',
+    hero: {
+      items: [
+        {
+          text: 'Aplicaciones',
+          to: '/es/applications/',
+        },
+        {
+          text: 'Infraestructura',
+          to: '/es/infrastructure/',
+        },
+      ],
+    },
+    majorApplicationsProps: {
+      titleTag: 'h2',
+      title: 'Aplicaciones principales',
+      items: majorApplications,
+    },
+    emergingApplicationsProps: {
+      title: 'Emergente',
+      items: emergingApplications,
+    },
+  },
   'zh-cn': {
     title: '应用项目',
     hero: {

src/data/pages/case-studies/index.js

@@ -7,6 +7,7 @@ const data = {
     pt: '/pt/case-studies/',
     'pt-br': '/pt-br/case-studies/',
     'it-it': '/it-it/case-studies/',
+    es: '/es/case-studies/',
     'zh-cn': '/zh-cn/case-studies/',
     sw: '/sw/case-studies/',
     'tw-cn': '/tw-cn/case-studies/',
@@ -41,6 +42,12 @@ const data = {
       items: caseStudiesData['it-it'],
     },
   },
+  es: {
+    hero: {
+      title: 'Casos de estudios con eBPF',
+      items: caseStudiesData.es,
+    },
+  },
   'zh-cn': {
     hero: {
       title: 'eBPF 案例研究',
@@ -57,8 +64,8 @@ const data = {
     hero: {
       title: 'eBPF案例研究',
       items: caseStudiesData['tw-cn'],
-    }
-  }
+    },
+  },
 };
 
 export default data;

src/data/pages/contribute/index.js

@@ -5,6 +5,7 @@ const data = {
     pt: '/pt/contribute/',
     'pt-br': '/pt-br/contribute/',
     'it-it': '/it-it/contribute/',
+    es: '/es/contribute/',
     'zh-cn': '/zh-cn/contribute/',
     sw: '/sw/contribute/',
     'tw-cn': '/tw-cn/contribute/',
@@ -429,6 +430,90 @@ const data = {
       ],
     },
   },
+  es: {
+    hero: {
+      title: 'Cómo contribuir a eBPF',
+      description:
+        'eBPF está formado por muchas comunidades, incluido el tiempo de ejecución de eBPF en el kernel de Linux, varios SDK y bibliotecas de desarrollo, una serie de grandes proyectos que utilizan eBPF y un amplio conjunto de proyectos y herramientas más pequeños. Por tanto, hay muchas formas de contribuir a la comunidad eBPF y participar en ella. La siguiente lista de ideas puede servir como punto de partida sobre cómo participar y contribuir a la comunidad.',
+      card: {
+        title: 'Contribuir al tiempo de ejecución de eBPF en el núcleo de Linux',
+        description:
+          'La comunidad del núcleo Linux mantiene repositorios Git separados para el subsistema eBPF con el fin de gestionar todas las contribuciones de los desarrolladores. Los repositorios son mantenidos por:',
+        secondDescription:
+          'Trabajar en el tiempo de ejecución de eBPF puede ser increíblemente gratificante, ya que sienta las bases para escribir software que se ejecuta en millones de sistemas y dispositivos. El trabajo incluye una amplia gama de temas, desde añadir soporte a hooks adicionales, añadir nuevos tipos de programas, mejoras en el verificador de eBPF, añadir soporte JIT para arquitecturas de CPU adicionales, ampliar el conjunto de ayudantes de BPF, añadir nuevos casos de prueba a la infraestructura de pruebas de BPF o mejoras en bpftool y libbpf.',
+        authors: [
+          {
+            name: 'Alexei Starovoitov',
+            company: 'Facebook',
+          },
+          {
+            name: 'Daniel Borkmann',
+            company: 'Cilium/Isovalent',
+          },
+        ],
+        links: [
+          {
+            text: 'Git trees',
+            to: 'https://git.kernel.org/?q=BPF+Group',
+          },
+          {
+            text: 'Linux kernel eBPF runtime',
+            to: '/es/infrastructure/#linux-kernel',
+          },
+        ],
+      },
+    },
+    howToContribute: {
+      items: [
+        {
+          icon: 'file',
+          title: 'Contribuya a un proyecto eBPF',
+          description:
+            '<p>La lista de proyectos basados en eBPF es larga y sigue creciendo.Le resultará fácil encontrar un proyecto que despierte su interés.Consulte el panorama de eBPF para ver un resumen de los proyectos basados en eBPF.</p><p>Muchos de los proyectos basados en eBPF que figuran en la lista mantienen una lista de tareas con una buena etiqueta de primer tema, cuyo alcance no requiere amplios conocimientos específicos del proyecto y ofrece una gran oportunidad para ponerse manos a la obra rápidamente.</p>',
+          links: [
+            {
+              text: 'PANORAMA EBPF',
+              to: '/applications',
+            },
+          ],
+        },
+        {
+          icon: 'gear',
+          title: 'Contribuir a las cadenas de herramientas de desarrollo de eBPF',
+          description:
+            '<p>Aunque el núcleo de Linux proporciona bibliotecas y API mínimas para utilizar eBPF directamente, la mayoría de los proyectos aprovechan una cadena de herramientas de desarrollo de eBPF para simplificar el uso de eBPF y compartir código común entre otros proyectos.</p><p>Consulte eBPF development toolchains para obtener una lista actualizada de proyectos en este espacio. Encontrará información sobre cómo participar directamente en el sitio web de cada proyecto.</p>',
+          links: [
+            {
+              text: 'CADENAS DE HERRAMIENTAS DE DESARROLLO EBPF',
+              to: '/what-is-ebpf/#development-toolchains',
+            },
+          ],
+        },
+        {
+          icon: 'pen',
+          title: 'Contribuya a ebpf.io',
+          description:
+            '<p>¿Tiene talento para escribir? ¿Se le dan bien los diagramas? El contenido del sitio web ebpf.io está sujeto a una licencia internacional Creative Commons Attribution 4.0. Si quieres participar, visita el repositorio de GitHub. Asegúrate también de unirte al canal de Slack #ebpf-website para ponerte en contacto con el equipo que trabaja en la documentación. Comparte lo que has aprendido mejorando la documentación o escribiendo tutoriales adicionales.</p>',
+          links: [
+            {
+              text: 'LICENCIA',
+              to: 'https://creativecommons.org/licenses/by/4.0/',
+              target: '_blank',
+            },
+            {
+              text: 'REPOSITORIO GITHUB',
+              to: 'https://github.com/ebpf-io/ebpf.io-website',
+              target: '_blank',
+            },
+            {
+              text: 'Slack',
+              to: 'https://ebpf.io/slack',
+            },
+          ],
+        },
+      ],
+    },
+  },
   'zh-cn': {
     hero: {
       title: '如何为 eBPF 做出贡献',

src/data/pages/events/index.js

@@ -14,6 +14,9 @@ const data = {
   'it-it': {
     title: 'Conferenze eBPF e Meetup',
   },
+  es: {
+    title: 'Conferencias, eventos y reuniones sobre eBPF',
+  },
   'zh-cn': {
     title: 'eBPF 会议和见面会',
   },
@@ -22,7 +25,7 @@ const data = {
   },
   'tw-cn': {
     title: 'eBPF 會議和見面會',
-  }
+  },
 };
 
 export default data;