From 2b1680fcfc04e35a91f7bd0b2d4b8055909897ee Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Sat, 1 Mar 2025 22:15:39 +0000
Subject: [PATCH] Show list of examples

---
 source/index.html.twig | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/source/index.html.twig b/source/index.html.twig
index f71fd7b..a92462f 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -1,16 +1,18 @@
 ---
 layout: base
+title: Building Bootstrap Components with Tailwind CSS
 use:
   - examples
 ---
 
-<ul>
-  {% for example in data.examples %}
-    <li>
-      <a href="{{ example.url }}">
-      {{ example.title }}
-      </a>
-    </li>
-  {% endfor %}
-</ul>
+<div class="max-w-xl mx-auto py-10 prose">
+  <h1 class="text-center">{{ page.title }}</h1>
 
+  <ul>
+    {% for example in data.examples %}
+      <li>
+        <a href="{{ example.url }}">{{ example.title }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</div>