<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>FM `title` of root MD index page on My Test Website</title>
        <link>https://catz.cc/</link>
        <description>Recent content in FM `title` of root MD index page on My Test Website</description>
        <generator>Hugo</generator>
        <language>en-US</language>
        <copyright>My Hugo copyright text!</copyright>
        <lastBuildDate>Sun, 24 Aug 2025 11:41:56 +0800</lastBuildDate>
        <atom:link href="https://catz.cc/index.xml" rel="self" type="application/rss+xml" />
        <item>
            <title>Pinned Post with `weight` = 10</title>
            <link>https://catz.cc/posts/pinned-post/</link>
            <pubDate>Fri, 22 Aug 2025 11:41:56 +0800</pubDate>
            <guid>https://catz.cc/posts/pinned-post/</guid>
            <description>&lt;p&gt;Lorem ipsum &lt;a href=&#34;https://google.com&#34; class=&#34;ext-link&#34; rel=&#34;external noreferrer noopener&#34; target=&#34;_blank&#34;&gt;dolor sit amet&lt;/a&gt;, &lt;a href=&#34;https://catz.cc/&#34;&gt;consectetur&lt;/a&gt; adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;</description>
            <content:encoded>
                <![CDATA[<p>Lorem ipsum <a href="https://google.com" class="ext-link" rel="external noreferrer noopener" target="_blank">dolor sit amet</a>, <a href="/">consectetur</a> adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<h1 id="duis-faucibus-urna-eget-h1">Duis faucibus urna eget (h1)</h1>
<h2 id="vestibulum-urna-h2">Vestibulum urna (h2)</h2>
<h3 id="quisque-eu-fringilla-turpis-h3">Quisque eu fringilla turpis (h3)</h3>
<h4 id="curabitur-ultrices-h4">Curabitur ultrices (h4)</h4>
<h5 id="donec-vel-est-urna-h5">Donec vel est urna (h5)</h5>
<h6 id="morbi-lobortis-nulla-condimentum-h6">Morbi lobortis, nulla condimentum (h6)</h6>
<p>Nulla porta bibendum nisi, ac maximus tortor iaculis non. Nunc venenatis convallis varius.</p>
<p>Here is a simple footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
<p>A footnote can also have multiple lines<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
<h1 id="duis-faucibus-urna-eget-h1-1">Duis faucibus urna eget (h1)</h1>
<p>Curabitur ultrices rhoncus commodo. Fusce et fringilla erat, sed posuere urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
<h2 id="vestibulum-urna-h2-1">Vestibulum urna (h2)</h2>
<p>Morbi lobortis, nulla condimentum ultrices rutrum, velit mauris bibendum nisi, eget varius nibh ex quis massa.</p>
<h3 id="quisque-eu-fringilla-turpis-h3-1">Quisque eu fringilla turpis (h3)</h3>
<p>Quisque dictum eros diam, at laoreet nisi dapibus non. Donec hendrerit euismod facilisis. Aenean ultrices imperdiet tempus. Aenean vel tortor leo.</p>
<h4 id="curabitur-ultrices-h4-1">Curabitur ultrices (h4)</h4>
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consequat nibh ac nibh dignissim, eget ornare metus suscipit. Nulla rutrum molestie pellentesque.</p>
<h5 id="donec-vel-est-urna-h5-1">Donec vel est urna (h5)</h5>
<p>Nulla molestie, augue eget condimentum lobortis, tellus sem finibus mi, a dictum odio neque sit amet erat.</p>
<h6 id="morbi-lobortis-nulla-condimentum-h6-1">Morbi lobortis, nulla condimentum (h6)</h6>
<p>Quisque at ornare ipsum, ac tempor mi. Proin ultrices consequat nulla, a porta diam accumsan at.</p>
<p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consequat nibh ac nibh dignissim, eget ornare metus suscipit. Nulla rutrum molestie pellentesque.</p>
<img src="https://placehold.co/320x240@2x/999/777.jpg?text=Placeholder#center" alt="Proin ultrices" height="240" width="320"><p>Phasellus elementum, justo vel consectetur venenatis, mi nisl ultrices sapien, id maximus elit nisl sagittis nunc.</p>
<table>
  <thead>
      <tr>
          <th>Formats</th>
          <th>macOS Display Preset</th>
          <th>H.273</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>BT.709 *</td>
          <td>HDTV Video</td>
          <td>1-1-1</td>
      </tr>
      <tr>
          <td>sRGB **</td>
          <td>Internet and Web</td>
          <td>1-13-1</td>
      </tr>
      <tr>
          <td>HDR10<br>BT.2100 PQ</td>
          <td>HDR Video</td>
          <td>9-16-9</td>
      </tr>
      <tr>
          <td>BT.2100 HLG<br>Dolby Vision Profile 8.4</td>
          <td>HDR Video</td>
          <td>9-18-9</td>
      </tr>
      <tr>
          <td>Dolby Vision Profile 5</td>
          <td>HDR Video</td>
          <td>2-2-2 ***</td>
      </tr>
      <tr>
          <td>BT.601 SMPTE-C</td>
          <td>NTSC Video</td>
          <td>6-1-6</td>
      </tr>
      <tr>
          <td>BT.601 EBU</td>
          <td>PAL and SECAM Video</td>
          <td>5-1-5</td>
      </tr>
  </tbody>
</table>
<ul>
<li>
<p>Curabitur ultrices rhoncus commodo.</p>
</li>
<li>
<p>Nullam at diam</p>
<ol>
<li>Fusce vehicula</li>
<li>Nulla porta bibendum</li>
<li>Proin ultrices consequat nulla</li>
</ol>
</li>
<li>
<p>Vivamus at venenatis felis</p>
<p>Nam mollis sem sed fermentum semper. Ut tempor turpis vel mauris elementum mattis.</p>
</li>
<li>
<p>Donec hendrerit euismod</p>
</li>
</ul>
<ol>
<li>
<p>Ut pellentesque nunc eu rhoncus laoreet.</p>
</li>
<li>
<p>Quisque at ornare ipsum</p>
<ul>
<li>Proin ultrices consequat nulla</li>
<li>Donec vitae orci ac eros</li>
<li>Cras eu maximus</li>
</ul>
</li>
<li>
<p>Ut pellentesque nunc eu rhoncus laoreet.</p>
<p>ulla congue, ipsum sit amet auctor eleifend, sapien eros euismod odio</p>
</li>
<li>
<p>Ut mi leo, bibendum</p>
</li>
</ol>
<p>Aenean a nulla eu orci eleifend suscipit ac quis dui. Fusce dignissim diam vel odio volutpat eleifend.</p>
<h2 id="nostrud-exercitation">nostrud exercitation</h2>
<p>dolore magna aliqua
quis nostrud exercitation</p>
<h1 id="sed-ut-perspiciatis">Sed Ut Perspiciatis</h1>
<p>Duis aute irure dolor <code>in reprehenderit</code> in voluptate velit <code class="chroma code-inline language-html"><span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;demo&#34;</span><span class="p">&gt;</span>Example text<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span></code> esse cillum dolore eu fugiat nulla pariatur.</p>
<pre><code>/* code block by indenting */
.selector-for-some-widget {
  box-sizing: content-box; box-sizing: content-box; box-sizing: content-box; box-sizing: content-box;
}
</code></pre>
<pre tabindex="0"><code>/* code block by backticks */
.selector-for-some-widget {
  box-sizing: content-box; box-sizing: content-box; box-sizing: content-box; box-sizing: content-box;
}</code></pre><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="c">/* css {hl_lines=[2]} */</span>
</span></span><span class="line hl"><span class="cl"><span class="p">.</span><span class="nc">selector-for-some-widget</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="hl"><span class="lnt">2
</span></span><span class="lnt">3
</span><span class="lnt">4
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="c">/* css {linenos=true hl_lines=[2]} */</span>
</span></span><span class="line hl"><span class="cl"><span class="p">.</span><span class="nc">selector-for-some-widget</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></td></tr></table>
</div>
</div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="ln">1</span><span class="cl"><span class="c">/* css {linenos=inline hl_lines=[2]} */</span>
</span></span><span class="line hl"><span class="ln">2</span><span class="cl"><span class="p">.</span><span class="nc">selector-for-some-widget</span> <span class="p">{</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl">  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span>
</span></span><span class="line"><span class="ln">4</span><span class="cl"><span class="p">}</span></span></span></code></pre></div><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="hl"><span class="lnt"> 3
</span></span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="hl"><span class="lnt"> 6
</span></span><span class="hl"><span class="lnt"> 7
</span></span><span class="hl"><span class="lnt"> 8
</span></span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span><span class="lnt">12
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="c">&lt;!-- html {linenos=true hl_lines=[3,&#34;6-8&#34;]} --&gt;</span>
</span></span><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
</span></span><span class="line hl"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">  <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&#34;viewport&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;width=device-width, initial-scale=1&#34;</span><span class="p">&gt;&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&#34;viewport&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;width=device-width, initial-scale=1&#34;</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">    <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Bootstrap demo<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">  <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">  <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Hello, world!<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">  <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div><div class="highlight" data-prompt="true"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">$
</span><span class="lnt">$
</span><span class="lnt">$
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># {linenos=true data-prompt=true}</span>
</span></span><span class="line"><span class="cl">xattr -c /path/to/file
</span></span><span class="line"><span class="cl">xattr -cr /path/to/dir_or_package -cr /path/to/dir_or_package -cr /path/to/dir_or_package</span></span></code></pre></td></tr></table>
</div>
</div><div class="highlight" data-prompt="true"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="ln">$</span><span class="cl"><span class="c1"># {linenos=inline data-prompt=true}</span>
</span></span><span class="line"><span class="ln">$</span><span class="cl">xattr -c /path/to/file
</span></span><span class="line"><span class="ln">$</span><span class="cl">xattr -cr /path/to/dir_or_package -cr /path/to/dir_or_package -cr /path/to/dir_or_package</span></span></code></pre></div><div class="highlight" data-prompt="😀"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="ln">😀</span><span class="cl"><span class="c1"># {linenos=inline data-prompt=true}</span>
</span></span><span class="line"><span class="ln">😀</span><span class="cl">xattr -c /path/to/file
</span></span><span class="line"><span class="ln">😀</span><span class="cl">xattr -cr /path/to/dir_or_package -cr /path/to/dir_or_package -cr /path/to/dir_or_package</span></span></code></pre></div><ul>
<li>
<p>test</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="hl"><span class="lnt">2
</span></span><span class="lnt">3
</span><span class="lnt">4
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="c">/* css {linenos=true hl_lines=[2]} */</span>
</span></span><span class="line hl"><span class="cl"><span class="p">.</span><span class="nc">selector-for-some-widget</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span> <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></td></tr></table>
</div>
</div><p>123</p>
</li>
</ul>
<h2 id="vitae-dicta-sunt-explicabo">Vitae Dicta Sunt Explicabo</h2>
<img src="https://placehold.co/640x480@2x/999/777.jpg?text=Placeholder" alt="My Image"><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<dl>
<dt>et quasi architecto beatae</dt>
<dd>vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</dd>
<dt>qui dolorem ipsum</dt>
<dd>adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</dd>
</dl>
<p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>


    <blockquote class="alert alert-note">
        <p class="alert-title">Note</p>
        <p>Useful information that users should know, even when skimming content.</p>
    </blockquote>

    <blockquote class="alert alert-tip">
        <p class="alert-title">Tip</p>
        <p>Helpful advice for doing things better or more easily.</p>
    </blockquote>

    <blockquote class="alert alert-important">
        <p class="alert-title">Custom Title 1</p>
        <p>Key information users need to know to achieve their goal.</p>
    </blockquote>

    <blockquote class="alert alert-warning">
        <p class="alert-title">Custom Title 2</p>
        <p>Urgent info that needs immediate user attention to avoid problems.</p>
    </blockquote>

    <blockquote class="alert alert-caution">
        <p class="alert-title">Caution</p>
        <p>Advises about risks or negative outcomes of certain actions.</p>
    </blockquote>

    <blockquote cite="https://catz.cc">
        <p>Some text</p>
            <footer>
                <p>–&nbsp;
                        <a href="https://catz.cc"
                        class="inline-flex flex-wrap gap-1 items-center [&_svg]:text-neso-fg3/64">
                            <span>
                                Some caption
                            </span>
                        </a>
                </p>
            </footer></blockquote>

    <blockquote cite="https://example.com">
        <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>


    <blockquote>
        <p>sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p></blockquote>
            <footer>
                <p>–&nbsp;
                        <a href="https://example.com"
                        class="inline-flex flex-wrap gap-1 items-center [&_svg]:text-neso-fg3/64"
                        rel="external noreferrer noopener"
                        target="_blank">
                            <span>
                                不知名
                            </span>
                                <svg class="shrink-0 grow-0 size-[1em] stroke-2 stroke-current fill-none">
                                    <use href="/src/img/ui_icons.3a325646e3471da53b5a02de03ced90ec80db97a317842e331d1d824701b3812.svg#external-link" />
                                </svg>
                        </a>
                </p>
            </footer></blockquote><div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>My reference.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>To add line breaks within a footnote, prefix new lines with 2 spaces.
This is a second line.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>]]>
            </content:encoded>
        </item>
        <item>
            <title>Title of a post in Sec2</title>
            <link>https://catz.cc/posts/section2/sec2-test-title/</link>
            <pubDate>Sun, 24 Aug 2025 11:41:56 +0800</pubDate>
            <guid>https://catz.cc/posts/section2/sec2-test-title/</guid>
            <description>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;</description>
            <content:encoded>
                <![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<h2 id="nostrud-exercitation">nostrud exercitation</h2>
<p>dolore magna aliqua
quis nostrud exercitation</p>
<h1 id="sed-ut-perspiciatis">Sed Ut Perspiciatis</h1>
<p>Duis aute irure dolor <code>in reprehenderit</code> in voluptate velit <code class="chroma code-inline language-html"><span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;demo&#34;</span><span class="p">&gt;</span>Example text<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span></code> esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="highlight" data-prompt="true"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">$
</span><span class="lnt">$
</span><span class="lnt">$
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># comment me</span>
</span></span><span class="line"><span class="cl">xattr -c /path/to/file
</span></span><span class="line"><span class="cl">xattr -cr /path/to/dir_or_package</span></span></code></pre></td></tr></table>
</div>
</div><div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class="lnt"> 2
</span><span class="hl"><span class="lnt"> 3
</span></span><span class="lnt"> 4
</span><span class="lnt"> 5
</span><span class="hl"><span class="lnt"> 6
</span></span><span class="hl"><span class="lnt"> 7
</span></span><span class="hl"><span class="lnt"> 8
</span></span><span class="lnt"> 9
</span><span class="lnt">10
</span><span class="lnt">11
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">  <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&#34;viewport&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;width=device-width, initial-scale=1&#34;</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">    <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Bootstrap demo<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">  <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line hl"><span class="cl">  <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">h1</span><span class="p">&gt;</span>Hello, world!<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">  <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">.</span><span class="nc">selector-for-some-widget</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">  <span class="k">box-sizing</span><span class="p">:</span> <span class="kc">content-box</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="vitae-dicta-sunt-explicabo">Vitae Dicta Sunt Explicabo</h2>
<img src="https://placehold.co/640x480@2x/999/777.jpg?text=Placeholder" alt="My Image"><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<dl>
<dt>et quasi architecto beatae</dt>
<dd>vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</dd>
<dt>qui dolorem ipsum</dt>
<dd>adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</dd>
</dl>
<p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>


    <blockquote class="alert alert-note">
        <p class="alert-title">Note</p>
        <p>Useful information that users should know, even when skimming content.</p>
    </blockquote>

    <blockquote class="alert alert-tip">
        <p class="alert-title">Tip</p>
        <p>Helpful advice for doing things better or more easily.</p>
    </blockquote>

    <blockquote class="alert alert-important">
        <p class="alert-title">Custom Title 1</p>
        <p>Key information users need to know to achieve their goal.</p>
    </blockquote>

    <blockquote class="alert alert-warning">
        <p class="alert-title">Custom Title 2</p>
        <p>Urgent info that needs immediate user attention to avoid problems.</p>
    </blockquote>

    <blockquote class="alert alert-caution">
        <p class="alert-title">Caution</p>
        <p>Advises about risks or negative outcomes of certain actions.</p>
    </blockquote>

    <blockquote cite="https://example.com">
        <p>Some text</p>
            <footer>
                <p>–&nbsp;
                        <a href="https://example.com"
                        class="inline-flex flex-wrap gap-1 items-center [&_svg]:text-neso-fg3/64"
                        rel="external noreferrer noopener"
                        target="_blank">
                            <span>
                                Somebody
                            </span>
                                <svg class="shrink-0 grow-0 size-[1em] stroke-2 stroke-current fill-none">
                                    <use href="/src/img/ui_icons.3a325646e3471da53b5a02de03ced90ec80db97a317842e331d1d824701b3812.svg#external-link" />
                                </svg>
                        </a>
                </p>
            </footer></blockquote>]]>
            </content:encoded>
        </item>
        <item>
            <title>My Test Post 4</title>
            <link>https://catz.cc/posts/meowd4/</link>
            <pubDate>Wed, 20 Aug 2025 09:38:33 +0800</pubDate>
            <guid>https://catz.cc/posts/meowd4/</guid>
            <description>&lt;h2 id=&#34;introduction&#34;&gt;Introduction&lt;/h2&gt;&#xA;&lt;p&gt;This is &lt;strong&gt;bold&lt;/strong&gt; text, and this is &lt;em&gt;emphasized&lt;/em&gt; text.&lt;/p&gt;</description>
            <content:encoded>
                <![CDATA[<h2 id="introduction">Introduction</h2>
<p>This is <strong>bold</strong> text, and this is <em>emphasized</em> text.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo new content content/notes/my-test-post.md</span></span></code></pre></div>

    <blockquote class="alert alert-note">
        <p class="alert-title">Note</p>
        <p>Advises about risks or negative outcomes of certain actions.</p>
    </blockquote>

    <blockquote class="alert alert-tip">
        <p class="alert-title">Tip</p>
        <p>Helpful advice for doing things better or more easily.</p>
    </blockquote>

    <blockquote class="alert alert-important">
        <p class="alert-title">Important</p>
        <p>Key information users need to know to achieve their goal.</p>
    </blockquote>

    <blockquote class="alert alert-warning">
        <p class="alert-title">Warning</p>
        <p>Urgent info that needs immediate user attention to avoid problems.</p>
    </blockquote>

    <blockquote class="alert alert-caution">
        <p class="alert-title">Caution</p>
        <p>Advises about risks or negative outcomes of certain actions.</p>
    </blockquote><img src="/posts/meowd4/my-img.jpg" alt="kitten"><ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
<h3 id="lorem-ipsum">Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3 id="more-info">More Info</h3>
<p>Visit the <a href="https://gohugo.io" class="ext-link" rel="external noreferrer noopener" target="_blank">Hugo</a> website!</p>]]>
            </content:encoded>
        </item>
    </channel>
</rss>
