Add footer below examples

2025-03-01 22:15:39 +00:00 · 2025-03-01 22:15:39 +00:00 · cb479d38c1
commit cb479d38c1
parent 2b1680fcfc
3 changed files with 18 additions and 2 deletions
--- 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
--- 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>
--- a/source/_layouts/example.html.twig
+++ 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 %}