c2fc45e7f7
- seed: real Rootline Trust content — no 'example figures' placeholder copy; home composed as split hero (hands-soil image) + stats + feature-grid + botanical divider + field note + newsletter; About gap filled with fern image + impact report between story and pull-quote; first article expanded to ~10 field-notes paragraphs with inline forest image; 6 Pixabay images seeded via seed/media (id+file+alt) - article.ninjatpl: header slot now full-bleed (was max-w-3xl wrapped — the boxed-header artifact bracketing the nav with vertical rules) - landing.ninjatpl: main slot full-bleed so composed sections span the page - SVG geometry guard: every <use>-icon svg now carries explicit width/height matching its size class (18 files) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
15 lines
1.4 KiB
Plaintext
15 lines
1.4 KiB
Plaintext
{# social-links override — soft-cornered moss chips that warm to terracotta on hover. Fields mirror builtin: heading, style, links[].url/.label/.network. Icons via sprite <use>. Wiring preserved. #}
|
|
<div data-block-override="earthen:social-links" class="social-links{% if class %} {{ class }}{% endif %}">
|
|
{% if heading %}<p class="mb-4 text-xs font-semibold uppercase tracking-[0.16em]" style="color:hsl(var(--primary));">{{ heading }}</p>{% endif %}
|
|
<ul class="flex {% if style == "stack" %}flex-col gap-2{% else %}flex-wrap items-center gap-3{% endif %}">
|
|
{% for link in links %}{% if link.url %}
|
|
<li>
|
|
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ link.label|default:link.network }}" class="inline-flex items-center gap-2 rounded-xl border text-foreground transition-colors hover:bg-accent/10 hover:text-accent {% if style == "stack" %}w-full px-4 py-2.5{% else %}p-2.5{% endif %}" style="border-color:hsl(var(--border));">
|
|
{% if link.network %}<svg width="20" height="20" class="h-5 w-5" style="color:hsl(var(--primary));" aria-hidden="true"><use href="/icons/{{ link.network|split:":"|first }}.svg#{{ link.network|split:":"|last }}"></use></svg>{% endif %}
|
|
{% if style == "stack" and link.label %}<span class="text-xs font-semibold uppercase tracking-[0.12em]">{{ link.label }}</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endif %}{% endfor %}
|
|
</ul>
|
|
</div>
|