Primer acercamiento index en ingles

secorto · Nov 27, 2024 · 733d2d6 · 733d2d6
1 parent fdc7d89
commit 733d2d6
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 3 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -13,5 +13,12 @@ export default defineConfig({
     '/blog/2018-09-17-patrones-automatizacion-pruebas': '/charla/2018-09-17-patrones-automatizacion-pruebas',
     '/blog/2017-01-30-test-unitarios': '/charla/2017-01-30-test-unitarios'
   },
-  integrations: [sitemap()]
+  integrations: [sitemap()],
+  i18n: {
+    defaultLocale: "es",
+    locales: ["es", "en"],
+    fallback: {
+      en: "es"
+    },
+  }
 });
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
@@ -0,0 +1,24 @@
+---
+import SiteLayout from "@layouts/SiteLayout.astro";
+import intro from '@assets/img/intro.inline.svg?raw'
+import Footer from '@components/Footer.astro';
+import { getRelativeLocaleUrl } from 'astro:i18n';
+
+const pageTitle = "Homepage";
+
+---
+
+<SiteLayout pageTitle={pageTitle}>
+  <Fragment set:html={intro} />
+  <main class="main-content">
+    <div>
+      <h1>I'm Sergio Carlos Orozco Torres</h1>
+      <p>👨🏼‍🎓 <a href={getRelativeLocaleUrl('en', 'about')}>Computer security specialist</a> with extensive knowledge in <a href="trabajo">software development</a></p>
+      <p>🗣️ I gave <a href={getRelativeLocaleUrl('en', 'charla')}>talks</a> in different <a href="comunidad">communities</a> throughout Colombia</p>
+      <p>📝 Also I writen <a href="blog">a blog</a> about different topics</p>
+      <p>🛠️ I participate in open source <a href="proyecto">projects</a></p>
+    </div>
+    <slot />
+  </main>
+  <Footer />
+</SiteLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,7 +1,9 @@
 ---
 import SiteLayout from "@layouts/SiteLayout.astro";
 import intro from '@assets/img/intro.inline.svg?raw'
-import Footer from '../components/Footer.astro';
+import Footer from '@components/Footer.astro';
+import { getRelativeLocaleUrl } from 'astro:i18n';
+
 const pageTitle = "Página de inicio";
 ---
 
@@ -10,7 +12,7 @@ const pageTitle = "Página de inicio";
   <main class="main-content">
     <div>
       <h1>Soy Sergio Carlos Orozco Torres</h1>
-      <p>👨🏼‍🎓 <a href="about">Especialista en seguridad informática</a> con amplios conocimientos en <a href="trabajo">desarrollo de software</a></p>
+      <p>👨🏼‍🎓 <a href={getRelativeLocaleUrl('es', 'about')}>Especialista en seguridad informática</a> con amplios conocimientos en <a href="trabajo">desarrollo de software</a></p>
       <p>🗣️ He dado <a href="charla">charlas</a> en diferentes <a href="comunidad">comunidades</a> por toda Colombia</p>
       <p>📝 Además de haber escrito <a href="blog">articulos</a> sobre diversos temas</p>
       <p>🛠️ Participo en <a href="proyecto">proyectos</a> de código libre</p>