<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>Tapestry - docs</title>
    <subtitle>Demo website for the Tapestry theme for Zola</subtitle>
    <link rel="self" type="application/atom+xml" href="https://ghp-tapestry.netlify.app/tags/docs/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-07-16T00:00:00+00:00</updated>
    <id>https://ghp-tapestry.netlify.app/tags/docs/atom.xml</id>
    <entry xml:lang="en">
        <title>Page-level Configuration Reference</title>
        <published>2026-07-16T00:00:00+00:00</published>
        <updated>2026-07-16T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/page-configuration/"/>
        <id>https://ghp-tapestry.netlify.app/docs/page-configuration/</id>
        
        <content type="html" xml:base="https://ghp-tapestry.netlify.app/docs/page-configuration/">&lt;p&gt;This page documents the &lt;code&gt;[extra]&lt;&#x2F;code&gt; front-matter keys Tapestry reads on
individual &lt;strong&gt;pages&lt;&#x2F;strong&gt; (e.g. &lt;code&gt;content&#x2F;about.md&lt;&#x2F;code&gt;, a blog post). These override
their &lt;a href=&quot;..&#x2F;site-configuration&quot;&gt;site-level&lt;&#x2F;a&gt; equivalents where noted. For
Zola&#x27;s own standard front matter (&lt;code&gt;title&lt;&#x2F;code&gt;, &lt;code&gt;description&lt;&#x2F;code&gt;, &lt;code&gt;date&lt;&#x2F;code&gt;, &lt;code&gt;updated&lt;&#x2F;code&gt;,
&lt;code&gt;authors&lt;&#x2F;code&gt;, &lt;code&gt;draft&lt;&#x2F;code&gt;, &lt;code&gt;weight&lt;&#x2F;code&gt;, &lt;code&gt;slug&lt;&#x2F;code&gt;, &lt;code&gt;path&lt;&#x2F;code&gt;, &lt;code&gt;template&lt;&#x2F;code&gt;,
&lt;code&gt;insert_anchor_links&lt;&#x2F;code&gt;, &lt;code&gt;[taxonomies]&lt;&#x2F;code&gt;, and so on), see
&lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;page-configuration&#x2F;#standard-zola-front-matter&quot;&gt;Standard Zola front matter&lt;&#x2F;a&gt; at the bottom of
this page.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;sidebar&quot;&gt;&lt;code&gt;sidebar&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#sidebar&quot; aria-label=&quot;Anchor link for: sidebar&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title = &amp;quot;My Page&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-markup z-heading&quot;&gt;# [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span class=&quot;z-markup z-heading&quot;&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-markup z-heading&quot;&gt;# sidebar = &amp;quot;sidebar-snippet.md&amp;quot;   # custom content&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-markup z-heading&quot;&gt;# sidebar = false                  # force off&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;The single-article template&#x27;s columns 9–12 sidebar region is content-driven,
not unconditionally reserved:&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;Left unset, a sidebar renders automatically once the page has &lt;strong&gt;2 or more&lt;&#x2F;strong&gt;
headings, as an &quot;on this page&quot; table of contents.&lt;&#x2F;li&gt;
&lt;li&gt;Set to a &lt;strong&gt;string&lt;&#x2F;strong&gt;, that path is loaded as a colocated Markdown snippet
(relative to the page&#x27;s own directory) and rendered into the sidebar
instead of&#x2F;alongside the auto TOC.&lt;&#x2F;li&gt;
&lt;li&gt;Set to &lt;strong&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;strong&gt;, no sidebar renders regardless of heading count or a
custom snippet, and the article reclaims the full 12 columns.&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h2 id=&quot;stylesheets&quot;&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#stylesheets&quot; aria-label=&quot;Anchor link for: stylesheets&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;stylesheets = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;&amp;quot;css&#x2F;one-off-page-style.css&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Additive with the site- and section-level &lt;code&gt;stylesheets&lt;&#x2F;code&gt; — see
&lt;a href=&quot;..&#x2F;site-configuration&#x2F;#stylesheets&quot;&gt;site-configuration.md&lt;&#x2F;a&gt;. All three
levels&#x27; stylesheets are linked together, not just the most specific one.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;katex&quot;&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#katex&quot; aria-label=&quot;Anchor link for: katex&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;katex = true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Overrides the site- and section-level &lt;code&gt;katex&lt;&#x2F;code&gt; setting for this page only —
see &lt;a href=&quot;..&#x2F;site-configuration&#x2F;#katex&quot;&gt;site-configuration.md&lt;&#x2F;a&gt; for the full
precedence chain. An explicit &lt;code&gt;true&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;false&lt;&#x2F;code&gt; here always wins over whatever
is set at the section or site level.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;social-media-image&quot;&gt;&lt;code&gt;social_media_image&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#social-media-image&quot; aria-label=&quot;Anchor link for: social-media-image&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra.social_media_image&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;path = &amp;quot;share-card.png&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;alt_text = &amp;quot;A diagram of the proposed architecture.&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;path&lt;&#x2F;code&gt; is a colocated image (relative to the page&#x27;s own directory),
automatically resized to 1200×675 and emitted as &lt;code&gt;og:image&lt;&#x2F;code&gt; &#x2F;
&lt;code&gt;twitter:card&lt;&#x2F;code&gt; meta tags.&lt;&#x2F;li&gt;
&lt;li&gt;&lt;code&gt;alt_text&lt;&#x2F;code&gt; is optional but recommended; it becomes &lt;code&gt;og:image:alt&lt;&#x2F;code&gt;.&lt;&#x2F;li&gt;
&lt;li&gt;If unset, the page falls back to the section-level &lt;code&gt;social_media_image&lt;&#x2F;code&gt;
(see &lt;a href=&quot;..&#x2F;section-configuration&#x2F;#social_media_image&quot;&gt;section-configuration.md&lt;&#x2F;a&gt;),
if any.&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;section class=&quot;alert note&quot; role=&quot;note&quot; aria-labelledby=&quot;HAxV&amp;#x2F;9Ws&quot;&gt;
    &lt;div class=&quot;alert-icon alert-icon-note&quot;&gt;&lt;&#x2F;div&gt;
    &lt;div class=&quot;alert-content&quot; role=&quot;presentation&quot;&gt;
        &lt;strong id=&quot;HAxV&amp;#x2F;9Ws&quot; class=&quot;alert-title&quot; aria-hidden=&quot;true&quot;&gt;copy_button is inert&lt;&#x2F;strong&gt;
        &lt;p&gt;&lt;code&gt;extra.copy_button&lt;&#x2F;code&gt; is a leftover terminus key. Tapestry deliberately ships
no copy-to-clipboard JavaScript (per CONSTITUTION.md §2), so setting it here
or at the section&#x2F;site level is a silent no-op.&lt;&#x2F;p&gt;
&lt;&#x2F;div&gt;
&lt;&#x2F;section&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;quick-reference&quot;&gt;Quick reference&lt;a class=&quot;post-anchor&quot; href=&quot;#quick-reference&quot; aria-label=&quot;Anchor link for: quick-reference&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Key&lt;&#x2F;th&gt;&lt;th&gt;Type&lt;&#x2F;th&gt;&lt;th&gt;Default&lt;&#x2F;th&gt;&lt;th&gt;Notes&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;sidebar&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string | bool&lt;&#x2F;td&gt;&lt;td&gt;auto (TOC if ≥2 headings)&lt;&#x2F;td&gt;&lt;td&gt;Custom snippet path, or &lt;code&gt;false&lt;&#x2F;code&gt; to force off.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;array of paths&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;[]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Additive with section&#x2F;site level.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;inherited&lt;&#x2F;td&gt;&lt;td&gt;Overrides section&#x2F;site level for this page.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;social_media_image.path&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;path&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Colocated image, resized to 1200×675 for &lt;code&gt;og:image&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;social_media_image.alt_text&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;og:image:alt&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;copy_button&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Inert (terminus leftover).&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;standard-zola-front-matter&quot;&gt;Standard Zola front matter&lt;a class=&quot;post-anchor&quot; href=&quot;#standard-zola-front-matter&quot; aria-label=&quot;Anchor link for: standard-zola-front-matter&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;Keys like &lt;code&gt;title&lt;&#x2F;code&gt;, &lt;code&gt;description&lt;&#x2F;code&gt;, &lt;code&gt;date&lt;&#x2F;code&gt;, &lt;code&gt;updated&lt;&#x2F;code&gt;, &lt;code&gt;authors&lt;&#x2F;code&gt;, &lt;code&gt;draft&lt;&#x2F;code&gt;,
&lt;code&gt;weight&lt;&#x2F;code&gt;, &lt;code&gt;slug&lt;&#x2F;code&gt;, &lt;code&gt;path&lt;&#x2F;code&gt;, &lt;code&gt;template&lt;&#x2F;code&gt;, &lt;code&gt;insert_anchor_links&lt;&#x2F;code&gt;, and
&lt;code&gt;[taxonomies]&lt;&#x2F;code&gt; are standard Zola front matter, not Tapestry-specific — see
&lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;content&#x2F;page&#x2F;&quot;&gt;Zola&#x27;s own page content documentation&lt;&#x2F;a&gt;
for the full reference.&lt;&#x2F;p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Section-level Configuration Reference</title>
        <published>2026-07-16T00:00:00+00:00</published>
        <updated>2026-07-16T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/section-configuration/"/>
        <id>https://ghp-tapestry.netlify.app/docs/section-configuration/</id>
        
        <content type="html" xml:base="https://ghp-tapestry.netlify.app/docs/section-configuration/">&lt;p&gt;This page documents the &lt;code&gt;[extra]&lt;&#x2F;code&gt; front-matter keys Tapestry reads on a
&lt;strong&gt;section&#x27;s&lt;&#x2F;strong&gt; &lt;code&gt;_index.md&lt;&#x2F;code&gt; (e.g. &lt;code&gt;content&#x2F;docs&#x2F;_index.md&lt;&#x2F;code&gt;,
&lt;code&gt;content&#x2F;archive&#x2F;_index.md&lt;&#x2F;code&gt;). Some of these override their
&lt;a href=&quot;..&#x2F;site-configuration&quot;&gt;site-level&lt;&#x2F;a&gt; equivalents; others are section-specific.
For Zola&#x27;s own standard section front matter (&lt;code&gt;title&lt;&#x2F;code&gt;, &lt;code&gt;description&lt;&#x2F;code&gt;,
&lt;code&gt;sort_by&lt;&#x2F;code&gt;, &lt;code&gt;paginate_by&lt;&#x2F;code&gt;, &lt;code&gt;template&lt;&#x2F;code&gt;, &lt;code&gt;redirect_to&lt;&#x2F;code&gt;, &lt;code&gt;transparent&lt;&#x2F;code&gt;, and so
on), see &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;section-configuration&#x2F;#standard-zola-front-matter&quot;&gt;Standard Zola front matter&lt;&#x2F;a&gt; at the
bottom of this page.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;framed&quot;&gt;&lt;code&gt;framed&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#framed&quot; aria-label=&quot;Anchor link for: framed&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;framed = true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Adds a &lt;code&gt;framed&lt;&#x2F;code&gt; class to the section header. Used by the front page, section
listing, and archive templates.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;section-path&quot;&gt;&lt;code&gt;section_path&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#section-path&quot; aria-label=&quot;Anchor link for: section-path&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;section_path = &amp;quot;docs&#x2F;_index.md&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Used by the front-page (&lt;code&gt;index.html&lt;&#x2F;code&gt;) and archive templates to pull posts
from a different section than the one the template is attached to — e.g.
your homepage &lt;code&gt;_index.md&lt;&#x2F;code&gt; can list posts from &lt;code&gt;content&#x2F;docs&#x2F;&lt;&#x2F;code&gt; without being
that section itself. On the archive template, this defaults to
&lt;code&gt;&#x2F;blog&#x2F;_index.md&lt;&#x2F;code&gt; if unset — a fallback path used only when your site has no
such section and doesn&#x27;t set &lt;code&gt;section_path&lt;&#x2F;code&gt; explicitly.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;max-posts&quot;&gt;&lt;code&gt;max_posts&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#max-posts&quot; aria-label=&quot;Anchor link for: max-posts&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;max_posts = 5&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Front-page only: caps how many posts from the section named by
&lt;code&gt;section_path&lt;&#x2F;code&gt; are listed. Defaults to that section&#x27;s own &lt;code&gt;paginate_by&lt;&#x2F;code&gt;, or
all of its pages if &lt;code&gt;paginate_by&lt;&#x2F;code&gt; is unset.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;stylesheets&quot;&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#stylesheets&quot; aria-label=&quot;Anchor link for: stylesheets&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;stylesheets = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;&amp;quot;css&#x2F;section-style.css&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Additive with the site- and page-level &lt;code&gt;stylesheets&lt;&#x2F;code&gt; — see
&lt;a href=&quot;..&#x2F;site-configuration&#x2F;#stylesheets&quot;&gt;site-configuration.md&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;katex&quot;&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#katex&quot; aria-label=&quot;Anchor link for: katex&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;katex = true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Sets the KaTeX default for every page in this section (and its
subsections), unless a page overrides it directly — see
&lt;a href=&quot;..&#x2F;site-configuration&#x2F;#katex&quot;&gt;site-configuration.md&lt;&#x2F;a&gt; for the full
precedence chain.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;social-media-image&quot;&gt;&lt;code&gt;social_media_image&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#social-media-image&quot; aria-label=&quot;Anchor link for: social-media-image&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra.social_media_image&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;path = &amp;quot;section-share-card.png&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;alt_text = &amp;quot;A photo representing this section.&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Same behaviour as the page-level key (see
&lt;a href=&quot;..&#x2F;page-configuration&#x2F;#social_media_image&quot;&gt;page-configuration.md&lt;&#x2F;a&gt;) — used
as the &lt;code&gt;og:image&lt;&#x2F;code&gt; fallback for any page in this section that doesn&#x27;t set its
own.&lt;&#x2F;p&gt;
&lt;section class=&quot;alert note&quot; role=&quot;note&quot; aria-labelledby=&quot;7J2oiYpK&quot;&gt;
    &lt;div class=&quot;alert-icon alert-icon-note&quot;&gt;&lt;&#x2F;div&gt;
    &lt;div class=&quot;alert-content&quot; role=&quot;presentation&quot;&gt;
        &lt;strong id=&quot;7J2oiYpK&quot; class=&quot;alert-title&quot; aria-hidden=&quot;true&quot;&gt;copy_button is inert&lt;&#x2F;strong&gt;
        &lt;p&gt;&lt;code&gt;extra.copy_button&lt;&#x2F;code&gt; is a leftover terminus key with no effect under
