opdavies/bootstrap-with-tailwind
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add footer below examples

Browse source
This commit is contained in:
Oliver Davies 2025-03-01 22:15:39 +00:00
parent 2b1680fcfc
commit cb479d38c1
3 changed files with 18 additions and 2 deletions

1
app/config/sculpin_kernel.yml
View file

@ -1,6 +1,5 @@
sculpin_content_types: sculpin_content_types:
examples: examples:
permalink: /:basename/ permalink: /:basename/
layout: base
posts: posts:
enabled: false enabled: false

2
source/_layouts/base.html.twig
View file

@ -8,7 +8,7 @@
<link rel="stylesheet" href="/build/tailwind.css" /> <link rel="stylesheet" href="/build/tailwind.css" />
</head> </head>
<body> <body>
{% block body %} {% block content_wrapper %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
{% endblock %} {% endblock %}
</body> </body>

17
source/_layouts/example.html.twig Normal file
View file

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