<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Features | Example Hugo site with Toph theme</title><link>https://justwheel.github.io/toph-hugo-theme/categories/features/</link><description>Honorary biography page of Septima Clark, a Civil Rights Movement pioneer and activist.</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><managingEditor>Septima Poinsette Clark</managingEditor><lastBuildDate>Sun, 05 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://justwheel.github.io/toph-hugo-theme/rss/categories/features/index.xml" rel="self" type="application/rss+xml"/><item><title>AsciiDoc Admonition Support</title><link>https://justwheel.github.io/toph-hugo-theme/blog/asciidoc-admonitions/</link><pubDate>Sun, 05 Jul 2026 00:00:00 +0000</pubDate><guid>https://justwheel.github.io/toph-hugo-theme/blog/asciidoc-admonitions/</guid><description><![CDATA[<div class="paragraph">
<p>AsciiDoc provides five built-in admonition types for drawing attention to specific content.
Toph styles each type as a refined callout card with a color-coded left border, tinted background, and icon.</p>
</div>
<div class="sect1">
<h2 id="_admonition_types">Admonition types</h2>
<div class="sectionbody">
<div class="paragraph">
<p>AsciiDoc defines five admonition types, each for a different purpose.</p>
</div>
<div class="admonitionblock note">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Note</div>
</td>
<td class="content">
Use notes to provide additional context or supplementary information that supports the main text.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock tip">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Tip</div>
</td>
<td class="content">
Use tips to share best practices, shortcuts, or recommendations that help the reader.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock warning">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Warning</div>
</td>
<td class="content">
Use warnings to alert the reader about potential problems or pitfalls they should be aware of.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock caution">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Caution</div>
</td>
<td class="content">
Use cautions to flag actions that could cause harm, data loss, or unintended consequences if done carelessly.
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock important">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Important</div>
</td>
<td class="content">
Use important admonitions to highlight critical information the reader must not overlook.
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_block_admonitions">Block admonitions</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Admonitions can also span multiple paragraphs using AsciiDoc’s block syntax.
This is useful when the message needs more than a single sentence.</p>
</div>
<div class="admonitionblock note">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Note</div>
</td>
<td class="content">
<div class="paragraph">
<p>Block admonitions use the delimiter syntax with four equals signs.
They can contain multiple paragraphs, lists, and other AsciiDoc elements.</p>
</div>
<div class="paragraph">
<p>This is a second paragraph inside the same admonition block.</p>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock tip">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Tip</div>
</td>
<td class="content">
<div class="paragraph">
<p>When writing documentation, consider which admonition type best fits your message.</p>
</div>
<div class="ulist">
<ul>
<li>
<p><strong>NOTE</strong> for supplementary context</p>
</li>
<li>
<p><strong>TIP</strong> for actionable advice</p>
</li>
<li>
<p><strong>WARNING</strong> for potential pitfalls</p>
</li>
<li>
<p><strong>CAUTION</strong> for risk of harm or data loss</p>
</li>
<li>
<p><strong>IMPORTANT</strong> for critical information</p>
</li>
</ul>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="admonitionblock warning">
<table>
<tbody><tr>
<td class="icon">
<div class="title">Warning</div>
</td>
<td class="content">
<div class="paragraph">
<p>Admonitions should be used sparingly.
Overusing them dilutes their impact and makes content harder to scan.</p>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_syntax">Syntax</h2>
<div class="sectionbody">
<div class="paragraph">
<p>There are two ways to write admonitions in AsciiDoc.</p>
</div>
<div class="sect2">
<h3 id="_inline_syntax">Inline syntax</h3>
<div class="paragraph">
<p>The simplest form places the admonition label at the start of a paragraph:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">NOTE: This is an inline note admonition.

TIP: This is an inline tip admonition.</code></pre>
</div>
</div>
</div>
<div class="sect2">
<h3 id="_block_syntax">Block syntax</h3>
<div class="paragraph">
<p>For multi-paragraph admonitions, use the block delimiter:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlight"><code class="language-asciidoc" data-lang="asciidoc">[NOTE]
====
First paragraph of the admonition.

Second paragraph of the admonition.
====</code></pre>
</div>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_learn_more">Learn more</h2>
<div class="sectionbody">
<div class="ulist">
<ul>
<li>
<p><a href="https://docs.asciidoctor.org/asciidoc/latest/blocks/admonitions/">AsciiDoc Admonition Documentation</a></p>
</li>
<li>
<p><a href="https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/#admonitions">Admonition Quick Reference</a></p>
</li>
</ul>
</div>
</div>
</div>
]]></description></item></channel></rss>