Tapestry — see &lt;a href=&quot;..&#x2F;page-configuration&#x2F;#sidebar&quot;&gt;page-configuration.md&lt;&#x2F;a&gt; for
why.&lt;&#x2F;p&gt;
&lt;&#x2F;div&gt;
&lt;&#x2F;section&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;quick-reference&quot;&gt;Quick reference&lt;a class=&quot;post-anchor&quot; href=&quot;#quick-reference&quot; aria-label=&quot;Anchor link for: quick-reference&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Key&lt;&#x2F;th&gt;&lt;th&gt;Type&lt;&#x2F;th&gt;&lt;th&gt;Default&lt;&#x2F;th&gt;&lt;th&gt;Notes&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;framed&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Adds a &lt;code&gt;framed&lt;&#x2F;code&gt; class to the section header.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;section_path&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;path&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;&#x2F;blog&#x2F;_index.md&lt;&#x2F;code&gt; (archive only)&lt;&#x2F;td&gt;&lt;td&gt;Section to pull posts from (front page, archive).&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;max_posts&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;integer&lt;&#x2F;td&gt;&lt;td&gt;section&#x27;s &lt;code&gt;paginate_by&lt;&#x2F;code&gt;, or all pages&lt;&#x2F;td&gt;&lt;td&gt;Front-page post-count cap.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;array of paths&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;[]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Additive with page&#x2F;site level.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;inherited&lt;&#x2F;td&gt;&lt;td&gt;Default for pages in this section.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;social_media_image.path&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;path&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Fallback &lt;code&gt;og:image&lt;&#x2F;code&gt; for pages in this section.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;social_media_image.alt_text&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;og:image:alt&lt;&#x2F;code&gt; fallback.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;copy_button&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Inert (terminus leftover).&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;standard-zola-front-matter&quot;&gt;Standard Zola front matter&lt;a class=&quot;post-anchor&quot; href=&quot;#standard-zola-front-matter&quot; aria-label=&quot;Anchor link for: standard-zola-front-matter&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;Keys like &lt;code&gt;title&lt;&#x2F;code&gt;, &lt;code&gt;description&lt;&#x2F;code&gt;, &lt;code&gt;sort_by&lt;&#x2F;code&gt;, &lt;code&gt;paginate_by&lt;&#x2F;code&gt;,
&lt;code&gt;paginate_reversed&lt;&#x2F;code&gt;, &lt;code&gt;template&lt;&#x2F;code&gt;, &lt;code&gt;page_template&lt;&#x2F;code&gt;, &lt;code&gt;redirect_to&lt;&#x2F;code&gt;,
&lt;code&gt;transparent&lt;&#x2F;code&gt;, &lt;code&gt;insert_anchor_links&lt;&#x2F;code&gt;, and &lt;code&gt;[taxonomies]&lt;&#x2F;code&gt; are standard Zola
section front matter, not Tapestry-specific — see
&lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;content&#x2F;section&#x2F;&quot;&gt;Zola&#x27;s own section content documentation&lt;&#x2F;a&gt;
for the full reference.&lt;&#x2F;p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Site-level Configuration Reference</title>
        <published>2026-07-16T00:00:00+00:00</published>
        <updated>2026-07-16T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/site-configuration/"/>
        <id>https://ghp-tapestry.netlify.app/docs/site-configuration/</id>
        
        <content type="html" xml:base="https://ghp-tapestry.netlify.app/docs/site-configuration/">&lt;p&gt;This page documents every setting Tapestry reads from the &lt;code&gt;[extra]&lt;&#x2F;code&gt; table of
