From fe7c149811f2e20c055ad0375aff05d29491efb4 Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>
Date: Sat, 4 May 2024 01:05:04 +0200
Subject: Rebuild the site in Astro

Add licence

Update site name in header to match README.md

Add missing metadescription, opengraph and link to RSS

Update Astro configuration to include sitemap integration with priority and changefreq settings

New post
---
 src/pages/index.astro | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 src/pages/index.astro

(limited to 'src/pages/index.astro')

diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..abf3acd
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,64 @@
+---
+import { getCollection } from "astro:content";
+import Layout from "../layouts/Layout.astro";
+
+const blogCollection = (await getCollection("blog")).sort((a, b) => {
+	return b.data.publishedAt.getTime() - a.data.publishedAt.getTime();
+});
+
+const schema = {
+	"@context": "http://schema.org",
+	"@type": "WebSite",
+	id: "https://www.costas.dev/",
+	url: "https://www.costas.dev/",
+};
+---
+
+<Layout title="Inicio" description="Página de inicio de mi web">
+	<script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script>
+
+	<h1>Inicio</h1>
+	<p>
+		Te doy la bienvenida a mi web. Aquí encontrarás información sobre mí,
+		mis proyectos y mis intereses. Esta web está creada con el generador
+		Hugo y un tema creado por mí desde cero.
+	</p>
+	<h2>¿Quién soy?</h2>
+	<p>
+		Soy un desarrollador web que le gusta aprender cosas nuevas y compartir
+		su conocimiento. Me gusta la programación, el diseño web y la
+		creatividad. Me encanta crear cosas nuevas y aprender de los demás.
+	</p>
+
+	<h2>¿Qué hago?</h2>
+	<p>
+		Actualmente trabajo como desarrollador de software y admistrador de
+		Cloud en una empresa de tecnología. Me encargo de desarrollar
+		aplicaciones web y desplegarlas en la nube de forma segura y eficiente.
+	</p>
+
+	<a href="/portfolio">Mi portafolio</a>
+
+	<h2>Últimas entradas del blog</h2>
+
+	<ul>
+		{
+			blogCollection.slice(0, 5).map((p) => {
+				const date = Intl.DateTimeFormat("es-ES", {
+					day: "2-digit",
+					month: "short",
+					year: "numeric",
+				}).format(p.data.publishedAt);
+				return (
+					<li>
+						<time datetime={p.data.publishedAt.toISOString()}>
+							{date}
+						</time>
+						<a href={`/blog/${p.slug}`}>{p.data.title}</a>
+					</li>
+				);
+			})
+		}
+	</ul>
+	<a href="/blog">Ver todas las entradas</a>
+</Layout>
-- 
cgit v1.3