<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
    <channel>
      <title> #Technical - Fresh off the bakery!</title>
      <link>https://n4ta.tildecities.com</link>
      <description></description>
      <generator>N4ta using Zola</generator>
      <language>en</language>
      <atom:link href="https://n4ta.tildecities.com/tags/technical/rss.xml" rel="self" type="application/rss+xml"/>
      <lastBuildDate>Sat, 08 Aug 2026 00:00:00 +0000</lastBuildDate>
      <item>
          <title>Fresh Start!</title>
          <pubDate>Sat, 08 Aug 2026 00:00:00 +0000</pubDate>
          <author>~n4ta</author>
          <link>https://n4ta.tildecities.com/blog/fresh/</link>
          <guid>https://n4ta.tildecities.com/blog/fresh/</guid>
          <description xml:base="https://n4ta.tildecities.com/blog/fresh/">&lt;p&gt;The blog is now... live, I think? Hold on...&lt;/p&gt;
&lt;span id=&quot;continue-reading&quot;&gt;&lt;/span&gt;
&lt;ul&gt;
&lt;li&gt;&lt;em&gt;Test&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-1-1&quot;&gt;&lt;a href=&quot;https://n4ta.tildecities.com/blog/fresh/#fn-1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt;, 2212&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Hello?&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Hold on... Let me just...&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;hello&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#hello&quot; aria-label=&quot;Anchor link for: hello&quot;&gt;HELLO???&lt;/a&gt;&lt;/h2&gt;
&lt;h3 id=&quot;hello-1&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#hello-1&quot; aria-label=&quot;Anchor link for: hello-1&quot;&gt;Hello??&lt;/a&gt;&lt;/h3&gt;
&lt;h4 id=&quot;hello-2&quot;&gt;&lt;a class=&quot;zola-anchor&quot; href=&quot;#hello-2&quot; aria-label=&quot;Anchor link for: hello-2&quot;&gt;hello?&lt;/a&gt;&lt;/h4&gt;
&lt;p&gt;hello&lt;/p&gt;
&lt;p&gt;&lt;span class=&quot;caption&quot; style=&quot;&quot;&gt;hello...&lt;/span&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Well, that&#39;s weird... No response? &lt;em&gt;&lt;strong&gt;At all?&lt;/strong&gt;&lt;/em&gt; I wonder if it has anything to do with-&lt;/p&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/cretu.png&quot; width=&quot;50px&quot; alt=&quot;Cretu10&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        Cretu10 &lt;span class=&quot;note&quot;&gt;• H&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;yo, you good? why are you screaming?&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/nata.png&quot; width=&quot;50px&quot; alt=&quot;~n4ta&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        ~n4ta &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;&lt;strong&gt;WHAT??&lt;/strong&gt; &lt;em&gt;How did you do that??&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;del&gt;CRAP&lt;/del&gt;&lt;/strong&gt; I&#39;m here too??&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/blobboble.png&quot; width=&quot;50px&quot; alt=&quot;Blob The Boble Alexander IV&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        Blob The Boble Alexander IV &lt;span class=&quot;note&quot;&gt;• Self proclaimed ruler&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;I, &lt;strong&gt;Blob The Boble&lt;/strong&gt; of the family Alexander, fourth of his name, hereby announce that the plebians may now communicate henceforth.&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/nata.png&quot; width=&quot;50px&quot; alt=&quot;~n4ta&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        ~n4ta &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;Wait this is actually kind of &lt;strong&gt;cool&lt;/strong&gt;...You know, talking with...&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;a &lt;strong&gt;name&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;a &lt;strong&gt;photo&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;emotions&lt;i&gt;-ish&lt;/i&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;...instead of it just being all text...&lt;/p&gt;
&lt;p&gt;Who else is here?!&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/tot.png&quot; width=&quot;50px&quot; alt=&quot;theotherthings&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        theotherthings &lt;span class=&quot;note&quot;&gt;• &lt;a href=&#39;https://telepathtelepath.bandcamp.com/album/--55&#39;&gt;Context (bandcamp)&lt;/a&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;Hi&lt;/p&gt;
&lt;p&gt;another banger from the telepath&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/nata.png&quot; width=&quot;50px&quot; alt=&quot;~n4ta&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        ~n4ta &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;Oh! &lt;strong&gt;Hi Tot! :D&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Wait hold on, let me try something...&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #DCD7BA; background-color: #1F1F28;&quot; &gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #957FB8;&quot;&gt;let&lt;/span&gt;&lt;span&gt; mac_speech&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: #7AA89F;&quot;&gt; Speech&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  name&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt; &amp;quot;mac.&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  src&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt; &amp;quot;mac_pfp&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  note&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt; &amp;quot;It works?&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  right&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #FFA066;&quot;&gt; true&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #727169;&quot;&gt; // Let&amp;#39;s try this out!!&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  access_code&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt; &amp;quot;SGkhIDpE&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;};&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;And now I should just need to run &lt;code&gt;rustc mac_speech.rs&lt;/code&gt; aaaaaanddd.....&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech right&quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/mac.png&quot; width=&quot;50px&quot; alt=&quot;mac.&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        &lt;a href=&quot;https://macs.page.gd/&quot;&gt;mac.&lt;/a&gt; &lt;span class=&quot;note&quot;&gt;• It works?&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;idk what to write anw&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/nata.png&quot; width=&quot;50px&quot; alt=&quot;~n4ta&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        ~n4ta &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;&lt;strong&gt;HUZZAH!!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Okay, well, what am I even missing then?&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Migrate the website to an SSG using Zola and Tera v2&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Added new badges&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Created the blog section&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot; checked=&quot;&quot;/&gt;
Implemented the speech bubble functionality&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&quot;&quot; type=&quot;checkbox&quot;/&gt;
Turned off the evil portal machine...&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;em&gt;Wait...&lt;/em&gt; &lt;strong&gt;&lt;del&gt;DANG&lt;/del&gt; IT, I FORGOT!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;OKAY CAN YOU HOMIES PLEASE&lt;/strong&gt; ENTERTAIN THE READER WHILE I&#39;M GONE, I SWEAR I&#39;LL BE RIGHT BACK, &lt;span class=&quot;caption&quot; style=&quot;&quot;&gt; IT&#39;S JUST FOR A LITTLE BIT, PLEASE AND THANK YOU, BYE SEE YOU SOON, AAAA! &lt;/span&gt;&lt;/p&gt;
  &lt;/blockquote&gt;
