From cb479d38c1c8cc08dd8654bbb4b42254b62c4a69 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Sat, 1 Mar 2025 22:15:39 +0000
Subject: [PATCH] Add footer below examples

---
 app/config/sculpin_kernel.yml     |  1 -
 source/_layouts/base.html.twig    |  2 +-
 source/_layouts/example.html.twig | 17 +++++++++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 source/_layouts/example.html.twig

diff --git a/app/config/sculpin_kernel.yml b/app/config/sculpin_kernel.yml
index 83b8dcf..c1aa2a1 100644
--- a/app/config/sculpin_kernel.yml
+++ b/app/config/sculpin_kernel.yml
@@ -1,6 +1,5 @@
 sculpin_content_types:
   examples:
     permalink: /:basename/
-    layout: base
   posts:
     enabled: false
diff --git a/source/_layouts/base.html.twig b/source/_layouts/base.html.twig
index 1dec5f4..63adb99 100644
--- a/source/_layouts/base.html.twig
+++ b/source/_layouts/base.html.twig
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="/build/tailwind.css" />
   </head>
   <body>
-    {% block body %}
+    {% block content_wrapper %}
       {% block content %}{% endblock %}
     {% endblock %}
   </body>
diff --git a/source/_layouts/example.html.twig b/source/_layouts/example.html.twig
new file mode 100644
index 0000000..a3bde05
--- /dev/null
+++ b/source/_layouts/example.html.twig
@@ -0,0 +1,17 @@
+{% extends 'base' %}
+
+{% block content_wrapper %}
+  {{ parent() }}
+
+  <footer class="text-gray-500">
+    <div class="max-w-xl mx-auto py-12 px-6 lg:max-w-6xl lg:grid lg:grid-cols-10">
+      <div class="markup lg:col-span-6">
+        <p>This page is an experiment for my <a href="https://www.oliverdavies.uk/talks/taking-flight-with-tailwind-css">Taking Flight with Tailwind CSS</a> talk, where I rebuild Bootstrap CSS examples with Tailwind.</p>
+      </div>
+
+      <div class="markup lg:col-span-4 lg:text-right">
+        <p><a href="#">Back to top</a></p>
+      </div>
+    </div>
+  </footer>
+{% endblock %}