your site&#x27;s &lt;code&gt;config.toml&lt;&#x2F;code&gt;, as defined in the theme&#x27;s own &lt;code&gt;theme.toml&lt;&#x2F;code&gt;. For
Zola&#x27;s own built-in configuration keys (&lt;code&gt;base_url&lt;&#x2F;code&gt;, &lt;code&gt;title&lt;&#x2F;code&gt;,
&lt;code&gt;[markdown]&lt;&#x2F;code&gt;, taxonomies, and so on), see
&lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;site-configuration&#x2F;#standard-zola-configuration&quot;&gt;Standard Zola configuration&lt;&#x2F;a&gt; at the bottom of
this page.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;identity-branding&quot;&gt;Identity &amp;amp; branding&lt;a class=&quot;post-anchor&quot; href=&quot;#identity-branding&quot; aria-label=&quot;Anchor link for: identity-branding&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;header-logo-header-title-and-the-brand-mark-fallback&quot;&gt;&lt;code&gt;header_logo&lt;&#x2F;code&gt;, &lt;code&gt;header_title&lt;&#x2F;code&gt;, and the brand-mark fallback&lt;a class=&quot;post-anchor&quot; href=&quot;#header-logo-header-title-and-the-brand-mark-fallback&quot; aria-label=&quot;Anchor link for: header-logo-header-title-and-the-brand-mark-fallback&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;header_title =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;My Research Site&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-comment&quot;&gt;# header_logo = &amp;quot;images&#x2F;logo&#x2F;logo.svg&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;The header renders exactly one of the following, in this priority order:&lt;&#x2F;p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;header_logo&lt;&#x2F;code&gt;&lt;&#x2F;strong&gt; — an image (including SVG), if set.&lt;&#x2F;li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;header_title&lt;&#x2F;code&gt;&lt;&#x2F;strong&gt; — plain text, if &lt;code&gt;header_logo&lt;&#x2F;code&gt; is unset.&lt;&#x2F;li&gt;
&lt;li&gt;&lt;strong&gt;Tapestry&#x27;s own brand mark&lt;&#x2F;strong&gt; — an inlined SVG, used only when &lt;em&gt;neither&lt;&#x2F;em&gt; of
the above is set. &lt;code&gt;config.title&lt;&#x2F;code&gt; is still included as screen-reader-only
text alongside the mark.&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;p&gt;Setting &lt;code&gt;header_logo&lt;&#x2F;code&gt; always takes priority — &lt;code&gt;header_title&lt;&#x2F;code&gt; is ignored
entirely once a logo image is present.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;favicon-and-favicon-emoji&quot;&gt;&lt;code&gt;favicon&lt;&#x2F;code&gt; and &lt;code&gt;favicon_emoji&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#favicon-and-favicon-emoji&quot; aria-label=&quot;Anchor link for: favicon-and-favicon-emoji&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;favicon =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;images&#x2F;logo&#x2F;logo-01-woven-monogram-square.svg&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-comment&quot;&gt;# favicon_emoji = &amp;quot;🔬&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;These are mutually exclusive: if &lt;code&gt;favicon&lt;&#x2F;code&gt; is set, it is used and
&lt;code&gt;favicon_emoji&lt;&#x2F;code&gt; is ignored outright, regardless of whether &lt;code&gt;favicon_emoji&lt;&#x2F;code&gt; is
also set.&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;SVG favicons are linked directly (&lt;code&gt;rel=&quot;icon&quot; type=&quot;image&#x2F;svg+xml&quot;&lt;&#x2F;code&gt;).&lt;&#x2F;li&gt;
&lt;li&gt;Raster favicons additionally get a 180×180 &lt;code&gt;apple-touch-icon&lt;&#x2F;code&gt; generated
automatically when the source is a PNG.&lt;&#x2F;li&gt;
&lt;li&gt;&lt;code&gt;favicon_emoji&lt;&#x2F;code&gt; is embedded as an inline SVG &lt;code&gt;data:&lt;&#x2F;code&gt; URI containing the
emoji as text — no image file needed. Stick to plain emoji characters here;
the value is interpolated into the data URI without escaping, so characters
like &lt;code&gt;&quot;&lt;&#x2F;code&gt; or &lt;code&gt;#&lt;&#x2F;code&gt; will break it.&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h3 id=&quot;copyright&quot;&gt;&lt;code&gt;copyright&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#copyright&quot; aria-label=&quot;Anchor link for: copyright&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;copyright =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;© $YEAR $AUTHOR :: Powered by [Zola](https:&#x2F;&#x2F;www.getzola.org) :: [Tapestry](https:&#x2F;&#x2F;github.com&#x2F;anirbanbasu&#x2F;tapestry) theme.&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;$YEAR&lt;&#x2F;code&gt; is replaced with the current year (wrapped in a &lt;code&gt;&amp;lt;time&amp;gt;&lt;&#x2F;code&gt; element).&lt;&#x2F;li&gt;
&lt;li&gt;&lt;code&gt;$AUTHOR&lt;&#x2F;code&gt; is replaced with &lt;code&gt;config.author&lt;&#x2F;code&gt; (empty string if unset).&lt;&#x2F;li&gt;
&lt;li&gt;The string is split on the literal delimiter &lt;code&gt;::&lt;&#x2F;code&gt;; each segment becomes its
own &lt;code&gt;&amp;lt;span&amp;gt;&lt;&#x2F;code&gt; (so they can wrap&#x2F;stack independently on narrow screens), and
each segment is rendered as inline Markdown — links, emphasis, etc. all
work.&lt;&#x2F;li&gt;
&lt;li&gt;If &lt;code&gt;copyright&lt;&#x2F;code&gt; is left unset entirely, Tapestry falls back to a built-in
three-segment default equivalent to the example above.&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;presentation-style&quot;&gt;Presentation style&lt;a class=&quot;post-anchor&quot; href=&quot;#presentation-style&quot; aria-label=&quot;Anchor link for: presentation-style&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;presentation-style-and-presentation-variant&quot;&gt;&lt;code&gt;presentation_style&lt;&#x2F;code&gt; and &lt;code&gt;presentation_variant&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#presentation-style-and-presentation-variant&quot; aria-label=&quot;Anchor link for: presentation-style-and-presentation-variant&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;presentation_style =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;scholarly&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;presentation_variant =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;contemporary-research-lab&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Tapestry ships &lt;strong&gt;5&lt;&#x2F;strong&gt; preset style &lt;strong&gt;groups&lt;&#x2F;strong&gt;, each with &lt;strong&gt;5&lt;&#x2F;strong&gt; fully-specified
&lt;strong&gt;variants&lt;&#x2F;strong&gt; (25 combinations total). If &lt;code&gt;presentation_style&lt;&#x2F;code&gt; is unset or
names a group that doesn&#x27;t exist, Tapestry falls back to &lt;code&gt;scholarly&lt;&#x2F;code&gt;. If
&lt;code&gt;presentation_variant&lt;&#x2F;code&gt; is unset or names a variant that doesn&#x27;t exist within
the selected group, Tapestry falls back to that group&#x27;s own default variant.&lt;&#x2F;p&gt;
&lt;section class=&quot;alert note&quot; role=&quot;note&quot; aria-labelledby=&quot;4zmBMk4G&quot;&gt;
    &lt;div class=&quot;alert-icon alert-icon-note&quot;&gt;&lt;&#x2F;div&gt;
    &lt;div class=&quot;alert-content&quot; role=&quot;presentation&quot;&gt;
        &lt;strong id=&quot;4zmBMk4G&quot; class=&quot;alert-title&quot; aria-hidden=&quot;true&quot;&gt;Migrating from terminus&lt;&#x2F;strong&gt;
        &lt;p&gt;If you&#x27;re migrating a site from terminus, any &lt;code&gt;extra.color_scheme&lt;&#x2F;code&gt; or
&lt;code&gt;extra.color_scheme_switcher&lt;&#x2F;code&gt; left over in your config is inert under
Tapestry — it is never read, mapped, or migrated into an equivalent
style&#x2F;variant. Set &lt;code&gt;presentation_style&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;presentation_variant&lt;&#x2F;code&gt; explicitly, or
accept the &lt;code&gt;scholarly&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;contemporary-research-lab&lt;&#x2F;code&gt; default.&lt;&#x2F;p&gt;
&lt;&#x2F;div&gt;
&lt;&#x2F;section&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Group&lt;&#x2F;th&gt;&lt;th&gt;Default variant&lt;&#x2F;th&gt;&lt;th&gt;All variants&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;scholarly&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;contemporary-research-lab&lt;&#x2F;code&gt; (also the theme-wide default)&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;classic-ivy&lt;&#x2F;code&gt;, &lt;code&gt;nordic-minimalist&lt;&#x2F;code&gt;, &lt;code&gt;dark-academia&lt;&#x2F;code&gt;, &lt;code&gt;scientific-journal&lt;&#x2F;code&gt;, &lt;code&gt;contemporary-research-lab&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;creative&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;editorial-zine&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;bauhaus-studio&lt;&#x2F;code&gt;, &lt;code&gt;editorial-zine&lt;&#x2F;code&gt;, &lt;code&gt;watercolor-atelier&lt;&#x2F;code&gt;, &lt;code&gt;neon-studio&lt;&#x2F;code&gt;, &lt;code&gt;collage-mixed-media&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;natural&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;periodic-table-chemistry&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;celestial-observatory&lt;&#x2F;code&gt;, &lt;code&gt;periodic-table-chemistry&lt;&#x2F;code&gt;, &lt;code&gt;field-notebook&lt;&#x2F;code&gt;, &lt;code&gt;chalkboard-proof&lt;&#x2F;code&gt;, &lt;code&gt;quantum-circuit&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;precision&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;swiss-precision-instrument&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;blueprint-drafting&lt;&#x2F;code&gt;, &lt;code&gt;surgical-precision&lt;&#x2F;code&gt;, &lt;code&gt;aerospace-materials-lab&lt;&#x2F;code&gt;, &lt;code&gt;biomedical-diagnostics&lt;&#x2F;code&gt;, &lt;code&gt;swiss-precision-instrument&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;collective&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;cartographers-atlas&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;cartographers-atlas&lt;&#x2F;code&gt;, &lt;code&gt;ledger-index&lt;&#x2F;code&gt;, &lt;code&gt;social-network-diagram&lt;&#x2F;code&gt;, &lt;code&gt;agora-classical-philosophy&lt;&#x2F;code&gt;, &lt;code&gt;strata-geology&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;p&gt;Every group and variant independently meets WCAG AA contrast, ships its own
self-hosted font pairing, and is built on the same 12-column responsive grid
and no-JS navigation collapse.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;presentation-style-switcher&quot;&gt;&lt;code&gt;presentation_style_switcher&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#presentation-style-switcher&quot; aria-label=&quot;Anchor link for: presentation-style-switcher&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;presentation_style_switcher =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Opt-in (default &lt;code&gt;false&lt;&#x2F;code&gt;). Adds a disclosure menu next to the theme switcher
that lets a visitor preview any group&#x2F;variant combination live, without a
page reload — a two-level accordion (one entry per group, expandable to
reveal that group&#x27;s variants), not a flat list of all 25 combinations. This
is one of Tapestry&#x27;s three sanctioned JavaScript exceptions; with JS
disabled, the control simply doesn&#x27;t appear and the site stays on its
build-time &lt;code&gt;presentation_style&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;presentation_variant&lt;&#x2F;code&gt;.&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;navigation-social-links&quot;&gt;Navigation &amp;amp; social links&lt;a class=&quot;post-anchor&quot; href=&quot;#navigation-social-links&quot; aria-label=&quot;Anchor link for: navigation-social-links&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;main-menu&quot;&gt;&lt;code&gt;main_menu&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#main-menu&quot; aria-label=&quot;Anchor link for: main-menu&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;main_menu = [&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;docs&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;docs&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, trailing_slash =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;about&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;about&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, trailing_slash =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; false&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;repo github&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;https:&#x2F;&#x2F;github.com&#x2F;anirbanbasu&#x2F;tapestry&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, new_tab =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Each entry supports:&lt;&#x2F;p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Field&lt;&#x2F;th&gt;&lt;th&gt;Required&lt;&#x2F;th&gt;&lt;th&gt;Default&lt;&#x2F;th&gt;&lt;th&gt;Notes&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;name&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;yes&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Link text.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;url&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;yes&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Internal content path, or a full external URL.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;trailing_slash&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;no&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Only applies to internal paths (see below).&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;new_tab&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;no&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Adds &lt;code&gt;target=&quot;_blank&quot;&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;p&gt;A &lt;code&gt;url&lt;&#x2F;code&gt; is treated as &lt;strong&gt;external&lt;&#x2F;strong&gt; whenever it starts with the literal
characters &lt;code&gt;http&lt;&#x2F;code&gt; — otherwise it&#x27;s resolved internally with Zola&#x27;s
&lt;code&gt;get_url()&lt;&#x2F;code&gt;, honouring &lt;code&gt;trailing_slash&lt;&#x2F;code&gt;. &lt;code&gt;new_tab&lt;&#x2F;code&gt; only adds
&lt;code&gt;target=&quot;_blank&quot;&lt;&#x2F;code&gt;; it does not add &lt;code&gt;rel=&quot;noopener&quot;&lt;&#x2F;code&gt; (modern browsers apply
that protection to &lt;code&gt;target=&quot;_blank&quot;&lt;&#x2F;code&gt; links automatically, but it&#x27;s worth
knowing this isn&#x27;t set explicitly).&lt;&#x2F;p&gt;
&lt;h3 id=&quot;socials&quot;&gt;&lt;code&gt;socials&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#socials&quot; aria-label=&quot;Anchor link for: socials&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;socials = [&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;email&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;mailto:hello@example.com&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;github&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;https:&#x2F;&#x2F;github.com&#x2F;anirbanbasu&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { name =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;orcid&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, url =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;https:&#x2F;&#x2F;orcid.org&#x2F;0000-0000-0000-0000&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt; },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Each entry is just &lt;code&gt;name&lt;&#x2F;code&gt; and &lt;code&gt;url&lt;&#x2F;code&gt; — there is no separate icon override key.
&lt;code&gt;name&lt;&#x2F;code&gt; &lt;strong&gt;must&lt;&#x2F;strong&gt; exactly match an SVG filename (without extension) under
&lt;code&gt;themes&#x2F;tapestry&#x2F;static&#x2F;images&#x2F;social_icons&#x2F;&lt;&#x2F;code&gt;, since it&#x27;s used directly to
build the icon path. A name with no matching file doesn&#x27;t fail the build —
it silently renders a broken icon link, so double-check the spelling against
the list below.&lt;&#x2F;p&gt;
&lt;p&gt;Icons currently shipped: &lt;code&gt;bitcoin&lt;&#x2F;code&gt;, &lt;code&gt;bluesky&lt;&#x2F;code&gt;, &lt;code&gt;codeberg&lt;&#x2F;code&gt;, &lt;code&gt;codepen&lt;&#x2F;code&gt;,
&lt;code&gt;discord&lt;&#x2F;code&gt;, &lt;code&gt;discourse&lt;&#x2F;code&gt;, &lt;code&gt;email&lt;&#x2F;code&gt;, &lt;code&gt;ethereum&lt;&#x2F;code&gt;, &lt;code&gt;facebook&lt;&#x2F;code&gt;, &lt;code&gt;fediverse&lt;&#x2F;code&gt;,
&lt;code&gt;flickr&lt;&#x2F;code&gt;, &lt;code&gt;forgejo&lt;&#x2F;code&gt;, &lt;code&gt;gitea&lt;&#x2F;code&gt;, &lt;code&gt;github&lt;&#x2F;code&gt;, &lt;code&gt;gitlab&lt;&#x2F;code&gt;, &lt;code&gt;google-maps&lt;&#x2F;code&gt;,
&lt;code&gt;google-scholar&lt;&#x2F;code&gt;, &lt;code&gt;instagram&lt;&#x2F;code&gt;, &lt;code&gt;keybase&lt;&#x2F;code&gt;, &lt;code&gt;keyoxide&lt;&#x2F;code&gt;, &lt;code&gt;ko-fi&lt;&#x2F;code&gt;, &lt;code&gt;linkedin&lt;&#x2F;code&gt;,
&lt;code&gt;mastodon&lt;&#x2F;code&gt;, &lt;code&gt;matrix&lt;&#x2F;code&gt;, &lt;code&gt;monero&lt;&#x2F;code&gt;, &lt;code&gt;orcid&lt;&#x2F;code&gt;, &lt;code&gt;patreon&lt;&#x2F;code&gt;, &lt;code&gt;phone&lt;&#x2F;code&gt;, &lt;code&gt;pixelfed&lt;&#x2F;code&gt;,
&lt;code&gt;reddit&lt;&#x2F;code&gt;, &lt;code&gt;researchgate&lt;&#x2F;code&gt;, &lt;code&gt;signal&lt;&#x2F;code&gt;, &lt;code&gt;slack&lt;&#x2F;code&gt;, &lt;code&gt;spotify&lt;&#x2F;code&gt;, &lt;code&gt;stackexchange&lt;&#x2F;code&gt;,
&lt;code&gt;stackoverflow&lt;&#x2F;code&gt;, &lt;code&gt;steam&lt;&#x2F;code&gt;, &lt;code&gt;telegram&lt;&#x2F;code&gt;, &lt;code&gt;twitch&lt;&#x2F;code&gt;, &lt;code&gt;venmo&lt;&#x2F;code&gt;, &lt;code&gt;vimeo&lt;&#x2F;code&gt;, &lt;code&gt;whatsapp&lt;&#x2F;code&gt;,
&lt;code&gt;x&lt;&#x2F;code&gt;, &lt;code&gt;youtube&lt;&#x2F;code&gt;, &lt;code&gt;zulip&lt;&#x2F;code&gt; (plus &lt;code&gt;atom&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;rss&lt;&#x2F;code&gt;, normally reserved for
&lt;code&gt;feed_icon&lt;&#x2F;code&gt; below).&lt;&#x2F;p&gt;
&lt;h3 id=&quot;feed-icon&quot;&gt;&lt;code&gt;feed_icon&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#feed-icon&quot; aria-label=&quot;Anchor link for: feed-icon&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;feed_icon =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-comment&quot;&gt;# feed_icon = &amp;quot;atom&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Shown in the footer alongside &lt;code&gt;socials&lt;&#x2F;code&gt;, only when &lt;code&gt;config.generate_feeds&lt;&#x2F;code&gt; is
also &lt;code&gt;true&lt;&#x2F;code&gt;.&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;true&lt;&#x2F;code&gt; uses the default icon, &lt;code&gt;rss&lt;&#x2F;code&gt;.&lt;&#x2F;li&gt;
&lt;li&gt;A string uses that name instead, looked up the same way as &lt;code&gt;socials&lt;&#x2F;code&gt;.&lt;&#x2F;li&gt;
&lt;li&gt;If your site&#x27;s &lt;code&gt;feed_filenames&lt;&#x2F;code&gt; produces more than one feed &lt;strong&gt;and&lt;&#x2F;strong&gt; one of
those filenames contains &lt;code&gt;&quot;atom&quot;&lt;&#x2F;code&gt;, that specific feed link is forced to the
&lt;code&gt;atom&lt;&#x2F;code&gt; icon regardless of what &lt;code&gt;feed_icon&lt;&#x2F;code&gt; is set to. With a single
default feed (the common case — just &lt;code&gt;generate_feeds = true&lt;&#x2F;code&gt;, no
&lt;code&gt;feed_filenames&lt;&#x2F;code&gt; override), this distinction never triggers.&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;content-features&quot;&gt;Content features&lt;a class=&quot;post-anchor&quot; href=&quot;#content-features&quot; aria-label=&quot;Anchor link for: content-features&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;katex&quot;&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#katex&quot; aria-label=&quot;Anchor link for: katex&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;katex =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; false&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-comment&quot;&gt;# per-page front matter override&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;katex =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Site-wide default for client-side KaTeX math rendering (one of Tapestry&#x27;s
three sanctioned JS exceptions). Resolved with page-level precedence: a
page&#x27;s own &lt;code&gt;extra.katex&lt;&#x2F;code&gt;, then its section&#x27;s, then walking up any ancestor
sections&#x27; &lt;code&gt;extra.katex&lt;&#x2F;code&gt;, then the site-wide &lt;code&gt;config.extra.katex&lt;&#x2F;code&gt;, defaulting
to &lt;code&gt;false&lt;&#x2F;code&gt;. An explicit &lt;code&gt;false&lt;&#x2F;code&gt; at a more specific level always wins over a
&lt;code&gt;true&lt;&#x2F;code&gt; set higher up — so a section can enable KaTeX globally while an
individual page opts back out. With JS disabled, KaTeX-enabled pages show
raw, unrendered &lt;code&gt;$...$&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;$$...$$&lt;&#x2F;code&gt; source instead of typeset math.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;show-default-author&quot;&gt;&lt;code&gt;show_default_author&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#show-default-author&quot; aria-label=&quot;Anchor link for: show-default-author&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;show_default_author =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;When &lt;code&gt;true&lt;&#x2F;code&gt;, pages without their own &lt;code&gt;authors = [...]&lt;&#x2F;code&gt; front matter show
&lt;code&gt;config.author&lt;&#x2F;code&gt; instead. Set &lt;code&gt;false&lt;&#x2F;code&gt; to only show authorship where a page
explicitly declares one.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;fediverse-creator&quot;&gt;&lt;code&gt;fediverse_creator&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#fediverse-creator&quot; aria-label=&quot;Anchor link for: fediverse-creator&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;fediverse_creator =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;@user@mastodon.social&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Emits a &lt;code&gt;&amp;lt;meta name=&quot;fediverse:creator&quot;&amp;gt;&lt;&#x2F;code&gt; tag for Mastodon&#x27;s article
attribution feature. Leave unset to omit the tag.&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;layout&quot;&gt;Layout&lt;a class=&quot;post-anchor&quot; href=&quot;#layout&quot; aria-label=&quot;Anchor link for: layout&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;layout-1&quot;&gt;&lt;code&gt;layout&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#layout-1&quot; aria-label=&quot;Anchor link for: layout-1&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;layout =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;center&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;One of &lt;code&gt;&quot;center&quot;&lt;&#x2F;code&gt;, &lt;code&gt;&quot;left&quot;&lt;&#x2F;code&gt;, or &lt;code&gt;&quot;full-width&quot;&lt;&#x2F;code&gt;, applied as a &lt;code&gt;layout-*&lt;&#x2F;code&gt; body
class and used to vary the &lt;code&gt;sizes&lt;&#x2F;code&gt; attribute the &lt;code&gt;responsive_image&lt;&#x2F;code&gt;
shortcode generates.&lt;&#x2F;p&gt;
&lt;section class=&quot;alert note&quot; role=&quot;note&quot; aria-labelledby=&quot;ffkL5imt&quot;&gt;
    &lt;div class=&quot;alert-icon alert-icon-note&quot;&gt;&lt;&#x2F;div&gt;
    &lt;div class=&quot;alert-content&quot; role=&quot;presentation&quot;&gt;
        &lt;strong id=&quot;ffkL5imt&quot; class=&quot;alert-title&quot; aria-hidden=&quot;true&quot;&gt;Current visual difference&lt;&#x2F;strong&gt;
        &lt;p&gt;&lt;code&gt;&quot;center&quot;&lt;&#x2F;code&gt; and &lt;code&gt;&quot;left&quot;&lt;&#x2F;code&gt; currently produce identical CSS and layout — the
distinction exists in the config surface but isn&#x27;t yet visually
differentiated. &lt;code&gt;&quot;full-width&quot;&lt;&#x2F;code&gt; is the one value that visibly changes both the
page&#x27;s max-width behaviour and the &lt;code&gt;responsive_image&lt;&#x2F;code&gt; &lt;code&gt;sizes&lt;&#x2F;code&gt; output.&lt;&#x2F;p&gt;
&lt;&#x2F;div&gt;
&lt;&#x2F;section&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;styling-extensibility&quot;&gt;Styling extensibility&lt;a class=&quot;post-anchor&quot; href=&quot;#styling-extensibility&quot; aria-label=&quot;Anchor link for: styling-extensibility&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;stylesheets&quot;&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#stylesheets&quot; aria-label=&quot;Anchor link for: stylesheets&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;stylesheets = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;css&#x2F;custom.css&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Site-, section-, and page-level &lt;code&gt;stylesheets&lt;&#x2F;code&gt; are all &lt;strong&gt;additive&lt;&#x2F;strong&gt; — every
stylesheet declared at any of the three levels is linked on the resulting
page, not just the most specific one. Use this to layer small overrides on
top of your chosen presentation style rather than to replace it.&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;images&quot;&gt;Images&lt;a class=&quot;post-anchor&quot; href=&quot;#images&quot; aria-label=&quot;Anchor link for: images&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;extra-responsive-images&quot;&gt;&lt;code&gt;[extra.responsive_images]&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#extra-responsive-images&quot; aria-label=&quot;Anchor link for: extra-responsive-images&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra.responsive_images]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;widths = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;640&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 784&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 1280&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 1920&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 2560&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;fallback_width =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 1280&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;&lt;code&gt;widths&lt;&#x2F;code&gt; is the set of candidate image widths generated for the
&lt;code&gt;responsive_image&lt;&#x2F;code&gt; shortcode&#x27;s &lt;code&gt;srcset&lt;&#x2F;code&gt;; &lt;code&gt;fallback_width&lt;&#x2F;code&gt; is the size used
for browsers that ignore &lt;code&gt;srcset&lt;&#x2F;code&gt;. This setting is scoped &lt;strong&gt;only&lt;&#x2F;strong&gt; to images
inserted via that shortcode in your Markdown content — it does not affect
&lt;code&gt;og:image&lt;&#x2F;code&gt; (always generated at a fixed 1200×675), the favicon&#x27;s
apple-touch-icon (always 180×180), or &lt;code&gt;header_logo&lt;&#x2F;code&gt; (used at its native
size, unresized).&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;security&quot;&gt;Security&lt;a class=&quot;post-anchor&quot; href=&quot;#security&quot; aria-label=&quot;Anchor link for: security&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;extra-content-security-policy&quot;&gt;&lt;code&gt;[extra.content_security_policy]&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#extra-content-security-policy&quot; aria-label=&quot;Anchor link for: extra-content-security-policy&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra.content_security_policy]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;enable =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;allowed_domains = [&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { directive =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;base-uri&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, domains = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;&amp;#39;self&amp;#39;&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;] },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { directive =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;form-action&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, domains = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;&amp;#39;self&amp;#39;&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;] },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;    { directive =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;img-src&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, domains = [&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;&amp;#39;self&amp;#39;&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;https:&#x2F;&#x2F;images.example.com&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;] },&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;enable&lt;&#x2F;code&gt; gates the entire &lt;code&gt;Content-Security-Policy&lt;&#x2F;code&gt; &lt;code&gt;&amp;lt;meta&amp;gt;&lt;&#x2F;code&gt; tag — when
&lt;code&gt;false&lt;&#x2F;code&gt;, no CSP tag is emitted at all.&lt;&#x2F;li&gt;
&lt;li&gt;&lt;code&gt;allowed_domains&lt;&#x2F;code&gt; is a generic list of &lt;code&gt;{ directive, domains }&lt;&#x2F;code&gt; entries.
Any CSP directive name works here (&lt;code&gt;script-src&lt;&#x2F;code&gt;, &lt;code&gt;img-src&lt;&#x2F;code&gt;, &lt;code&gt;connect-src&lt;&#x2F;code&gt;,
&lt;code&gt;style-src&lt;&#x2F;code&gt;, &lt;code&gt;font-src&lt;&#x2F;code&gt;, etc.) — it isn&#x27;t limited to a fixed set.&lt;&#x2F;li&gt;
&lt;li&gt;Even with &lt;code&gt;allowed_domains = []&lt;&#x2F;code&gt;, the theme always emits a baseline policy:
&lt;code&gt;default-src &#x27;self&#x27;; img-src &#x27;self&#x27; data:; style-src-attr &#x27;unsafe-inline&#x27;&lt;&#x2F;code&gt;
(the &lt;code&gt;data:&lt;&#x2F;code&gt; and inline-style allowances are needed by the theme&#x27;s own
mask-icons and inline styles).&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;p&gt;Under &lt;code&gt;zola serve&lt;&#x2F;code&gt;, the policy is additionally relaxed with &lt;code&gt;connect-src &#x27;self&#x27; ws:&lt;&#x2F;code&gt; and &lt;code&gt;script-src-elem &#x27;self&#x27; &#x27;unsafe-inline&#x27;&lt;&#x2F;code&gt;, to allow the
dev-mode live-reload WebSocket. This relaxation never applies to production
builds.&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;multi-site-deployments&quot;&gt;Multi-site deployments&lt;a class=&quot;post-anchor&quot; href=&quot;#multi-site-deployments&quot; aria-label=&quot;Anchor link for: multi-site-deployments&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;site-id&quot;&gt;&lt;code&gt;site_id&lt;&#x2F;code&gt;&lt;a class=&quot;post-anchor&quot; href=&quot;#site-id&quot; aria-label=&quot;Anchor link for: site-id&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;site_id =&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt; &amp;quot;my-site-slug&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Both the theme switcher and the presentation-style switcher persist a
visitor&#x27;s choice to &lt;code&gt;localStorage&lt;&#x2F;code&gt;, scoped by the browser to the page&#x27;s
&lt;em&gt;origin&lt;&#x2F;em&gt; (scheme+host+port) but &lt;strong&gt;not&lt;&#x2F;strong&gt; by path. Two Tapestry sites sharing
an origin but deployed under different paths — e.g. two GitHub Pages project
sites both under &lt;code&gt;username.github.io&#x2F;&lt;&#x2F;code&gt; — would otherwise silently share and
overwrite each other&#x27;s saved preferences. &lt;code&gt;site_id&lt;&#x2F;code&gt; namespaces both storage
keys to prevent that.&lt;&#x2F;p&gt;
&lt;p&gt;If unset, it falls back to &lt;code&gt;config.base_url&lt;&#x2F;code&gt;, which is enough to distinguish
sites in a plain &lt;code&gt;zola build&lt;&#x2F;code&gt;, but &lt;strong&gt;not&lt;&#x2F;strong&gt; during &lt;code&gt;zola serve&lt;&#x2F;code&gt; (which
rewrites &lt;code&gt;base_url&lt;&#x2F;code&gt; to &lt;code&gt;http:&#x2F;&#x2F;127.0.0.1:&amp;lt;port&amp;gt;&#x2F;&lt;&#x2F;code&gt;, discarding any path) or a
&lt;code&gt;zola build --base-url &amp;lt;url&amp;gt;&lt;&#x2F;code&gt; override that strips or normalises the path.
Set &lt;code&gt;site_id&lt;&#x2F;code&gt; explicitly if your site is deployed to a shared-origin
subdirectory, or regularly tested locally alongside other Tapestry sites on
the same port.&lt;&#x2F;p&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;quick-reference&quot;&gt;Quick reference&lt;a class=&quot;post-anchor&quot; href=&quot;#quick-reference&quot; aria-label=&quot;Anchor link for: quick-reference&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Key&lt;&#x2F;th&gt;&lt;th&gt;Type&lt;&#x2F;th&gt;&lt;th&gt;Default&lt;&#x2F;th&gt;&lt;th&gt;Purpose&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;site_id&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;config.base_url&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Namespaces the theme-switcher and style-switcher &lt;code&gt;localStorage&lt;&#x2F;code&gt; keys.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;presentation_style&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;&quot;scholarly&quot;&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Top-level style group.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;presentation_variant&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;group&#x27;s own default&lt;&#x2F;td&gt;&lt;td&gt;Variant within the chosen group.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;presentation_style_switcher&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Opt-in live style&#x2F;variant preview menu. &lt;strong&gt;Requires JS.&lt;&#x2F;strong&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;main_menu&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;array of tables&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;[]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Header navigation entries.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;socials&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;array of tables&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;[]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Footer social&#x2F;contact links.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;feed_icon&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool | string&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Show a feed icon in the footer alongside &lt;code&gt;socials&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;copyright&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string (Markdown)&lt;&#x2F;td&gt;&lt;td&gt;built-in fallback text&lt;&#x2F;td&gt;&lt;td&gt;Footer copyright line.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;favicon&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;path&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Favicon image (SVG or raster). Wins over &lt;code&gt;favicon_emoji&lt;&#x2F;code&gt; if both set.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;favicon_emoji&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string (emoji)&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Emoji favicon, ignored if &lt;code&gt;favicon&lt;&#x2F;code&gt; is also set.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;header_title&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;config.title&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Header text, if no &lt;code&gt;header_logo&lt;&#x2F;code&gt; is set.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;header_logo&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;path&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Header logo image. Takes priority over &lt;code&gt;header_title&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;katex&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;false&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Site-wide KaTeX math rendering. Overridable per section&#x2F;page. &lt;strong&gt;Requires JS.&lt;&#x2F;strong&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;layout&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;&quot;center&quot;&lt;&#x2F;code&gt; | &lt;code&gt;&quot;left&quot;&lt;&#x2F;code&gt; | &lt;code&gt;&quot;full-width&quot;&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;&quot;center&quot;&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Overall content-width treatment.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;show_default_author&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;bool&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;true&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Show &lt;code&gt;config.author&lt;&#x2F;code&gt; on pages without their own &lt;code&gt;authors&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;fediverse_creator&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;string&lt;&#x2F;td&gt;&lt;td&gt;unset&lt;&#x2F;td&gt;&lt;td&gt;Emits a &lt;code&gt;fediverse:creator&lt;&#x2F;code&gt; meta tag.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;stylesheets&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;array of paths&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;[]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;Extra stylesheets, additive with section&#x2F;page-level &lt;code&gt;stylesheets&lt;&#x2F;code&gt;.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;[extra.content_security_policy]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;table&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Site CSP &lt;code&gt;&amp;lt;meta&amp;gt;&lt;&#x2F;code&gt; tag configuration.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;code&gt;[extra.responsive_images]&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;td&gt;table&lt;&#x2F;td&gt;&lt;td&gt;—&lt;&#x2F;td&gt;&lt;td&gt;Width candidates for the &lt;code&gt;responsive_image&lt;&#x2F;code&gt; shortcode.&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;hr &#x2F;&gt;
&lt;h2 id=&quot;standard-zola-configuration&quot;&gt;Standard Zola configuration&lt;a class=&quot;post-anchor&quot; href=&quot;#standard-zola-configuration&quot; aria-label=&quot;Anchor link for: standard-zola-configuration&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;Root-level keys like &lt;code&gt;base_url&lt;&#x2F;code&gt;, &lt;code&gt;title&lt;&#x2F;code&gt;, &lt;code&gt;description&lt;&#x2F;code&gt;, &lt;code&gt;theme&lt;&#x2F;code&gt;,
&lt;code&gt;compile_sass&lt;&#x2F;code&gt;, &lt;code&gt;generate_feeds&lt;&#x2F;code&gt;, &lt;code&gt;author&lt;&#x2F;code&gt;, &lt;code&gt;taxonomies&lt;&#x2F;code&gt;,
&lt;code&gt;build_search_index&lt;&#x2F;code&gt;, and the &lt;code&gt;[markdown]&lt;&#x2F;code&gt;&#x2F;&lt;code&gt;[markdown.highlighting]&lt;&#x2F;code&gt; tables
are standard Zola configuration, not Tapestry-specific — see
&lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;getting-started&#x2F;configuration&#x2F;&quot;&gt;Zola&#x27;s own configuration documentation&lt;&#x2F;a&gt;
for the full reference.&lt;&#x2F;p&gt;
&lt;p&gt;One Tapestry-relevant note: &lt;code&gt;[markdown.highlighting] style = &quot;class&quot;&lt;&#x2F;code&gt;
requires &lt;em&gt;some&lt;&#x2F;em&gt; built-in Zola highlighting theme to be configured (e.g.
&lt;code&gt;theme = &quot;monokai&quot;&lt;&#x2F;code&gt;), but every presentation style&#x2F;variant fully overrides
the resulting &lt;code&gt;.z-*&lt;&#x2F;code&gt; token colours itself — the configured theme name only
acts as a placeholder to satisfy Zola, not as the actual code-block palette
you&#x27;ll see rendered.&lt;&#x2F;p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Markdown Syntax Guide</title>
        <published>2026-07-05T00:00:00+00:00</published>
        <updated>2026-07-05T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/markdown/"/>
        <id>https://ghp-tapestry.netlify.app/docs/markdown/</id>
        
        <content type="html" xml:base="https://ghp-tapestry.netlify.app/docs/markdown/">&lt;p&gt;This article offers a sample of basic Markdown syntax that can be used in Zola
content files, also it shows whether basic HTML elements are decorated with CSS
in a Zola theme.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;headings&quot;&gt;Headings&lt;a class=&quot;post-anchor&quot; href=&quot;#headings&quot; aria-label=&quot;Anchor link for: headings&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;The following HTML &lt;code&gt;&amp;lt;h1&amp;gt;&lt;&#x2F;code&gt;—&lt;code&gt;&amp;lt;h6&amp;gt;&lt;&#x2F;code&gt; elements represent six levels of section
headings. &lt;code&gt;&amp;lt;h1&amp;gt;&lt;&#x2F;code&gt; is the highest section level while &lt;code&gt;&amp;lt;h6&amp;gt;&lt;&#x2F;code&gt; is the lowest.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;h1&quot;&gt;H1&lt;a class=&quot;post-anchor&quot; href=&quot;#h1&quot; aria-label=&quot;Anchor link for: h1&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h1&gt;
&lt;h2 id=&quot;h2&quot;&gt;H2&lt;a class=&quot;post-anchor&quot; href=&quot;#h2&quot; aria-label=&quot;Anchor link for: h2&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;h3&quot;&gt;H3&lt;a class=&quot;post-anchor&quot; href=&quot;#h3&quot; aria-label=&quot;Anchor link for: h3&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;h4 id=&quot;h4&quot;&gt;H4&lt;a class=&quot;post-anchor&quot; href=&quot;#h4&quot; aria-label=&quot;Anchor link for: h4&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h4&gt;
&lt;h5 id=&quot;h5&quot;&gt;H5&lt;a class=&quot;post-anchor&quot; href=&quot;#h5&quot; aria-label=&quot;Anchor link for: h5&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h5&gt;
&lt;h6 id=&quot;h6&quot;&gt;H6&lt;a class=&quot;post-anchor&quot; href=&quot;#h6&quot; aria-label=&quot;Anchor link for: h6&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h6&gt;
&lt;h2 id=&quot;paragraph&quot;&gt;Paragraph&lt;a class=&quot;post-anchor&quot; href=&quot;#paragraph&quot; aria-label=&quot;Anchor link for: paragraph&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum,
voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma
dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as
cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin
porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur?
Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit
ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda
veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore
eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata
tiustia prat.&lt;&#x2F;p&gt;
&lt;p&gt;Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne
sapicia is sinveli squiatum, core et que aut hariosam ex eat.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;blockquotes&quot;&gt;Blockquotes&lt;a class=&quot;post-anchor&quot; href=&quot;#blockquotes&quot; aria-label=&quot;Anchor link for: blockquotes&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;The blockquote element represents content that is quoted from another source,
optionally with a citation which must be within a &lt;code&gt;footer&lt;&#x2F;code&gt; or &lt;code&gt;cite&lt;&#x2F;code&gt; element,
and optionally with in-line changes such as annotations and abbreviations.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;blockquote-without-attribution&quot;&gt;Blockquote without attribution&lt;a class=&quot;post-anchor&quot; href=&quot;#blockquote-without-attribution&quot; aria-label=&quot;Anchor link for: blockquote-without-attribution&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;blockquote&gt;
&lt;p&gt;Tiam, ad mint andaepu dandae nostion secatur sequo quae.
&lt;strong&gt;Note&lt;&#x2F;strong&gt; that you can use &lt;em&gt;Markdown syntax&lt;&#x2F;em&gt; within a &lt;del&gt;blockquote&lt;&#x2F;del&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;h3 id=&quot;blockquote-with-attribution&quot;&gt;Blockquote with attribution&lt;a class=&quot;post-anchor&quot; href=&quot;#blockquote-with-attribution&quot; aria-label=&quot;Anchor link for: blockquote-with-attribution&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;blockquote&gt;
&lt;p&gt;Don&#x27;t communicate by sharing memory, share memory by communicating.&lt;&#x2F;p&gt;
&lt;p&gt;— &lt;cite&gt;Rob Pike&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-1-1&quot;&gt;&lt;a href=&quot;#fn-1&quot;&gt;1&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;cite&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;h3 id=&quot;github-style-alerts&quot;&gt;GitHub-style alerts&lt;a class=&quot;post-anchor&quot; href=&quot;#github-style-alerts&quot; aria-label=&quot;Anchor link for: github-style-alerts&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;p&gt;Alerts, also sometimes known as callouts or admonitions, are a Markdown
extension based on the blockquote syntax that you can use to emphasize critical
information. &lt;strong&gt;Requires Zola 0.21.0 or newer.&lt;&#x2F;strong&gt;&lt;&#x2F;p&gt;
&lt;blockquote class=&quot;markdown-alert-note&quot;&gt;
&lt;p&gt;Some &lt;strong&gt;content&lt;&#x2F;strong&gt; with &lt;em&gt;Markdown&lt;&#x2F;em&gt; &lt;code&gt;syntax&lt;&#x2F;code&gt;. Here is &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;markdown&#x2F;#github-style-alerts&quot;&gt;a &lt;code&gt;link&lt;&#x2F;code&gt;&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-tip&quot;&gt;
&lt;p&gt;Some &lt;strong&gt;content&lt;&#x2F;strong&gt; with &lt;em&gt;Markdown&lt;&#x2F;em&gt; &lt;code&gt;syntax&lt;&#x2F;code&gt;. Here is &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;markdown&#x2F;#github-style-alerts&quot;&gt;a &lt;code&gt;link&lt;&#x2F;code&gt;&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-important&quot;&gt;
&lt;p&gt;Some &lt;strong&gt;content&lt;&#x2F;strong&gt; with &lt;em&gt;Markdown&lt;&#x2F;em&gt; &lt;code&gt;syntax&lt;&#x2F;code&gt;. Here is &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;markdown&#x2F;#github-style-alerts&quot;&gt;a &lt;code&gt;link&lt;&#x2F;code&gt;&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-warning&quot;&gt;
&lt;p&gt;Some &lt;strong&gt;content&lt;&#x2F;strong&gt; with &lt;em&gt;Markdown&lt;&#x2F;em&gt; &lt;code&gt;syntax&lt;&#x2F;code&gt;. Here is &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;markdown&#x2F;#github-style-alerts&quot;&gt;a &lt;code&gt;link&lt;&#x2F;code&gt;&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-caution&quot;&gt;
&lt;p&gt;Some &lt;strong&gt;content&lt;&#x2F;strong&gt; with &lt;em&gt;Markdown&lt;&#x2F;em&gt; &lt;code&gt;syntax&lt;&#x2F;code&gt;. Here is &lt;a href=&quot;https:&#x2F;&#x2F;ghp-tapestry.netlify.app&#x2F;docs&#x2F;markdown&#x2F;#github-style-alerts&quot;&gt;a &lt;code&gt;link&lt;&#x2F;code&gt;&lt;&#x2F;a&gt;.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;h2 id=&quot;buttons-and-links&quot;&gt;Buttons and links&lt;a class=&quot;post-anchor&quot; href=&quot;#buttons-and-links&quot; aria-label=&quot;Anchor link for: buttons-and-links&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;&lt;button&gt;Button&lt;&#x2F;button&gt;
&lt;a href=&quot;&quot;&gt;Link&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;h2 id=&quot;tables&quot;&gt;Tables&lt;a class=&quot;post-anchor&quot; href=&quot;#tables&quot; aria-label=&quot;Anchor link for: tables&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;Tables aren&#x27;t part of the core Markdown spec, but Zola supports them out of the
box.&lt;&#x2F;p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Name&lt;&#x2F;th&gt;&lt;th&gt;Age&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;Bob&lt;&#x2F;td&gt;&lt;td&gt;27&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;Alice&lt;&#x2F;td&gt;&lt;td&gt;23&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;h3 id=&quot;inline-markdown-within-tables&quot;&gt;Inline Markdown within tables&lt;a class=&quot;post-anchor&quot; href=&quot;#inline-markdown-within-tables&quot; aria-label=&quot;Anchor link for: inline-markdown-within-tables&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Italics&lt;&#x2F;th&gt;&lt;th&gt;Bold&lt;&#x2F;th&gt;&lt;th&gt;Code&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;em&gt;italics&lt;&#x2F;em&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;strong&gt;bold&lt;&#x2F;strong&gt;&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;code&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;h2 id=&quot;list-types&quot;&gt;List Types&lt;a class=&quot;post-anchor&quot; href=&quot;#list-types&quot; aria-label=&quot;Anchor link for: list-types&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;ordered-list&quot;&gt;Ordered List&lt;a class=&quot;post-anchor&quot; href=&quot;#ordered-list&quot; aria-label=&quot;Anchor link for: ordered-list&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;ol&gt;
&lt;li&gt;First item&lt;&#x2F;li&gt;
&lt;li&gt;Second item&lt;&#x2F;li&gt;
&lt;li&gt;Third item&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;h3 id=&quot;unordered-list&quot;&gt;Unordered List&lt;a class=&quot;post-anchor&quot; href=&quot;#unordered-list&quot; aria-label=&quot;Anchor link for: unordered-list&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;ul&gt;
&lt;li&gt;List item&lt;&#x2F;li&gt;
&lt;li&gt;Another item&lt;&#x2F;li&gt;
&lt;li&gt;And another item&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h3 id=&quot;nested-unordered-list&quot;&gt;Nested Unordered List&lt;a class=&quot;post-anchor&quot; href=&quot;#nested-unordered-list&quot; aria-label=&quot;Anchor link for: nested-unordered-list&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;ul&gt;
&lt;li&gt;Fruit
&lt;ul&gt;
&lt;li&gt;Apple&lt;&#x2F;li&gt;
&lt;li&gt;Orange&lt;&#x2F;li&gt;
&lt;li&gt;Banana&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;li&gt;Dairy
&lt;ul&gt;
&lt;li&gt;Milk&lt;&#x2F;li&gt;
&lt;li&gt;Cheese&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;li&gt;Third item
&lt;ul&gt;
&lt;li&gt;Sub One&lt;&#x2F;li&gt;
&lt;li&gt;Sub Two
&lt;ul&gt;
&lt;li&gt;Sub Three&lt;&#x2F;li&gt;
&lt;li&gt;Sub Four&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h3 id=&quot;nested-ordered-list&quot;&gt;Nested Ordered List&lt;a class=&quot;post-anchor&quot; href=&quot;#nested-ordered-list&quot; aria-label=&quot;Anchor link for: nested-ordered-list&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;ol&gt;
&lt;li&gt;Fruit
&lt;ul&gt;
&lt;li&gt;Apple&lt;&#x2F;li&gt;
&lt;li&gt;Orange&lt;&#x2F;li&gt;
&lt;li&gt;Banana&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;li&gt;Dairy
&lt;ol&gt;
&lt;li&gt;Milk&lt;&#x2F;li&gt;
&lt;li&gt;Cheese&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;&#x2F;li&gt;
&lt;li&gt;Third item
&lt;ol&gt;
&lt;li&gt;Sub One&lt;&#x2F;li&gt;
&lt;li&gt;Sub Two
&lt;ol&gt;
&lt;li&gt;Sub Three&lt;&#x2F;li&gt;
&lt;li&gt;Sub Four&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;h3 id=&quot;task-list&quot;&gt;Task List&lt;a class=&quot;post-anchor&quot; href=&quot;#task-list&quot; aria-label=&quot;Anchor link for: task-list&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;&#x2F;&gt;
Completed item&lt;&#x2F;li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;&#x2F;&gt;
Incomplete item
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;&#x2F;&gt;
Nested completed item&lt;&#x2F;li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;&#x2F;&gt;
Nested incomplete item&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h2 id=&quot;preformatted-text&quot;&gt;Preformatted Text&lt;a class=&quot;post-anchor&quot; href=&quot;#preformatted-text&quot; aria-label=&quot;Anchor link for: preformatted-text&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;shellsession&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;This text is preformatted!&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;   This hanging indent is preserved.&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;&lt;h2 id=&quot;code-blocks&quot;&gt;Code Blocks&lt;a class=&quot;post-anchor&quot; href=&quot;#code-blocks&quot; aria-label=&quot;Anchor link for: code-blocks&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;regular&quot;&gt;Regular&lt;a class=&quot;post-anchor&quot; href=&quot;#regular&quot; aria-label=&quot;Anchor link for: regular&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-keyword&quot;&gt;fn&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt; main&lt;&#x2F;span&gt;&lt;span&gt;() {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;    println!&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;Hello, world!&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;);&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;&lt;h3 id=&quot;with-line-numbers&quot;&gt;With Line Numbers&lt;a class=&quot;post-anchor&quot; href=&quot;#with-line-numbers&quot; aria-label=&quot;Anchor link for: with-line-numbers&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;rust&quot; data-name=&quot;~&#x2F;incredibly&#x2F;long&#x2F;file&#x2F;path&#x2F;src&#x2F;main.rs&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 1&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;use&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;std&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;collections&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;HashMap&lt;&#x2F;span&gt;&lt;span&gt;;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 2&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 3&lt;&#x2F;span&gt;&lt;span&gt;#[derive(&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;Debug&lt;&#x2F;span&gt;&lt;span&gt;)]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 4&lt;&#x2F;span&gt;&lt;span class=&quot;z-storage z-type&quot;&gt;struct&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;TwinPeaksCharacter&lt;&#x2F;span&gt;&lt;span&gt; {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 5&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;    name&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;String&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 6&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;    coffee_rating&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;f32&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 7&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;    pie_preference&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;String&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 8&lt;&#x2F;span&gt;&lt;span&gt;}&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt; 9&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l z-hl&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;10&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;fn&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt; main&lt;&#x2F;span&gt;&lt;span&gt;() {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;11&lt;&#x2F;span&gt;&lt;span class=&quot;z-storage z-type&quot;&gt;    let&lt;&#x2F;span&gt;&lt;span class=&quot;z-storage&quot;&gt; mut&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt; black_lodge&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt; =&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;HashMap&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;new&lt;&#x2F;span&gt;&lt;span&gt;();&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;12&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;13&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;    black_lodge&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;.&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;insert&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;agent&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;TwinPeaksCharacter&lt;&#x2F;span&gt;&lt;span&gt; {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;14&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        name&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;String&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;from&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;Dale Cooper&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;),&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;15&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        coffee_rating&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 9999.99&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;16&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        pie_preference&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;String&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;from&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;Damn Fine Cherry&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;),&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;17&lt;&#x2F;span&gt;&lt;span&gt;    });&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;18&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;19&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;    black_lodge&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;.&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;insert&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;giant&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;TwinPeaksCharacter&lt;&#x2F;span&gt;&lt;span&gt; {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;20&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        name&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;String&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;from&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;The Fireman&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;),&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;21&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        coffee_rating&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt; 42.424242&lt;&#x2F;span&gt;&lt;span&gt;,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;22&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;        pie_preference&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-namespace&quot;&gt;String&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;::&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;from&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;Garmonbozia&amp;quot;&lt;&#x2F;span&gt;&lt;span&gt;),&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;23&lt;&#x2F;span&gt;&lt;span&gt;    });&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;24&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;25&lt;&#x2F;span&gt;&lt;span class=&quot;z-comment&quot;&gt;    &#x2F;&#x2F; Calculate total appreciation of damn fine coffee&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;26&lt;&#x2F;span&gt;&lt;span class=&quot;z-storage z-type&quot;&gt;    let&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt; total_coffee&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;:&lt;&#x2F;span&gt;&lt;span&gt; &lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-type&quot;&gt;f32&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt; =&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt; black_lodge&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;27&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;        .&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;values&lt;&#x2F;span&gt;&lt;span&gt;()&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;28&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;        .&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;map&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;|&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;character&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;|&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt; character&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;.&lt;&#x2F;span&gt;&lt;span&gt;coffee_rating)&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;29&lt;&#x2F;span&gt;&lt;span class=&quot;z-keyword&quot;&gt;        .&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;sum&lt;&#x2F;span&gt;&lt;span&gt;();&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;30&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;31&lt;&#x2F;span&gt;&lt;span class=&quot;z-entity z-name z-function&quot;&gt;    println!&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span class=&quot;z-string&quot;&gt;&amp;quot;☕ Total coffee appreciation: {:.2} cups&amp;quot;&lt;&#x2F;span&gt;&lt;span class=&quot;z-variable&quot;&gt;, total_coffee);&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot;&gt;32&lt;&#x2F;span&gt;&lt;span&gt;}&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;&lt;h2 id=&quot;other-elements-abbr-sub-sup-kbd-details-mark&quot;&gt;Other Elements — abbr, sub, sup, kbd, details, mark&lt;a class=&quot;post-anchor&quot; href=&quot;#other-elements-abbr-sub-sup-kbd-details-mark&quot; aria-label=&quot;Anchor link for: other-elements-abbr-sub-sup-kbd-details-mark&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;&lt;abbr title=&quot;Graphics Interchange Format&quot;&gt;GIF&lt;&#x2F;abbr&gt; is a bitmap image format.&lt;&#x2F;p&gt;
&lt;p&gt;H&lt;sub&gt;2&lt;&#x2F;sub&gt;O&lt;&#x2F;p&gt;
&lt;p&gt;X&lt;sup&gt;n&lt;&#x2F;sup&gt; + Y&lt;sup&gt;n&lt;&#x2F;sup&gt; = Z&lt;sup&gt;n&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;p&gt;Press &lt;kbd&gt;CTRL&lt;&#x2F;kbd&gt;+&lt;kbd&gt;ALT&lt;&#x2F;kbd&gt;+&lt;kbd&gt;Delete&lt;&#x2F;kbd&gt; to end the
session.&lt;&#x2F;p&gt;
&lt;details&gt;
&lt;summary&gt;Something wicked this way comes&lt;&#x2F;summary&gt;
&lt;p&gt;&lt;strong&gt;Boo!&lt;&#x2F;strong&gt; 👻&lt;&#x2F;p&gt;
&lt;p&gt;Ha ha, scared ya!&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;p&gt;Most &lt;mark&gt;salamanders&lt;&#x2F;mark&gt; are nocturnal, and hunt for insects, worms, and
other small creatures.&lt;&#x2F;p&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn-1&quot;&gt;
&lt;p&gt;The above quote is excerpted from Rob Pike&#x27;s
&lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=PAAkCSZUG1c&quot;&gt;talk&lt;&#x2F;a&gt; during Gopherfest,
November 18, 2015. &lt;a href=&quot;#fr-1-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;&#x2F;section&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Mathematical Typesetting</title>
        <published>2026-07-05T00:00:00+00:00</published>
        <updated>2026-07-05T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/math-typesetting/"/>
        <id>https://ghp-tapestry.netlify.app/docs/math-typesetting/</id>
        
        <content type="html" xml:base="https://ghp-tapestry.netlify.app/docs/math-typesetting/">&lt;p&gt;Tapestry supports &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;katex.org&#x2F;&quot;&gt;$\KaTeX$&lt;&#x2F;a&gt;, a fast, easy-to-use
JavaScript library for TeX math rendering on the Web.&lt;&#x2F;p&gt;
&lt;section class=&quot;alert info&quot; role=&quot;note&quot; aria-labelledby=&quot;0Zsxg17u&quot;&gt;
    &lt;div class=&quot;alert-icon alert-icon-info&quot;&gt;&lt;&#x2F;div&gt;
    &lt;div class=&quot;alert-content&quot; role=&quot;presentation&quot;&gt;
        &lt;strong id=&quot;0Zsxg17u&quot; class=&quot;alert-title&quot; aria-hidden=&quot;true&quot;&gt;TODO&lt;&#x2F;strong&gt;
        &lt;p&gt;Will elaborate more later...&lt;&#x2F;p&gt;
&lt;&#x2F;div&gt;
&lt;&#x2F;section&gt;
&lt;h2 id=&quot;usage&quot;&gt;Usage&lt;a class=&quot;post-anchor&quot; href=&quot;#usage&quot; aria-label=&quot;Anchor link for: usage&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;p&gt;To enable $\KaTeX$ support site-wide, add this to your site&#x27;s &lt;code&gt;config.toml&lt;&#x2F;code&gt;:&lt;&#x2F;p&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;toml&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[extra]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-variable&quot;&gt;katex =&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-language&quot;&gt; true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;Alternatively, $\KaTeX$ support may be enabled selectively on individual pages
(e.g. &lt;code&gt;content&#x2F;blog&#x2F;my-page.md&lt;&#x2F;code&gt;) or on an entire section of your site (e.g.
&lt;code&gt;content&#x2F;blog&#x2F;_index.md&lt;&#x2F;code&gt;) by adding the above to your frontmatter instead. For
instance:&lt;&#x2F;p&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;markdown&quot; data-name=&quot;content&#x2F;blog&#x2F;my-page.md&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;title = &amp;quot;My Page&amp;quot;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;date = 2026-01-01&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;[&lt;&#x2F;span&gt;&lt;span class=&quot;z-string z-other z-link z-title z-markdown&quot;&gt;extra&lt;&#x2F;span&gt;&lt;span&gt;]&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;katex = true&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;+++&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;This is some Markdown containing an inline $\KaTeX$ formula!&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;&lt;h2 id=&quot;examples&quot;&gt;Examples&lt;a class=&quot;post-anchor&quot; href=&quot;#examples&quot; aria-label=&quot;Anchor link for: examples&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;#&lt;&#x2F;span&gt;&lt;&#x2F;a&gt;
&lt;&#x2F;h2&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;tex&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\displaystyle \frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}{\Bigl(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\sqrt&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character z-constant z-other&quot;&gt;\phi \sqrt&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;5&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}}-&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt;\phi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;\Bigr) e^{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other z-constant z-numeric z-constant z-character&quot;&gt;\frac25 \pi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}} = &lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{e^{-&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric z-constant z-character&quot;&gt;2\pi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}} {&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{e^{-&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric z-constant z-character&quot;&gt;4\pi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}} {&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{e^{-&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric z-constant z-character&quot;&gt;6\pi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}} {&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{e^{-&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric z-constant z-character&quot;&gt;8\pi&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}} {&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt;\cdots&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;} } } }&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;$$
\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
$$&lt;&#x2F;p&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;tex&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\displaystyle&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; \left(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt; \sum&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;_{k=&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}^n a_k b_k \right)^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric z-constant z-character&quot;&gt;2 \leq&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; \left(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt; \sum&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;_{k=&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}^n a_k^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;2&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; \right) \left(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt; \sum&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;_{k=&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}^n b_k^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;2&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; \right)&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;$$
&quot;\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
$$&lt;&#x2F;p&gt;
&lt;pre class=&quot;giallo z-code&quot;&gt;&lt;code data-lang=&quot;tex&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\displaystyle&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; {&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; +&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;  \frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{q^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;2&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}{(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;-q)}+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{q^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;6&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}{(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;-q)(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;-q^&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;2&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;)}+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt;\cdots&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; }= &lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt;\prod&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;_{j=&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;0&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}^{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-character&quot;&gt;\infty&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\frac&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;}{(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;-q^{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;5&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;j+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;2&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;})(&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;-q^{&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;5&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;j+&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;3&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;})}, &lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\quad\quad \text&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;{for }&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\lvert&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt; q&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-other&quot;&gt;\rvert&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;&amp;lt;&lt;&#x2F;span&gt;&lt;span class=&quot;z-constant z-numeric&quot;&gt;1&lt;&#x2F;span&gt;&lt;span class=&quot;z-support z-class&quot;&gt;.&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span class=&quot;z-support z-class&quot;&gt;$$&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;$$
\displaystyle {1 +  \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots }= \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert&amp;lt;1.
$$&lt;&#x2F;p&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Shortcodes</title>
        <published>2026-07-05T00:00:00+00:00</published>
        <updated>2026-07-05T00:00:00+00:00</updated>
        
        <author>
          <name>
            Anirban Basu
          </name>
        </author>
        
        <author>
          <name>
            Bhombol Dachshund
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://ghp-tapestry.netlify.app/docs/shortcodes/"/>
        <id>https://ghp-tapestry.netlify.app/docs/shortcodes/</id>
        
        <summary type="html">&lt;p&gt;This theme includes some useful custom shortcodes that you can use to enhance
your posts. Whether you want to display a gallery of images, or format a
professional-looking reference section, these custom shortcodes have got you
covered.&lt;&#x2F;p&gt;</summary>
        
    </entry>
</feed>