&lt;hr /&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/enderprism.png&quot; width=&quot;50px&quot; alt=&quot;enderprism&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        &lt;a href=&quot;https://enderprism.org/&quot;&gt;enderprism&lt;/a&gt; &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;haiii :3&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech right&quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/maru.png&quot; width=&quot;50px&quot; alt=&quot;marujirushi&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        &lt;a href=&quot;https://soundcloud.com/maru-wav&quot;&gt;marujirushi&lt;/a&gt; &lt;span class=&quot;note&quot;&gt;• &quot;can you put this under ender&quot;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;picture class=&quot;pic&quot;&gt;
  &lt;img src=&quot;/assets/blog/fresh/kittysays.gif&quot; alt=&quot;&quot;&gt;
  &lt;br&gt;
  &lt;span class=&quot;caption&quot; style=&quot;&quot;&gt;&lt;b&gt;ALT:&lt;/b&gt; Speech bubble meme of a YouTube thumbnail of a cat with the title &quot;Kitty says something to me but I don&#39;t understand her&quot; &lt;/span&gt;
&lt;/picture&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/7w.png&quot; width=&quot;50px&quot; alt=&quot;7w7y&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        7w7y &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;despite everything, its still you&lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech right&quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/sary.png&quot; width=&quot;50px&quot; alt=&quot;7Sary&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        &lt;a href=&quot;https://7sary.neocities.org/&quot;&gt;7Sary&lt;/a&gt; &lt;span class=&quot;note&quot;&gt;&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;did you know that spiders used to sometimes be missing their abdomen in specifically android devices?&lt;/p&gt;
&lt;picture class=&quot;pic&quot;&gt;
  &lt;img src=&quot;/assets/blog/fresh/abdomenlessspider.png&quot; alt=&quot;&quot;&gt;
  &lt;br&gt;
  &lt;span class=&quot;caption&quot; style=&quot;&quot;&gt;&lt;b&gt;ALT:&lt;/b&gt; An old version of a spider mob from the game &quot;Minecraft&quot; missing its abdomen &lt;/span&gt;
&lt;/picture&gt;
  &lt;/blockquote&gt;
  &lt;blockquote class=&quot;speech &quot; style=&quot;--w: 0.9;&quot;&gt;
    &lt;div class=&quot;speecher&quot;&gt;
      &lt;img src=&quot;/assets/people/kunyk.png&quot; width=&quot;50px&quot; alt=&quot;Kunyk&#39;s profile picture&quot;&gt;
      &lt;span&gt;
        &lt;a href=&quot;https://kunykarchive.neocities.org/&quot;&gt;Kunyk&lt;/a&gt; &lt;span class=&quot;note&quot;&gt;• 👀&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
&lt;p&gt;👀&lt;/p&gt;
&lt;picture class=&quot;pic&quot;&gt;
  &lt;img src=&quot;/assets/blog/fresh/letstakealook.gif&quot; alt=&quot;&quot;&gt;
  &lt;br&gt;
  &lt;span class=&quot;caption&quot; style=&quot;&quot;&gt;&lt;b&gt;ALT:&lt;/b&gt; An animated skeleton running, reminiscent of &quot;Let&#39;s take a look 👀&quot; memes &lt;/span&gt;
