<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://ramidem.github.io/notes/feed.xml" rel="self" type="application/atom+xml" /><link href="https://ramidem.github.io/" rel="alternate" type="text/html" /><updated>2026-10-14T00:00:59+08:00</updated><id>https://ramidem.github.io/notes/feed.xml</id><title type="html">Med Aduh</title><subtitle>Notes by Med Aduh.</subtitle><author><name>Med Aduh</name></author><entry><title type="html">what the blog?</title><link href="https://ramidem.github.io/notes/jekyll/what-the-blog/" rel="alternate" type="text/html" title="what the blog?" /><published>2026-10-13T19:46:00+08:00</published><updated>2026-10-13T19:46:00+08:00</updated><id>https://ramidem.github.io/notes/jekyll/what-the-blog</id><content type="html" xml:base="https://ramidem.github.io/notes/jekyll/what-the-blog/"><![CDATA[<p>This blog is a set of notes. Each note is a Jekyll post: a markdown file in <code class="language-plaintext highlighter-rouge">_posts/</code>.</p>

<h2 id="folders">Folders</h2>

<p>A note’s folder is its <code class="language-plaintext highlighter-rouge">category</code> in front matter. This one sits in <code class="language-plaintext highlighter-rouge">jekyll</code>:</p>

<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="na">category</span><span class="pi">:</span> <span class="s">jekyll</span>
</code></pre></div></div>

<p>Folders are one level deep: no folders inside folders. <strong>All Notes</strong> shows every note, whatever its folder.</p>]]></content><author><name>Med Aduh</name></author><category term="jekyll" /><summary type="html"><![CDATA[How this notes blog is put together]]></summary></entry><entry><title type="html">Hello, notes</title><link href="https://ramidem.github.io/notes/hello-notes/" rel="alternate" type="text/html" title="Hello, notes" /><published>2026-10-13T14:27:00+08:00</published><updated>2026-10-13T14:27:00+08:00</updated><id>https://ramidem.github.io/notes/hello-notes</id><content type="html" xml:base="https://ramidem.github.io/notes/hello-notes/"><![CDATA[<p>Sample note. Every piece of markdown a note can use, so the styles get tested in one place.</p>

<h2 id="headings">Headings</h2>

<p>The note title is the <code class="language-plaintext highlighter-rouge">title</code> in front matter. Inside a note, headings go from two levels down to six.</p>

<h3 id="third-level">Third level</h3>

<h4 id="fourth-level">Fourth level</h4>

<h5 id="fifth-level">Fifth level</h5>

<h6 id="sixth-level">Sixth level</h6>

<h2 id="text">Text</h2>

<p>A paragraph with <em>emphasis</em>, <strong>strong text</strong>, <strong><em>both at once</em></strong>, <del>strikethrough</del>, and <code class="language-plaintext highlighter-rouge">inline code</code>.<br />
This line follows a hard line break.</p>

<p>Links: <a href="/">an inline link</a>, <a href="https://github.com/ramidem" title="ramidem on GitHub">a link with a title</a>, and an autolink <a href="https://ramidem.github.io">https://ramidem.github.io</a>.</p>

<p>An abbreviation: <abbr title="HyperText Markup Language">HTML</abbr>. A footnote reference.<sup id="fnref:1"><a href="#fn:1" class="footnote" rel="footnote" role="doc-noteref">1</a></sup></p>

<h2 id="quotes">Quotes</h2>

<blockquote>
  <p>A blockquote. Good for things other people said.</p>

  <blockquote>
    <p>A quote inside a quote.</p>
  </blockquote>
</blockquote>

<h2 id="lists">Lists</h2>

<ul>
  <li>Unordered item</li>
  <li>Another item
    <ul>
      <li>Nested item</li>
      <li>Another nested item</li>
    </ul>
  </li>
</ul>

<ol>
  <li>Ordered item</li>
  <li>Second item
    <ol>
      <li>Nested ordered item</li>
    </ol>
  </li>
  <li>Third item</li>
</ol>

<ul class="task-list">
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />A finished task</li>
  <li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />An open task</li>
</ul>

<dl>
  <dt>Definition term</dt>
  <dd>The definition, from a kramdown definition list.</dd>
</dl>

<h2 id="code">Code</h2>

<div class="language-ruby highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># A fenced code block with syntax highlighting</span>
<span class="k">def</span> <span class="nf">greet</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hello, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>

<span class="n">greet</span><span class="p">(</span><span class="s2">"notes"</span><span class="p">)</span> <span class="c1"># =&gt; Hello, notes</span>
<span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="p">{</span> <span class="o">|</span><span class="n">i</span><span class="o">|</span> <span class="nb">puts</span> <span class="n">i</span> <span class="p">}</span>
</code></pre></div></div>

