18 lines
2.9 KiB
Plaintext
18 lines
2.9 KiB
Plaintext
<div data-block="earthen:footer"{% if not showNewsletter and not tagline and not columns %} data-empty{% endif %} class="earthen-footer w-full" style="background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground));">
|
|
<div class="max-w-6xl mx-auto px-6 py-16">
|
|
<div class="botanical-rule flex items-center gap-4 mb-10" aria-hidden="true">
|
|
<span class="flex-1 h-px" style="background-color: hsl(var(--primary-foreground) / 0.3);"></span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="32" height="32" data-motif="fern" class="earthen-glyph" style="color: hsl(var(--primary));" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M24 44V8"></path><path d="M24 12c-4-2-7-2-9 0M24 12c4-2 7-2 9 0"></path><path d="M24 18c-6-2-10-1-12 1M24 18c6-2 10-1 12 1"></path><path d="M24 25c-7-1-12 0-14 3M24 25c7-1 12 0 14 3"></path><path d="M24 33c-7 0-11 2-12 5M24 33c7 0 11 2 12 5"></path></svg>
|
|
<span class="flex-1 h-px" style="background-color: hsl(var(--primary-foreground) / 0.3);"></span>
|
|
</div>
|
|
{% if tagline %}<p class="earthen-display text-2xl md:text-3xl text-center mb-10" style="font-family: var(--font-heading, \000022Fraunces\000022, \000022Playfair Display\000022, Georgia, serif);">{{ tagline }}</p>{% endif %}
|
|
{% if showNewsletter %}<form class="max-w-xl mx-auto mb-12 flex flex-col sm:flex-row gap-3">
|
|
<label class="sr-only" for="earthen-footer-email">Email address</label>
|
|
<input id="earthen-footer-email" type="email" placeholder="you@example.org" class="flex-1 rounded-lg px-4 py-3 text-base" style="background-color: hsl(var(--primary-foreground) / 0.1); color: hsl(var(--primary-foreground)); border: 1px solid hsl(var(--primary-foreground) / 0.3);">
|
|
<button type="submit" class="rounded-lg px-6 py-3 font-semibold" style="background-color: hsl(var(--accent)); color: hsl(var(--accent-foreground));">Subscribe</button>
|
|
</form>{% endif %}
|
|
{% if columns %}<div class="grid gap-8 mb-10 {% if columns|length == 1 %}grid-cols-1{% elif columns|length == 2 %}grid-cols-1 sm:grid-cols-2{% elif columns|length == 3 %}grid-cols-1 sm:grid-cols-3{% else %}grid-cols-2 lg:grid-cols-4{% endif %}">{% for col in columns %}<div>{% if col.title %}<h4 class="earthen-display text-lg mb-4" style="font-family: var(--font-heading, \000022Fraunces\000022, \000022Playfair Display\000022, Georgia, serif);">{{ col.title }}</h4>{% endif %}{% if col.links %}<ul class="space-y-2">{% for link in col.links %}<li><a href="{{ link.url|default:"#" }}" class="earthen-footer-link transition-colors" style="color: hsl(var(--primary-foreground) / 0.85);">{{ link.text }}</a></li>{% endfor %}</ul>{% endif %}</div>{% endfor %}</div>{% endif %}
|
|
<div class="text-center text-sm pt-6" style="border-top: 1px solid hsl(var(--primary-foreground) / 0.2); color: hsl(var(--primary-foreground) / 0.7);"><span>Rooted in place. Made with care.</span></div>
|
|
</div>
|
|
</div>
|