---
import Layout from "@/layouts/main.astro"
import BlogPosts from "@/components/BlogPosts.astro"
import OpenRing from "@/components/OpenRing.astro"
---

<Layout title="Iwan Ingman's Blog">
  <main class="mx-auto flex w-full max-w-3xl flex-col gap-8 p-4 md:p-6">
    <!-- Title -->
    <div class="flex flex-col items-center px-4">
      <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman</h1>
      <p class="text-lg text-center text-muted-foreground mt-4">
	I'm a Computer Science student at Cardiff University, with a focus
	on Software Development.
      </p>
    </div>

    <!-- Content -->
    <!-- List Astro posts -->
    <BlogPosts />

    <!-- Render openring output -->
    <OpenRing />
  </main>
</Layout>