Translate LayoutFooter and LayoutHeader (#160)

Author: Zitle-Nancy

content/community/nav.yml

@@ -1,42 +1,42 @@
-- title: Community Resources
+- title: Recursos de la comunidad
   items:
     - id: support
-      title: Support
+      title: Asistencia
     - id: courses
-      title: Courses
+      title: Cursos
     - id: examples
-      title: Examples
+      title: Ejemplos
     - id: meetups
-      title: Meetups
+      title: Encuentros
     - id: conferences
-      title: Conferences
+      title: Conferencias
     - id: articles
-      title: Articles
+      title: Artículos
     - id: podcasts
       title: Podcasts
     - id: videos
       title: Videos
     - id: external-resources
-      title: External Resources
-- title: Tools
+      title: Recursos externos
+- title: Herramientas
   items:
     - id: debugging-tools
-      title: Debugging
+      title: Depuración
     - id: component-workbenches
-      title: Component Workbenches
+      title: Herramientas de trabajo para componentes
     - id: jsx-integrations
-      title: JSX Integrations
+      title: Integraciones de JSX
     - id: starter-kits
-      title: Starter Kits
+      title: Kits de inicio
     - id: routing
-      title: Routing
+      title: Enrutamiento
     - id: model-management
-      title: Model Management
+      title: Gestión de modelos
     - id: data-fetching
-      title: Data Fetching
+      title: Obtención de datos
     - id: testing
-      title: Testing
+      title: Pruebas
     - id: ui-components
-      title: UI Components
+      title: Componentes de IU
     - id: misc
-      title: Miscellaneous
+      title: Miscelánea

src/components/LayoutFooter/Footer.js

@@ -60,7 +60,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             },
           }}>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Docs</MetaTitle>
+            <MetaTitle onDark={true}>Documentación</MetaTitle>
             {sectionListDocs.map(section => {
               const defaultItem = section.items[0];
               return (
@@ -73,7 +73,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             })}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Channels</MetaTitle>
+            <MetaTitle onDark={true}>Canales</MetaTitle>
             <ExternalFooterLink
               href="https://github.com/facebook/react"
               target="_blank"
@@ -90,19 +90,19 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href="https://discuss.reactjs.org"
               target="_blank"
               rel="noopener">
-              Discussion Forum
+              Foro de discusión
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://discord.gg/0ZcbPKXt5bZjGY5n"
               target="_blank"
               rel="noopener">
-              Reactiflux Chat
+              Chat de Reactiflux
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://dev.to/t/react"
               target="_blank"
               rel="noopener">
-              DEV Community
+              Comunidad DEV
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://www.facebook.com/react"
@@ -118,7 +118,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             </ExternalFooterLink>
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Community</MetaTitle>
+            <MetaTitle onDark={true}>Comunidad</MetaTitle>
             {sectionListCommunity.map(section => (
               <FooterLink
                 to={`/community/${section.items[0].id}.html`}
@@ -128,12 +128,10 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             ))}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>More</MetaTitle>
+            <MetaTitle onDark={true}>Más</MetaTitle>
             <FooterLink to="/tutorial/tutorial.html">Tutorial</FooterLink>
             <FooterLink to="/blog/">Blog</FooterLink>
-            <FooterLink to="/acknowledgements.html">
-              Acknowledgements
-            </FooterLink>
+            <FooterLink to="/acknowledgements.html">Agradecimientos</FooterLink>
             <ExternalFooterLink
               href="https://facebook.github.io/react-native/"
               target="_blank"

src/components/LayoutHeader/DocSearch.js

@@ -104,7 +104,7 @@ class DocSearch extends Component<{}, State> {
           }}
           id="algolia-doc-search"
           type="search"
-          placeholder="Search docs"
+          placeholder="Buscar en la documentación"
           aria-label="Search docs"
         />
       </form>

src/components/LayoutHeader/Header.js

@@ -115,7 +115,7 @@ const Header = ({location}: {location: Location}) => (
           }}>
           <HeaderLink
             isActive={location.pathname.includes('/docs/')}
-            title="Docs"
+            title="Documentación"
             to="/docs/getting-started.html"
           />
           <HeaderLink
@@ -125,7 +125,7 @@ const Header = ({location}: {location: Location}) => (
           />
           <HeaderLink
             isActive={location.pathname.includes('/community/')}
-            title="Community"
+            title="Comunidad"
             to="/community/support.html"
           />
           <HeaderLink