

<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xml:base="https://thomaskiml.com/">
  <channel>
    <title>Thomas Kiml</title> 
    <link>https://thomaskiml.com/</link> 
    <description>Recent content on Thomas Kiml</description> 
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <lastBuildDate>Sat, 25 Apr 2026 14:58:17 +0000</lastBuildDate> <atom:link href="https://thomaskiml.com/rss.xml" rel="self" type="application/rss&#43;xml" />
    
     
    

    
      <item>
        <title>Markdown Testing Features</title>
        <link>https://thomaskiml.com/markdown-testing-features/</link>
        <pubDate>Thu, 09 May 2024 00:00:00 +0000</pubDate> 
        <guid>https://thomaskiml.com/markdown-testing-features/</guid> 
        <description><![CDATA[ 
<div class="callout">
    <div class="callout-title">Dummy Post</div>
    <div class="callout-content">This post serves as a test that everything on the site works as it should. It is not for posing it is a dummy to test and validate new code.</div>
</div>

<p>Here&rsquo;s some introductory text for your blog post. This section can set the stage, introduce the topic, or provide context for the content that follows. It&rsquo;s a great place to engage your readers from the start and let them know what to expect.</p>
<p>We&rsquo;ve included a variety of Markdown elements to demonstrate how your blog posts can be formatted. Feel free to copy, paste, and modify this template to suit your needs.</p>
<hr>
<h2 id="featured-content-example">Featured Content Example</h2>







  


<figure>
  <img src="gas_storage_heatmap.webp" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p><i>[ Link : <a href="https://99percentinvisible.org/episode/power-broker-01-robert-caro/">The Power Broker #1: Robert Caro - 99% Invisible - 99percentinvisible.org</a> ]</i></p>
<hr>
<h2 id="mathematical-expression">Mathematical Expression</h2>
<p>When $a \ne 0$, there are two solutions to the quadratic equation $(ax^2 + bx + c = 0)$, and they are given by:
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$</p>
<hr>
<h2 id="headings-overview">Headings Overview</h2>
<h1 id="h1-heading">h1 Heading</h1>
<h2 id="h2-heading">h2 Heading</h2>
<h3 id="h3-heading">h3 Heading</h3>
<h4 id="h4-heading">h4 Heading</h4>
<h5 id="h5-heading">h5 Heading</h5>
<h6 id="h6-heading">h6 Heading</h6>
<hr>
<h2 id="text-formatting">Text Formatting</h2>
<p><strong>This text is bold.</strong></p>
<p><em>This text is italic.</em></p>
<p>~~This text has a strikethrough.~~</p>
<hr>
<h2 id="blockquotes">Blockquotes</h2>
<blockquote>
<p>This is a standard blockquote. It can be used to highlight quotes from external sources or emphasize specific passages.</p>
<blockquote>
<p>Blockquotes can also be nested for further visual hierarchy,</p></blockquote>
<blockquote>
<blockquote>
<p>creating a layered effect.</p></blockquote></blockquote></blockquote>
<hr>
<h2 id="lists">Lists</h2>
<p><strong>Unordered List:</strong></p>
<p>Lately, I’ve seen more people starting to bring back personal websites. And I think this is very important. Here’s why:</p>
<ul>
<li><strong>You Own It</strong>: A personal website is your space. You own your words, your pictures, and your design. It’s a digital home that can’t be taken away by a big company’s changing rules.</li>
<li><strong>Freedom to Be You</strong>: You can make your site look exactly how you want. Want a strange color mix? Go for it. Want to write a very long story about your cat? No one will stop you. It’s a place where you can express yourself freely.</li>
<li><strong>A Unique Voice</strong>: In a world where computers push popular things, a personal website is a place for small interests, quiet thoughts, and real ideas that might not become “viral” but are still very important to you. It’s a place to build your own online identity, not just a profile.</li>
<li><strong>A Lasting Memory</strong>: Social media posts often get lost in endless feeds. A personal website can be a lasting record of your thoughts, projects, and how you change over time. It’s a digital memory you control.</li>
</ul>
<p><strong>Ordered List:</strong></p>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item
<ol>
<li>Numbered sub-item</li>
<li>Another numbered sub-item</li>
</ol>
</li>
</ol>
<p>You can also start an ordered list with an offset:
5. Item starting at five
6. Next item</p>
<hr>
<h2 id="code-examples">Code Examples</h2>
<p>Inline <code>import pandas as pd</code> can be used for short snippets.</p>

  <div class="code-container" style="position: relative;">
    
    <pre><code class="language-python">package main ======== 

import "fmt"

func main() {
    for i := 0; i < 3; i++ {
        fmt.Println("Value of i:", i)
    }
}</code></pre>
  </div>

  <div class="code-container" style="position: relative;">
    
    <pre><code class="language-python">import pandas as pd -------
print("Hello Hugo")</code></pre>
  </div>
<hr>
<h2 id="tables">Tables</h2>
<table>
  <thead>
      <tr>
          <th>Header 1</th>
          <th>Header 2</th>
          <th>Header 3</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Row 1a</td>
          <td>Row 1b</td>
          <td>Row 1c</td>
      </tr>
      <tr>
          <td>Row 2a</td>
          <td>Row 2b</td>
          <td>Row 2c</td>
      </tr>
      <tr>
          <td>Row 3a</td>
          <td>Row 3b</td>
          <td>Row 3c</td>
      </tr>
  </tbody>
</table>
<hr>
<h2 id="links">Links</h2>
<p>Visit <a href="https://www.example.com">Example Website</a></p>
<p>Here&rsquo;s a <a href="https://www.example.com" title="This is a tooltip!">link with a title</a>.</p>
<hr>
<h2 id="images">Images</h2>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<h2 id="european-gas-storage-levels-mid-autumn">European Gas Storage Levels Mid-Autumn</h2>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Inline <code>import pandas as pd</code> can be used for short snippets. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.</p>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p>Maecenas ut lectus. Nam in sapien. Etiam ut purus mattis mauris suscipit fermentum. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Ut sagittis nulla eget odio. Proin eu mi. Vivamus sed augue sit amet lectus dapibus egestas. Donec in odio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Integer imperdiet lectus quis justo.</p>
<h3 id="european-gas-storage-levels-mid-autumn-1">European Gas Storage Levels Mid-Autumn</h3>
<p>Phasellus rhoncus. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque sapien. Fusce wisi. Aenean fermentum risus id tortor. Etiam quis quam. In enim a arcu imperdiet malesuada. Nulla est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis pulvinar. Vestibulum fermentum tortor id mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<p>Maecenas ut lectus. Nam in sapien. Etiam ut purus mattis mauris suscipit fermentum. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Ut sagittis nulla eget odio. Proin eu mi. Vivamus sed augue sit amet lectus dapibus egestas. Donec in odio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Integer imperdiet lectus quis justo. <sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p>
<p>Phasellus rhoncus. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque sapien. Fusce wisi. Aenean fermentum risus id tortor. Etiam quis quam. In enim a arcu imperdiet malesuada. Nulla est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis pulvinar. Vestibulum fermentum tortor id mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Smith, T. (2020). The citation manual for students: A quick guide (2nd ed.). Wiley. <a href="https://duckduckgo.com">Duck Duck Go</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>Smith, T. (2020). The citation manual for students: A quick guide (2nd ed.). Wiley. <a href="https://duckduckgo.com">Duck Duck Go</a>&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></description> 
         
        <category>blue</category> 
      </item>
    
      <item>
        <title>Markdown Testing Features</title>
        <link>https://thomaskiml.com/markdown-testing-features/</link>
        <pubDate>Thu, 09 May 2024 00:00:00 +0000</pubDate> 
        <guid>https://thomaskiml.com/markdown-testing-features/</guid> 
        <description><![CDATA[ 
<div class="callout">
    <div class="callout-title">Dummy Post</div>
    <div class="callout-content">This post serves as a test that everything on the site works as it should. It is not for posing it is a dummy to test and validate new code.</div>
</div>

<p>Here&rsquo;s some introductory text for your blog post. This section can set the stage, introduce the topic, or provide context for the content that follows. It&rsquo;s a great place to engage your readers from the start and let them know what to expect.</p>
<p>We&rsquo;ve included a variety of Markdown elements to demonstrate how your blog posts can be formatted. Feel free to copy, paste, and modify this template to suit your needs.</p>
<hr>
<h2 id="featured-content-example">Featured Content Example</h2>







  


<figure>
  <img src="gas_storage_heatmap.webp" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p><i>[ Link : <a href="https://99percentinvisible.org/episode/power-broker-01-robert-caro/">The Power Broker #1: Robert Caro - 99% Invisible - 99percentinvisible.org</a> ]</i></p>
<hr>
<h2 id="mathematical-expression">Mathematical Expression</h2>
<p>When $a \ne 0$, there are two solutions to the quadratic equation $(ax^2 + bx + c = 0)$, and they are given by:
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$</p>
<hr>
<h2 id="headings-overview">Headings Overview</h2>
<h1 id="h1-heading">h1 Heading</h1>
<h2 id="h2-heading">h2 Heading</h2>
<h2 id="h3-heading">h3 Heading</h2>
<h3 id="h4-heading">h4 Heading</h3>
<h4 id="h5-heading">h5 Heading</h4>
<h4 id="h6-heading">h6 Heading</h4>
<hr>
<h2 id="text-formatting">Text Formatting</h2>
<p><strong>This text is bold.</strong></p>
<p><em>This text is italic.</em></p>
<p>~~This text has a strikethrough.~~</p>
<hr>
<h2 id="blockquotes">Blockquotes</h2>
<blockquote>
<p>This is a standard blockquote. It can be used to highlight quotes from external sources or emphasize specific passages.</p>
<blockquote>
<p>Blockquotes can also be nested for further visual hierarchy,</p></blockquote>
<blockquote>
<blockquote>
<p>creating a layered effect.</p></blockquote></blockquote></blockquote>
<hr>
<h2 id="lists">Lists</h2>
<p><strong>Unordered List:</strong></p>
<p>Lately, I’ve seen more people starting to bring back personal websites. And I think this is very important. Here’s why:</p>
<ul>
<li><strong>You Own It</strong>: A personal website is your space. You own your words, your pictures, and your design. It’s a digital home that can’t be taken away by a big company’s changing rules.</li>
<li><strong>Freedom to Be You</strong>: You can make your site look exactly how you want. Want a strange color mix? Go for it. Want to write a very long story about your cat? No one will stop you. It’s a place where you can express yourself freely.</li>
<li><strong>A Unique Voice</strong>: In a world where computers push popular things, a personal website is a place for small interests, quiet thoughts, and real ideas that might not become “viral” but are still very important to you. It’s a place to build your own online identity, not just a profile.</li>
<li><strong>A Lasting Memory</strong>: Social media posts often get lost in endless feeds. A personal website can be a lasting record of your thoughts, projects, and how you change over time. It’s a digital memory you control.</li>
</ul>
<p><strong>Ordered List:</strong></p>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item
<ol>
<li>Numbered sub-item</li>
<li>Another numbered sub-item</li>
</ol>
</li>
</ol>
<p>You can also start an ordered list with an offset:
5. Item starting at five
6. Next item</p>
<hr>
<h2 id="code-examples">Code Examples</h2>
<p>Inline <code>import pandas as pd</code> can be used for short snippets.</p>

  <div class="code-container" style="position: relative;">
    
    <pre><code class="language-python">package main ======== 

import "fmt"

func main() {
    for i := 0; i < 3; i++ {
        fmt.Println("Value of i:", i)
    }
}</code></pre>
  </div>

  <div class="code-container" style="position: relative;">
    
    <pre><code class="language-python">import pandas as pd -------
print("Hello Hugo")</code></pre>
  </div>
<hr>
<h2 id="tables">Tables</h2>
<table>
  <thead>
      <tr>
          <th>Header 1</th>
          <th>Header 2</th>
          <th>Header 3</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Row 1a</td>
          <td>Row 1b</td>
          <td>Row 1c</td>
      </tr>
      <tr>
          <td>Row 2a</td>
          <td>Row 2b</td>
          <td>Row 2c</td>
      </tr>
      <tr>
          <td>Row 3a</td>
          <td>Row 3b</td>
          <td>Row 3c</td>
      </tr>
  </tbody>
</table>
<hr>
<h2 id="links">Links</h2>
<p>Visit <a href="https://www.example.com">Example Website</a></p>
<p>Here&rsquo;s a <a href="https://www.example.com" title="This is a tooltip!">link with a title</a>.</p>
<hr>
<h2 id="images">Images</h2>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<h2 id="european-gas-storage-levels-mid-autumn">European Gas Storage Levels Mid-Autumn</h2>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Inline <code>import pandas as pd</code> can be used for short snippets. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.</p>








<figure>
  <img src="prm.png" loading="lazy" alt="European Gas Storage Fill Level - Historical Frequency Heatmap">
  <figcaption>
    European Gas Storage Fill Level - Historical Frequency Heatmap &bull; Source: Swiss Federal Office of Energy (SFOE) • Author&#39;s Analysis &amp; Visualization
  </figcaption>
</figure>
<p>Maecenas ut lectus. Nam in sapien. Etiam ut purus mattis mauris suscipit fermentum. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Ut sagittis nulla eget odio. Proin eu mi. Vivamus sed augue sit amet lectus dapibus egestas. Donec in odio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Integer imperdiet lectus quis justo.</p>
<h3 id="european-gas-storage-levels-mid-autumn-1">European Gas Storage Levels Mid-Autumn</h3>
<p>Phasellus rhoncus. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque sapien. Fusce wisi. Aenean fermentum risus id tortor. Etiam quis quam. In enim a arcu imperdiet malesuada. Nulla est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis pulvinar. Vestibulum fermentum tortor id mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<p>Maecenas ut lectus. Nam in sapien. Etiam ut purus mattis mauris suscipit fermentum. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Ut sagittis nulla eget odio. Proin eu mi. Vivamus sed augue sit amet lectus dapibus egestas. Donec in odio. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Integer imperdiet lectus quis justo. <sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p>
<p>Phasellus rhoncus. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque sapien. Fusce wisi. Aenean fermentum risus id tortor. Etiam quis quam. In enim a arcu imperdiet malesuada. Nulla est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis pulvinar. Vestibulum fermentum tortor id mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit.</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Smith, T. (2020). The citation manual for students: A quick guide (2nd ed.). Wiley. <a href="https://duckduckgo.com">Duck Duck Go</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>Smith, T. (2020). The citation manual for students: A quick guide (2nd ed.). Wiley. <a href="https://duckduckgo.com">Duck Duck Go</a>&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></description> 
         
        <category>blue</category> 
      </item>
    
  </channel>
</rss>