nestA minimal project portfolio 11ty template.2026-08-09T00:00:00Zhttps://uncommonraven.codeberg.page/nest/uncommonravenFootnotes2026-08-09T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/footnotes/<h2 id="first-heading-two" tabindex="-1">First heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit<sup class="footnote-ref"><a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fn1" id="fnref1">[1]</a></sup>. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="first-heading-three" tabindex="-1">First heading three</h3>
<p>Lorem ipsum<sup class="footnote-ref"><a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fn2" id="fnref2">[2]</a></sup> dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h4 id="first-heading-four" tabindex="-1">First heading four</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="second-heading-two" tabindex="-1">Second heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="third-heading-two" tabindex="-1">Third heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="second-heading-three" tabindex="-1">Second heading three</h3>
<p>Lorem ipsum<sup class="footnote-ref"><a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fn3" id="fnref3">[3]</a></sup> dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Lorem ipsum is a mechanism for creating placeholder text, invented and integrated far before the advent of large language models and generative AI systems. <a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fnref1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn2" class="footnote-item"><p>You can provide readers with a hyperlink to information, such as the <a href="https://en.wikipedia.org/wiki/Lorem_ipsum">Wikipedia page</a> for Lorem ipsum, using footnotes, too! <a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fnref2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn3" class="footnote-item"><p>Create your very own lorem ipsum text by visiting <a href="https://lipsum.com/">lipsum.org</a>. <a href="https://uncommonraven.codeberg.page/nest/projects/footnotes/#fnref3" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
Headings and table of contents2026-08-07T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/headings/<h2 id="first-heading-two" tabindex="-1">First heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="first-heading-three" tabindex="-1">First heading three</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h4 id="first-heading-four" tabindex="-1">First heading four</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="second-heading-two" tabindex="-1">Second heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="third-heading-two" tabindex="-1">Third heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="second-heading-three" tabindex="-1">Second heading three</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
Web feed2026-08-05T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/web%20feed/web_feed/Post type designation2026-08-05T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/type_designation/Theme toggle2026-08-05T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/theme_toggle/Tags2026-08-02T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/tags/<h2 id="first-heading-two" tabindex="-1">First heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="first-heading-three" tabindex="-1">First heading three</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h4 id="first-heading-four" tabindex="-1">First heading four</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="second-heading-two" tabindex="-1">Second heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h2 id="third-heading-two" tabindex="-1">Third heading two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
<h3 id="second-heading-three" tabindex="-1">Second heading three</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum. Donec faucibus diam tortor, eget dictum lorem pellentesque mattis. Nunc arcu ligula, dapibus a lorem et, placerat faucibus justo. Vivamus accumsan, est et rhoncus pretium, tellus nulla sollicitudin mi, nec vulputate eros justo at eros. In a molestie ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel risus nec ante feugiat sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae risus est. Praesent venenatis rhoncus libero. Phasellus non lacinia sapien, sit amet condimentum lorem.</p>
Favorite posts2026-08-01T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/favorites/Syntax highlighting for code snippets2026-08-01T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/code_syntax_highlighting/<h2 id="javascript-example" tabindex="-1">JavaScript example</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum.</p>
<pre class="language-js" tabindex="0"><code class="language-js"><span class="token comment">// this is a command</span>
<span class="token keyword">function</span> <span class="token function">myCommand</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">let</span> counter <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
counter<span class="token operator">++</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">"Hello world"</span><span class="token punctuation">)</span></code></pre>
<h2 id="python-example" tabindex="-1">Python example</h2>
<pre class="language-python" tabindex="0"><code class="language-python"><span class="token keyword">def</span> <span class="token function">my_command</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">:</span>
counter <span class="token operator">=</span> <span class="token number">0</span>
counter <span class="token operator">+=</span> <span class="token number">1</span>
<span class="token keyword">print</span><span class="token punctuation">(</span><span class="token string">"Hello world!"</span><span class="token punctuation">)</span></code></pre>
Attachments2026-08-01T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/attachments/Image rendering2026-07-28T00:00:00Zhttps://uncommonraven.codeberg.page/nest/projects/image_rendering/<h2 id="full-width-example" tabindex="-1">Full width example</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum.</p>
<picture><source type="image/avif" srcset="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-1024.avif"><source type="image/webp" srcset="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-1024.webp"><img loading="lazy" decoding="async" src="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-1024.jpeg" alt="A book illustration by John Martin from Paradise Lost: Book 7, Line 339. Dated as 1827. It depicts a vast, dark, cloudy landscape above a flat horizon contrasted by a strong source of light in the starry sky, emerging from what appears to be a sun or moon. A humanlike figure, blended with the clouds but illuminated by this source of light, reaches out with one hand towards the light source." width="1024" height="700"></picture>
<h2 id="smaller-width-example" tabindex="-1">Smaller width example</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices enim tincidunt est convallis, vel sodales sem ullamcorper. Sed ultrices feugiat tortor sagittis vestibulum.</p>
<picture><source type="image/avif" srcset="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-400.avif"><source type="image/webp" srcset="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-400.webp"><img loading="lazy" decoding="async" src="https://uncommonraven.codeberg.page/nest/projects/image_rendering/4vGzFGpw-C-400.jpeg" alt="A book illustration by John Martin from Paradise Lost: Book 7, Line 339. Dated as 1827. It depicts a vast, dark, cloudy landscape above a flat horizon contrasted by a strong source of light in the starry sky, emerging from what appears to be a sun or moon. A humanlike figure, blended with the clouds but illuminated by this source of light, reaches out with one hand towards the light source." width="400" height="273"></picture>