<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>aesks</title>
  <subtitle>A personal blog by Mulham A.</subtitle>
  <link href="https://0xbytes.dev/feed.xml" rel="self"/>
  <link href="https://0xbytes.dev/"/>
  <updated>2026-06-16T00:00:00Z</updated>
  <id>https://0xbytes.dev/</id>
  <author>
    <name>Mulham A.</name>
  </author>
  <entry>
    <title>Hello, World</title>
    <link href="https://0xbytes.dev/posts/hello-world/"/>
    <updated>2026-06-16T00:00:00Z</updated>
    <id>https://0xbytes.dev/posts/hello-world/</id>
    <content type="html"><![CDATA[<p>Welcome to <strong>aesks</strong> — my corner of the internet.</p>
<p>This blog runs on <a href="https://www.11ty.dev/">Eleventy</a>, a fast and flexible static site generator. I'll be writing about technology, ideas, and whatever else catches my attention.</p>
<h2 id="what-to-expect">What to expect</h2>
<p>Posts here will vary in length and topic. Some will be long-form essays, others short notes. The common thread: things I find worth writing down.</p>
<p>Here's a quick code sample to show syntax highlighting is working:</p>
<pre class="language-js"><code class="language-js"><span class="token keyword">function</span> <span class="token function">greet</span><span class="token punctuation">(</span><span class="token parameter">name</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">Hello, </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>name<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">!</span><span class="token template-punctuation string">`</span></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 function">greet</span><span class="token punctuation">(</span><span class="token string">"world"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
<p>Thanks for stopping by.</p>
]]></content>
  </entry>
  <entry>
    <title>Getting Started with Eleventy</title>
    <link href="https://0xbytes.dev/posts/getting-started-with-eleventy/"/>
    <updated>2026-06-10T00:00:00Z</updated>
    <id>https://0xbytes.dev/posts/getting-started-with-eleventy/</id>
    <content type="html"><![CDATA[<p><a href="https://www.11ty.dev/">Eleventy</a> (11ty) is a simple static site generator that stays out of your way. No client-side JavaScript by default, no opinionated framework — just your content, your templates, and fast builds.</p>
<p>This is some text with a footnote.<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> And another one.<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup></p>
<h2 id="why-11ty">Why 11ty</h2>
<ul>
<li><strong>Zero client-side JS by default</strong> — what you write is what ships</li>
<li><strong>Multiple template languages</strong> — Nunjucks, Liquid, Markdown, HTML, and more</li>
<li><strong>Fast builds</strong> — even large sites build in seconds</li>
<li><strong>Highly configurable</strong> — collections, filters, shortcodes, plugins</li>
</ul>
<h3 id="why-11ty-1">Why 11ty</h3>
<p>because its good</p>
<h3 id="why-11ty-2">Why 11ty</h3>
<p>because its good</p>
<h2 id="getting-started">Getting started</h2>
<pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy
npx eleventy <span class="token parameter variable">--serve</span></code></pre>
<p>That's genuinely all you need. Write a Markdown file, add a layout, and you have a blog.</p>
<h2 id="file-structure">File structure</h2>
<p>A minimal 11ty blog looks something like this:</p>
<pre><code>_includes/
  base.njk
_data/
  site.js
posts/
  first-post.md
index.njk
</code></pre>
<p>From there you build up however you need to.</p>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>This is the first footnote definition.This is the first footnote definition.This is the first footnote definition.This is the first footnote definition.This is the first footnote definition.This is the first footnote definition.This is the first footnote definition. <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn2" class="footnote-item"><p>This is the second footnote definition. <a href="#fnref2" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
]]></content>
  </entry>
</feed>