<h2 id="table">Table</h2>

<table>
  <thead>
    <tr>
      <th style="text-align: left">Syntax</th>
      <th style="text-align: center">Renders as</th>
      <th style="text-align: right">Count</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align: left"><code class="language-plaintext highlighter-rouge">*em*</code></td>
      <td style="text-align: center"><em>em</em></td>
      <td style="text-align: right">1</td>
    </tr>
    <tr>
      <td style="text-align: left"><code class="language-plaintext highlighter-rouge">**strong**</code></td>
      <td style="text-align: center"><strong>strong</strong></td>
      <td style="text-align: right">2</td>
    </tr>
    <tr>
      <td style="text-align: left"><code class="language-plaintext highlighter-rouge">~~del~~</code></td>
      <td style="text-align: center"><del>del</del></td>
      <td style="text-align: right">3</td>
    </tr>
  </tbody>
</table>

<h2 id="image">Image</h2>

<p><img src="/assets/icons/apple-icon-180x180.png" alt="The site icon" title="The site icon" /></p>

<h2 id="media">Media</h2>

<p>Markdown has no syntax for these, so each one is a one-line include from <code class="language-plaintext highlighter-rouge">_includes/notes/</code>.</p>

<h3 id="image-with-a-caption">Image with a caption</h3>

<figure class="note-figure">
<img src="/assets/icons/apple-icon-180x180.png" alt="The site icon" loading="lazy" />
<figcaption>An image with a caption, using figure.html.</figcaption>
</figure>

<h3 id="video">Video</h3>

<figure class="note-figure note-video">
<video controls="" playsinline="" preload="metadata" aria-label="A flower blooming">
<source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" type="video/webm" />
<source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4" />
<a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4">Download the video</a>
</video>
<figcaption>A self-hosted video with controls, using video.html. Sample clip: MDN, CC0.</figcaption>
</figure>

<h3 id="looping-clip">Looping clip</h3>

<figure class="note-figure note-video">
<video autoplay="" muted="" loop="" playsinline="" data-loop="" aria-label="A flower blooming, looping">
<source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4" />
<a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4">Download the video</a>
</video>
<figcaption>The same clip with loop=true: silent and autoplaying, in place of a GIF.</figcaption>
</figure>

<h3 id="youtube">YouTube</h3>

<figure class="note-figure note-embed">
<a class="note-youtube" href="https://www.youtube.com/watch?v=jNQXAC9IVRw" data-youtube-id="jNQXAC9IVRw" data-title="Me at the zoo">
<img src="https://i.ytimg.com/vi/jNQXAC9IVRw/hqdefault.jpg" alt="" loading="lazy" />
<span class="note-youtube-play" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z" /></svg></span>
<span class="visually-hidden">Play video: Me at the zoo</span>
</a>
<figcaption>Loads the player only when clicked, using youtube.html.</figcaption>
</figure>

<h3 id="audio">Audio</h3>

<figure class="note-figure note-audio">
<audio controls="" preload="metadata" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" aria-label="A T. rex roar">
<a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">Download the audio</a>
</audio>
<figcaption>An audio clip, using audio.html. Sample: MDN, CC0.</figcaption>
</figure>

<h3 id="link-cards">Link cards</h3>

<div class="note-card-block">
<a class="note-card" href="https://jekyllrb.com/docs/includes/" target="_blank" rel="noopener noreferrer">
<span class="note-card-text">
<strong>Includes</strong>
<span class="note-card-description">How Jekyll includes work, and how to pass parameters to them.</span>
<span class="note-card-host">jekyllrb.com</span>
</span>
</a>
</div>

<div class="note-card-block">
<a class="note-card" href="/resume/med-aduh-resume.pdf">
<span class="note-card-text">
<strong>Resume (PDF)</strong>
<span class="note-card-description">A PDF is easier to read opened in its own tab than embedded in the page.</span>
<span class="note-card-host">ramidem.github.io</span>
</span>
<img class="note-card-image" src="/assets/icons/apple-icon-180x180.png" alt="" loading="lazy" />
</a>
</div>

<hr />

<p>Above is a horizontal rule. Footnotes collect below.</p>

<div class="footnotes" role="doc-endnotes">
  <ol>
    <li id="fn:1">
      <p>The footnote text, with a link back. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">&#8617;</a></p>
    </li>
  </ol>
</div>]]></content><author><name>Med Aduh</name></author><summary type="html"><![CDATA[Every piece of markdown a note can use]]></summary></entry></feed>