&lt;/picture&gt;
  &lt;/blockquote&gt;
&lt;hr /&gt;
&lt;p&gt;In all seriousness, thank you to these awesome people for providing their awesome likeness to help me test all the markdown features in the blog. Learning and using Zola has been… painful, sure, but that was mostly due to the circumstances I found it in. Zola (now) uses the &lt;a rel=&quot;external&quot; href=&quot;https://keats.github.io/tera/&quot;&gt;Tera v2&lt;/a&gt; templating engine, which is similar to Jinja2 and Django templates, and when I started rewriting my website to use Zola, the Tera documentation had features that weren&#39;t even implemented. &lt;em&gt;“What?!”&lt;/em&gt; I was digging through source code and random template examples without finding any real great answers.&lt;/p&gt;
&lt;p&gt;I was so confused until the great enderprism (whom you&#39;ve seen in this blog post) helped me realize that Tera v2, the one with the cool new features such as custom components, turns out, was only included with Zola three days ago. It hadn&#39;t yet trickled down into my package manager, so I was using an old version of Zola with the documentation for the newer, &lt;strong&gt;breaking&lt;/strong&gt; version. &lt;em&gt;What a timing!&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Besides that hiccup, it&#39;s been a great time! It comes with just enough features without feeling &quot;bloated,&quot; it&#39;s &lt;em&gt;&lt;strong&gt;BLAZINGLY FAST 🦀&lt;/strong&gt;&lt;/em&gt;, it&#39;s powerful, extensible, and surprisingly easy to use, especially with its pre-made templates. Initially I chose it because, well... Rust &lt;del&gt;(BLAZINGLY FAST!!!!!!)&lt;/del&gt;, and I have yet to try out other SSGs (I&#39;ve used 11ty briefly, though not enough to form an opinion on it), but it&#39;s way more than &quot;just a rusty SSG&quot;.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Zola is a Static Site Generator I can absolutely recommend.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I have some minor gripes with it, mostly because I tend to overcomplicate things, but something I can talk about is the syntax. I understand that it&#39;s a templating engine, and that&#39;s it&#39;s main goal, so the syntax has to reflect that... but I&#39;d just love if features like components could get a break from that syntax... For example, if I want to &lt;span class=&quot;caption&quot; style=&quot;&quot;&gt;whisper like this&lt;/span&gt;, I have to create a custom component such as:&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #DCD7BA; background-color: #1F1F28;&quot; &gt;&lt;code data-lang=&quot;html&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{ % component caption(style: string = &amp;quot;&amp;quot;) -% }&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;  &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;span&lt;/span&gt;&lt;span style=&quot;color: #957FB8;&quot;&gt; class&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt;&amp;quot;caption&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #957FB8;&quot;&gt; style&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #98BB6C;&quot;&gt;&amp;quot;{ {style} }&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;{ {body} }&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;span&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{ %- endcomponent % }&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;and then reference it by using&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #DCD7BA; background-color: #1F1F28;&quot; &gt;&lt;code data-lang=&quot;html&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;{ % &lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;caption&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; % } a setup like this { % &lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #E6C384;&quot;&gt;caption&lt;/span&gt;&lt;span style=&quot;color: #9CABCA;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt; % }&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Which... is not very visually appealing and is quite convoluted. Of course, I could shrink the word &lt;code&gt;&amp;lt;caption&amp;gt;&lt;/code&gt; to something like &lt;code&gt;&amp;lt;cap&amp;gt;&lt;/code&gt; or even just &lt;code&gt;&amp;lt;c&amp;gt;&lt;/code&gt;, but at that point, with the amount of other special characters it just looks like a cypher. I have a bad habit of working whilst sleep-deprived and the last thing I need is to decrypt cyphers at 3:00AM. I wish I could at the very least use custom components without the &lt;code&gt;{ %&lt;/code&gt; setup and at best create custom markdown formatting, though I think the latter is less likely. This is obviously, as I said, a really tiny gripe of mine and doesn&#39;t really take away from the overall joy of using Zola.&lt;/p&gt;
&lt;p&gt;Why am I saying all of this? I don&#39;t know, just wanted to test this blog&#39;s capabilities of long paragraphs. :]&lt;/p&gt;
&lt;p&gt;...&lt;/p&gt;
&lt;p&gt;...&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;OH&lt;/strong&gt;, right! I forgot tables!&lt;/p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;i&lt;/th&gt;&lt;th&gt;ii&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;ii&lt;/td&gt;&lt;td&gt;i_&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&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;&lt;em&gt;Why are you reading the test page?&lt;/em&gt; &lt;a href=&quot;https://n4ta.tildecities.com/blog/fresh/#fr-1-1&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
      </item>
    </channel>
</rss>
