mirror of
https://github.com/svemagie/blog-eleventy-indiekit.git
synced 2026-04-02 16:44:56 +02:00
dd454bf4ce
Wraps footer items in a CSS grid that's 1 column on mobile, 2 on tablet, 3 on desktop. Each custom-html block fills one column. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
27 lines
1.0 KiB
Plaintext
27 lines
1.0 KiB
Plaintext
{# Homepage Builder Footer — renders footer items in a responsive 3-column grid #}
|
|
{% if homepageConfig.footer and homepageConfig.footer.length %}
|
|
<footer class="homepage-footer mt-8 sm:mt-12 pt-6 sm:pt-8 border-t border-surface-200 dark:border-surface-700">
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{% for section in homepageConfig.footer %}
|
|
{% if section.type == "custom-html" %}
|
|
{% set sectionConfig = section.config or {} %}
|
|
<div>
|
|
{% if sectionConfig.title %}
|
|
<h3 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-3">{{ sectionConfig.title }}</h3>
|
|
{% endif %}
|
|
{% if sectionConfig.content %}
|
|
<div class="prose dark:prose-invert prose-sm max-w-none">
|
|
{{ sectionConfig.content | safe }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<div>
|
|
{% include "components/homepage-section.njk" %}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|