4ac5f76714
- Seed 6 licensed bakery photos (media array) and wire them to every product card: home Seasonal Specials (strawberry tart/croissant/lemon loaf) and the article Cake Gallery (tart/sponge/galette). Kills the 'Add a photo' placeholder residue on all six cards. Also adds a bakery interior shot to the About story section. - Card title/price row: price moved to its own line (cake gallery) / a wrapping badge+price row under the title (seasonal specials) so a long product name never collides with the price and '$X.XX' can never clip. - SVG geometry guard: explicit width/height on all 43 <use> icon SVGs so the host Tailwind JIT dropping a size utility can't balloon an icon. - Lengthen the strawberries article to 8 paragraphs (bakery voice). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
39 lines
4.7 KiB
Plaintext
39 lines
4.7 KiB
Plaintext
{# pastel-dream footer — scalloped top edge, soft pastel chrome, builtin footer_menus provider. #}
|
|
{% set fl = layout %}
|
|
{% if not fl %}{% if template == "centered" %}{% set fl = "centered" %}{% else %}{% set fl = "columns" %}{% endif %}{% endif %}
|
|
{% macro sociallinks(cls) %}{% if social_items %}<div class="flex items-center gap-3 {{ cls }}">{% for s in social_items %}<a href="{{ s.url }}" target="_blank" rel="noopener" title="{{ s.label }}" class="text-muted-foreground transition-colors hover:text-accent"><span class="sr-only">{{ s.label }}</span>{% if s.icon %}<svg width="20" height="20" class="h-5 w-5" aria-hidden="true"><use href="/icons/{{ s.icon|split:":"|first }}.svg#{{ s.icon|split:":"|last }}"></use></svg>{% else %}{{ s.label }}{% endif %}</a>{% endfor %}</div>{% endif %}{% endmacro %}
|
|
{% macro newsletter() %}{% if showNewsletter %}<div class="max-w-sm"><h3 class="pd-hand text-2xl text-accent">{{ newsletterTitle|default:"Stay in the loop" }}</h3>{% if newsletterDescription %}<p class="pd-body mt-1 text-sm text-muted-foreground">{{ newsletterDescription }}</p>{% endif %}<div class="mt-3">{% signup_form list=newsletterListSlug|default:"main" source="footer" submit=newsletterButtonText|default:"Subscribe" %}</div></div>{% endif %}{% endmacro %}
|
|
{% macro legalbar() %}<div class="mt-10 flex flex-col items-center justify-between gap-3 border-t border-dashed border-border pt-6 text-sm text-muted-foreground sm:flex-row"><p class="pd-body">{% if copyright %}© {{ copyright }}{% else %}© {{ companyName }}{% endif %}</p>{% if legal_items %}<nav class="flex flex-wrap items-center gap-x-4 gap-y-1">{% for l in legal_items %}<a href="{{ l.url|default:'#' }}"{% if l.open_in_new_tab %} target="_blank" rel="noopener"{% endif %} class="pd-body transition-colors hover:text-foreground">{{ l.label }}</a>{% endfor %}</nav>{% endif %}</div>{% endmacro %}
|
|
<footer class="pd-torn-top w-full bg-muted/50 text-foreground {{ class }}">
|
|
<div class="{% if fullWidth %}w-full px-4 sm:px-6 lg:px-8{% else %}mx-auto max-w-7xl px-4 sm:px-6 lg:px-8{% endif %} py-16">
|
|
{% if fl == "minimal" %}
|
|
<div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
|
|
<div class="flex items-center gap-3">{% if logo %}<img src="{{ logo }}" alt="{{ companyName }}" class="h-8 w-auto"/>{% elif companyName %}<span class="pd-display text-xl text-primary">{{ companyName }}</span>{% endif %}{% if tagline %}<span class="pd-hand hidden text-lg text-accent sm:inline">{{ tagline }}</span>{% endif %}</div>
|
|
{{ sociallinks("") }}
|
|
</div>
|
|
{{ legalbar() }}
|
|
{% elif fl == "centered" %}
|
|
<div class="flex flex-col items-center gap-5 text-center">
|
|
{% if logo %}<img src="{{ logo }}" alt="{{ companyName }}" class="h-10 w-auto"/>{% elif companyName %}<span class="pd-display text-2xl text-primary">{{ companyName }}</span>{% endif %}
|
|
{% if tagline %}<p class="pd-hand max-w-md text-xl text-accent">{{ tagline }}</p>{% endif %}
|
|
{% if columns %}<nav class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2">{% for col in columns %}{% for item in col.items %}<a href="{{ item.url|default:'#' }}"{% if item.open_in_new_tab %} target="_blank" rel="noopener"{% endif %} class="pd-body text-sm text-muted-foreground transition-colors hover:text-foreground">{{ item.label }}</a>{% endfor %}{% endfor %}</nav>{% endif %}
|
|
{{ newsletter() }}
|
|
{{ sociallinks("justify-center") }}
|
|
</div>
|
|
{{ legalbar() }}
|
|
{% else %}
|
|
<div class="grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-5">
|
|
<div class="col-span-2 lg:col-span-2">
|
|
{% if logo %}<img src="{{ logo }}" alt="{{ companyName }}" class="h-9 w-auto"/>{% elif companyName %}<span class="pd-display text-2xl text-primary">{{ companyName }}</span>{% endif %}
|
|
{% if tagline %}<p class="pd-hand mt-2 max-w-xs text-xl text-accent">{{ tagline }}</p>{% endif %}
|
|
{% if address or email or phone %}<address class="pd-body mt-4 space-y-1 text-sm not-italic text-muted-foreground">{% if address %}<div>{{ address }}</div>{% endif %}{% if email %}<div><a href="mailto:{{ email }}" class="transition-colors hover:text-foreground">{{ email }}</a></div>{% endif %}{% if phone %}<div><a href="tel:{{ phone }}" class="transition-colors hover:text-foreground">{{ phone }}</a></div>{% endif %}</address>{% endif %}
|
|
{{ sociallinks("mt-5") }}
|
|
</div>
|
|
{% for col in columns %}<div><h3 class="pd-hand text-xl text-accent">{{ col.header }}</h3><ul class="mt-3 space-y-2">{% for item in col.items %}<li><a href="{{ item.url|default:'#' }}"{% if item.open_in_new_tab %} target="_blank" rel="noopener"{% endif %} class="pd-body text-sm text-muted-foreground transition-colors hover:text-foreground">{{ item.label }}</a></li>{% endfor %}</ul></div>{% endfor %}
|
|
{% if showNewsletter %}<div class="col-span-2 lg:col-span-1">{{ newsletter() }}</div>{% endif %}
|
|
</div>
|
|
{{ legalbar() }}
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|