2 lines
1.1 KiB
Plaintext
2 lines
1.1 KiB
Plaintext
<section class="kg-section" data-block="kindergarten:storybook_quote"><div class="kg-container"><figure class="kg-storybook"><blockquote style="margin: 0;">{% if quote %}<p class="kg-storybook-quote">"{{ quote }}"</p>{% else %}<p class="kg-storybook-quote" data-empty="true">Add a quote to inspire your readers.</p>{% endif %}{% if author %}<figcaption class="kg-storybook-author">— {{ author }}</figcaption>{% endif %}</blockquote><div>{% if illustration %}<img class="kg-storybook-illustration" src="{{ illustration|mediaURL }}" alt="Illustration accompanying the quote">{% else %}<svg viewBox="0 0 200 150" width="100%" height="auto" class="kg-storybook-illustration" role="img" aria-label="Storybook illustration"><rect width="200" height="150" rx="24" fill="hsl(var(--muted))"></rect><circle cx="60" cy="60" r="20" fill="hsl(var(--accent))"></circle><rect x="100" y="40" width="60" height="40" rx="8" fill="hsl(var(--primary))"></rect><path d="M 30 110 Q 100 90 170 110 L 170 130 L 30 130 Z" fill="hsl(var(--secondary))"></path></svg>{% endif %}</div></figure></div></section>
|