2 lines
1.2 KiB
Plaintext
2 lines
1.2 KiB
Plaintext
<article class="earthen-card rounded-xl overflow-hidden p-6"{% if not title and not body and not image and not link and not linkLabel %} data-empty{% endif %} style="background-color: hsl(var(--card)); color: hsl(var(--card-foreground)); border: 1px solid hsl(var(--border)); box-shadow: inset 0 0 0 1px hsl(var(--border) / 0.4);">{% if image %}<div class="earthen-card-image -mx-6 -mt-6 mb-4 overflow-hidden"><img src="{{ image }}" alt="{{ title }}" class="w-full h-auto"></div>{% endif %}{% if title %}<h3 class="earthen-card-title text-2xl mb-3" style="font-family: var(--font-heading, \000022Fraunces\000022, \000022Playfair Display\000022, Georgia, serif); color: hsl(var(--primary));">{{ title }}</h3>{% endif %}{% if body %}<div class="earthen-card-body mb-4" style="font-family: var(--font-body, \000022Spectral\000022, Georgia, serif); color: hsl(var(--foreground));">{{ body|safe }}</div>{% endif %}{% if link %}<a href="{{ link }}" class="earthen-card-link inline-flex items-center gap-2 font-semibold" style="color: hsl(var(--accent));">{% if linkLabel %}<span>{{ linkLabel }}</span>{% else %}<span>Read more</span>{% endif %}<span aria-hidden="true">→</span></a>{% endif %}</article>
|