From 637f6e8b73f4d0f53ac4d137c00a87a955082ce4 Mon Sep 17 00:00:00 2001
From: Henrique Ramos <henriquealberone@outlook.com>
Date: Sat, 14 Dec 2024 21:01:38 -0300
Subject: [PATCH] chore: update index page to list all slides

---
 src/layouts/BaseLayout.astro |  2 +-
 src/pages/index.astro        | 60 ++++++++++++++++++++++++++++++++----
 2 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index d49f90d..d744f80 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -13,7 +13,7 @@ const { title } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
     <meta
       name="apple-mobile-web-app-status-bar-style"
       content="black-translucent"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c04f360..61e8e35 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,11 +1,59 @@
 ---
-import Welcome from '../components/Welcome.astro';
-import Layout from '../layouts/Layout.astro';
+import Layout from "@layouts/BaseLayout.astro";
+import { getCollection } from "astro:content";
 
-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
+const slides = (await getCollection("slides")).sort((c1, c2) =>
+  c1.data.title > c2.data.title ? -1 : 1
+);
 ---
 
-<Layout>
-	<Welcome />
+<Layout title="Home">
+  <h1>Slides</h1>
+  <p>Here you can find a list of all available slides:</p>
+  {
+    slides.map((slide) => (
+      <a href={`/${slide.id}`}>
+        <h2>{slide.data.title}</h2>
+        <p>{slide.data.description}</p>
+        <small>{slide.data.publishedAt.toLocaleDateString()}</small>
+      </a>
+    ))
+  }
 </Layout>
+
+<style lang="scss">
+  @use "@themes/hnrq";
+
+  body {
+    background-color: hnrq.$backgroundColor;
+    color: hnrq.$mainColor;
+    font-family: hnrq.$mainFont;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+  }
+
+  body > * {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: hnrq.$headingFont;
+  }
+
+  a {
+    padding: 2rem;
+    color: hnrq.$mainColor;
+    text-decoration: none;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+      background: hnrq.$mainColor;
+      color: hnrq.$backgroundColor;
+    }
+  }
+</style>