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 %}