<?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://newsletter.dennisppaul.de/feed.xml" rel="self" type="application/atom+xml" /><link href="https://newsletter.dennisppaul.de/" rel="alternate" type="text/html" /><updated>2026-08-02T16:03:57+02:00</updated><id>https://newsletter.dennisppaul.de/feed.xml</id><title type="html">Newsletter</title><subtitle>Newsletter</subtitle><author><name>Dennis P Paul</name></author><entry><title type="html">Example Post</title><link href="https://newsletter.dennisppaul.de/2026/07/27/example-post/" rel="alternate" type="text/html" title="Example Post" /><published>2026-07-27T11:00:00+02:00</published><updated>2026-07-27T11:00:00+02:00</updated><id>https://newsletter.dennisppaul.de/2026/07/27/example-post</id><content type="html" xml:base="https://newsletter.dennisppaul.de/2026/07/27/example-post/"><![CDATA[<p>this post exists so a freshly set-up site renders something real, and so every
styled element can be checked in one place. delete it once the site has content
of its own.</p>

<p>posts live in <code class="language-plaintext highlighter-rouge">_posts/</code> and must be named <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-title.md</code>. the date and
slug in the filename become the url — with the <code class="language-plaintext highlighter-rouge">permalink</code> setting in
<code class="language-plaintext highlighter-rouge">_config.yml</code>, this post lands at <code class="language-plaintext highlighter-rouge">/2026/07/27/example-post/</code>. posts dated in
the future stay unpublished, because <code class="language-plaintext highlighter-rouge">future: false</code> is set.</p>

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

<p>headings are prefixed with their markdown hashes by the stylesheet, so <code class="language-plaintext highlighter-rouge">##</code>
renders as a visible <code class="language-plaintext highlighter-rouge">##</code>. six levels exist; four are styled.</p>

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

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

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

<p>regular paragraph text with <em>emphasis</em>, <strong>strong</strong>, <code class="language-plaintext highlighter-rouge">inline code</code>, a
<a href="https://jekyllrb.com">link</a>, and a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote" rel="footnote" role="doc-noteref">1</a></sup>.</p>

<blockquote>
  <p>a blockquote. it picks up a left border and the brand colour.</p>

  <p>second paragraph inside the quote.</p>
</blockquote>

<hr />

<p>a horizontal rule renders as <code class="language-plaintext highlighter-rouge">---</code>, above.</p>

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

<ul>
  <li>unordered items are prefixed with a hanging dash</li>
  <li>second item
    <ul>
      <li>nested item</li>
    </ul>
  </li>
  <li>third item</li>
</ul>

<ol>
  <li>ordered items use a css counter</li>
  <li>second item</li>
  <li>third item</li>
</ol>

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

<p>fenced blocks are highlighted by rouge, styled in
<code class="language-plaintext highlighter-rouge">_sass/minima/_syntax-highlighting.scss</code>:</p>

<div class="language-ruby highlighter-rouge"><div class="highlight"><pre class="highlight"><code><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="no">ENV</span><span class="p">.</span><span class="nf">fetch</span><span class="p">(</span><span class="s2">"USER"</span><span class="p">,</span> <span class="s2">"world"</span><span class="p">))</span>
</code></pre></div></div>

<div class="language-sh highlighter-rouge"><div class="highlight"><pre class="highlight"><code>./serve.sh          <span class="c"># local preview with livereload</span>
./deploy.sh <span class="nt">-n</span>      <span class="c"># dry run, changes nothing</span>
</code></pre></div></div>

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

<table>
  <thead>
    <tr>
      <th>column</th>
      <th>column</th>
      <th>column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>left aligned</td>
      <td>some value</td>
      <td>1</td>
    </tr>
    <tr>
      <td>another row</td>
      <td>another value</td>
      <td>2</td>
    </tr>
    <tr>
      <td>third row</td>
      <td>third value</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<h2 id="images">images</h2>

<p>images go in <code class="language-plaintext highlighter-rouge">assets/</code>. reference them through <code class="language-plaintext highlighter-rouge">relative_url</code> so they keep
resolving if the site ever moves to a subpath:</p>

<p><img src="/assets/example.svg" alt="example image" /></p>

<p>any format works — svg, png, jpg. naming them after the post they belong to
(<code class="language-plaintext highlighter-rouge">assets/2026-07-27-example.png</code>) keeps the folder navigable as it grows.</p>

<h2 id="embedded-video">embedded video</h2>

<p>wrap an iframe in <code class="language-plaintext highlighter-rouge">.video-container</code> to get a responsive 16:9 embed:</p>

<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"video-container"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;iframe</span> <span class="na">src=</span><span class="s">"…"</span> <span class="na">frameborder=</span><span class="s">"0"</span> <span class="na">allowfullscreen</span><span class="nt">&gt;&lt;/iframe&gt;</span>
<span class="nt">&lt;/div&gt;</span>
</code></pre></div></div>

<div class="footnotes" role="doc-endnotes">
  <ol>
    <li id="fn:1">
      <p>footnotes render at the bottom of the post, with a superscript marker. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">&#8617;</a></p>
    </li>
  </ol>
</div>]]></content><author><name>Dennis P Paul</name></author><summary type="html"><![CDATA[this post exists so a freshly set-up site renders something real, and so every styled element can be checked in one place. delete it once the site has content of its own.]]></summary></entry></feed>