mirror of
https://github.com/welpo/tabi.git
synced 2026-02-15 23:57:19 +01:00
38 lines
No EOL
25 KiB
HTML
38 lines
No EOL
25 KiB
HTML
<!doctype html><html lang=en><head><meta charset=UTF-8><meta content="default-src 'self';font-src 'self' data:;img-src 'self' https://* data:;media-src 'self' https://cdn.jsdelivr.net/;style-src 'self';frame-src player.vimeo.com https://www.youtube-nocookie.com;connect-src 'self' https://tabi-stats.osc.garden vhiweeypifbwacashxjz.supabase.co;script-src 'self' https://tabi-stats.osc.garden cdn.jsdelivr.net 'self'" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content=https://welpo.github.io/tabi name=base><title>
|
||
~/tabi • Markdown examples</title><link href=https://welpo.github.io/tabi/img/seedling.png rel=icon type=image/png><link href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="central" text-anchor="middle" font-size="88">🌱</text></svg>' rel=icon><link title="~/tabi - Atom Feed" href=https://welpo.github.io/tabi/atom.xml rel=alternate type=application/atom+xml><link href="https://welpo.github.io/tabi/custom_subset.css?h=0b9535a28bc3d5bf2321" rel=stylesheet><link href="https://welpo.github.io/tabi/main.css?h=045c365e19a4d50a64bb" rel=stylesheet><meta content="light dark" name=color-scheme><meta content=#087e96 name=theme-color><meta content="This post showcases some examples of Markdown formatting, including a table, code blocks and tags, quotes, tables, and footnotes." name=description><meta content="This post showcases some examples of Markdown formatting, including a table, code blocks and tags, quotes, tables, and footnotes." property=og:description><meta content="Markdown examples" property=og:title><meta content=article property=og:type><meta content="https://welpo.github.io/tabi/blog/markdown/social_cards/blog_markdown.jpg?h=83df382f9831b7b91c41" property=og:image><meta content=1400 property=og:image:width><meta content=800 property=og:image:height><meta content="https://welpo.github.io/tabi/blog/markdown/social_cards/blog_markdown.jpg?h=83df382f9831b7b91c41" name=twitter:image><meta content=summary_large_image name=twitter:card><meta content=ca_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/ca/blog/markdown/ hreflang=ca rel=alternate><meta content=en_GB property=og:locale:alternate><link href=https://welpo.github.io/tabi/blog/markdown/ hreflang=en rel=alternate><meta content=es_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/es/blog/markdown/ hreflang=es rel=alternate><meta content=ar_SA property=og:locale:alternate><link href=https://welpo.github.io/tabi/ar/blog/markdown/ hreflang=ar rel=alternate><meta content=https://welpo.github.io/tabi/blog/markdown/ property=og:url><meta content=~/tabi property=og:site_name><noscript><link href=https://welpo.github.io/tabi/no_js.css rel=stylesheet></noscript><script src=https://welpo.github.io/tabi/js/initializeTheme.min.js></script><script defer src=https://welpo.github.io/tabi/js/themeSwitcher.min.js></script><script async data-goatcounter=https://tabi-stats.osc.garden/count src=https://tabi-stats.osc.garden/count.js></script><script src="https://welpo.github.io/tabi/js/searchElasticlunr.min.js?h=3626c0ef99daa745b31e" defer></script><body><a href=#main-content id=skip-link>Skip to content</a><header><nav class=navbar><div class=nav-title><a class=home-title href=https://welpo.github.io/tabi/>~/tabi</a></div><div class=nav-navs><ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/blog/>blog </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/archive/>archive </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/tags/>tags </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/projects/>projects </a><li class=menu-icons-container><ul class=menu-icons-group><li class="js menu-icon"><div aria-label="Click or press $SHORTCUT to open search" class="search-icon interactive-icon" title="Click or press $SHORTCUT to open search" id=search-button role=button tabindex=0><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></div><li class=language-switcher><details class=dropdown><summary aria-label="Language selection" title="Language selection" aria-haspopup=true role=button><div class=language-switcher-icon></div></summary> <div class=dropdown-content role=menu>English<a aria-label=Català href=https://welpo.github.io/tabi/ca/blog/markdown/ lang=ca role=menuitem>Català</a><a aria-label=Español href=https://welpo.github.io/tabi/es/blog/markdown/ lang=es role=menuitem>Español</a><a aria-label=العربية href=https://welpo.github.io/tabi/ar/blog/markdown/ lang=ar role=menuitem>العربية</a></div></details><li class="theme-switcher-wrapper js"><div aria-label="Toggle dark mode" title="Toggle dark/light mode" aria-pressed=false class=theme-switcher role=button tabindex=0></div><div aria-label="Reset mode to default" class="theme-resetter arrow" title="Reset mode to default" aria-hidden=true role=button tabindex=0></div></ul></ul></div></nav></header><div class=content id=main-content><main><article class=h-entry><h1 class="p-name article-title">Markdown examples</h1><a class="u-url u-uid" href=https://welpo.github.io/tabi/blog/markdown/></a><ul class=meta><li><time class=dt-published datetime=2023-01-31>31st Jan 2023</time><li title="365 words"><span aria-hidden=true class=separator>•</span>2 min read<li class=tag><span aria-hidden=true class=separator>•</span>Tags: <li class=tag><a class=p-category href=https://welpo.github.io/tabi/tags/markdown/>markdown</a>, <li class=tag><a class=p-category href=https://welpo.github.io/tabi/tags/showcase/>showcase</a></ul><ul class="meta last-updated"><li><time class=dt-updated datetime=2026-01-01>Updated on 1st Jan 2026</time><li><span aria-hidden=true class=separator>•</span><a class=external href=https://github.com/welpo/tabi/commits/main/content/blog/markdown/index.md>See changes</a></ul><p class=p-summary hidden>This post showcases some examples of Markdown formatting, including a table, code blocks and tags, quotes, tables, and footnotes.<section class="e-content body"><h2 id=katex><a aria-label="Anchor link for: katex" class="header-anchor no-hover-padding" href=#katex><span aria-hidden=true class=link-icon></span></a> $\KaTeX$</h2><p><a class=external href=https://katex.org/ rel=external>$\KaTeX$</a> is a fast and easy-to-use library that enables the rendering of mathematical notation, using LaTeX syntax.<p>You can use $\KaTeX$ <strong>inline</strong> by wrapping the expression between <code>$</code> or between <code>\\(</code> and <code>\\)</code>.<p>For example, <code>$ \sin(x) = \sum_{n=0}^{\infty} \frac{(-1)^n}{(2n + 1)!} x^{2n + 1} $</code> would render: $ \sin(x) = \sum_{n=0}^{\infty} \frac{(-1)^n}{(2n + 1)!} x^{2n + 1} $<p>To display the expression <strong>on its own line and centered</strong>, wrap it around <code>$$</code> or between <code>\\[</code> and <code>\\]</code>.<p>For example, <code>\\[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{\sum_{i=1}^{n}(x_i - \bar{x})^2}\sqrt{\sum_{i=1}^{n}(y_i - \bar{y})^2}} \\]</code> renders: \[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{\sum_{i=1}^{n}(x_i - \bar{x})^2}\sqrt{\sum_{i=1}^{n}(y_i - \bar{y})^2}} \]<p>Enable $\KaTeX$ by setting <code>katex = true</code> in <code>[extra]</code>:<pre class="giallo z-code"><code data-lang=toml><span class=giallo-l><span class=z-source>title</span><span class="z-punctuation z-separator z-key-value"> =</span><span class="z-punctuation z-definition z-string z-string"> "Testing KaTeX"</span></span>
|
||
<span class=giallo-l><span class=z-source>date</span><span class="z-punctuation z-separator z-key-value"> =</span><span class=z-source> 2002-11-30</span></span>
|
||
<span class=giallo-l></span>
|
||
<span class=giallo-l><span class=z-punctuation>[</span><span class=z-source>extra</span><span class=z-punctuation>]</span></span>
|
||
<span class="giallo-l z-hl"><span class=z-source>katex</span><span class="z-punctuation z-separator z-key-value"> =</span><span class="z-constant z-language z-boolean"> true</span></span></code></pre><p>Works in: page front matter, section <code>_index.md</code>, or globally in <code>config.toml</code>.<p>For enhanced performance and security, the $\KaTeX$ JavaScript, CSS, and fonts are hosted locally.<p><strong>Note</strong>: After enabling $\KaTeX$, if you want to use $ without rendering a mathematical expression, escape it with a single backslash: <code>\$</code>.<h3 id=chemistry-formulas><a aria-label="Anchor link for: chemistry-formulas" class="header-anchor no-hover-padding" href=#chemistry-formulas><span aria-hidden=true class=link-icon></span></a> Chemistry formulas</h3><p>Chemistry formulas are supported via the <a class=external href=https://mhchem.github.io/MathJax-mhchem/ rel=external>mhchem extension</a>, which loads automatically when using <code>\ce{}</code> or <code>\pu{}</code>.<p><code>\ce{}</code> for chemistry: $\ce{H2O}$, $\ce{CO2 + H2O -> H2CO3}$<p><code>\pu{}</code> for units: $\pu{25 °C}$, $\pu{1.2 mol/L}$<h2 id=table><a aria-label="Anchor link for: table" class="header-anchor no-hover-padding" href=#table><span aria-hidden=true class=link-icon></span></a> Table</h2><p>Here’s an example of a table<sup class=footnote-reference id=fr-1-1><a href=#fn-1>1</a></sup>. Its colours change depending on the current theme.<table><thead><tr><th>Symbol<th>Element<th>Atomic Number<tbody><tr><td>H<td>Hydrogen<td>1<tr><td>C<td>Carbon<td>6<tr><td>Fe<td>Iron<td>26<tr><td>Au<td>Gold<td>79</table><h2 id=code-block><a aria-label="Anchor link for: code-block" class="header-anchor no-hover-padding" href=#code-block><span aria-hidden=true class=link-icon></span></a> Code Block</h2><pre class="giallo z-code"><code data-lang=rust><span class=giallo-l><span class=z-keyword>fn</span><span class="z-entity z-name z-function"> main</span><span class=z-punctuation>() {</span></span>
|
||
<span class=giallo-l><span class="z-entity z-name z-function z-macro z-rust"> println!</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"Hello, world!"</span><span class=z-punctuation>)</span><span class="z-keyword z-operator"> -></span><span class=z-punctuation> ();</span></span>
|
||
<span class=giallo-l><span class=z-punctuation>}</span></span></code></pre><h3 id=with-line-numbers><a aria-label="Anchor link for: with-line-numbers" class="header-anchor no-hover-padding" href=#with-line-numbers><span aria-hidden=true class=link-icon></span></a> With line numbers</h3><pre class="giallo z-code"><code data-lang=rust><span class=giallo-l><span aria-hidden=true class=giallo-ln>1</span><span class=z-keyword>use</span><span class="z-entity z-name z-namespace"> std</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-namespace">collections</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-type">HashMap</span><span class=z-punctuation>;</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>2</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>3</span><span class="z-punctuation z-definition z-attribute z-rust">#</span><span class=z-punctuation>[</span><span class="z-meta z-attribute z-rust">derive</span><span class=z-punctuation>(</span><span class="z-entity z-name z-type">Debug</span><span class=z-punctuation>)]</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>4</span><span class="z-storage z-type z-rust">struct</span><span class="z-entity z-name z-type"> TwinPeaksCharacter</span><span class=z-punctuation> {</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>5</span><span class=z-source> name</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-type"> String</span><span class=z-punctuation>,</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>6</span><span class=z-source> coffee_rating</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-type z-numeric z-rust"> f32</span><span class=z-punctuation>,</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>7</span><span class=z-source> pie_preference</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-type"> String</span><span class=z-punctuation>,</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>8</span><span class=z-punctuation>}</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>9</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>10</span><span class=z-keyword>fn</span><span class="z-entity z-name z-function"> main</span><span class=z-punctuation>() {</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>11</span><span class="z-storage z-type z-rust z-storage z-modifier"> let mut</span><span class=z-source> black_lodge</span><span class="z-keyword z-operator"> =</span><span class="z-entity z-name z-type"> HashMap</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-function">new</span><span class=z-punctuation>();</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>12</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>13</span><span class=z-source> black_lodge</span><span class="z-keyword z-operator">.</span><span class="z-entity z-name z-function">insert</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"agent"</span><span class=z-punctuation>,</span><span class="z-entity z-name z-type"> TwinPeaksCharacter</span><span class=z-punctuation> {</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>14</span><span class="z-variable z-other z-rust"> name</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-namespace"> String</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-function">from</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"Dale Cooper"</span><span class=z-punctuation>),</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>15</span><span class="z-variable z-other z-rust"> coffee_rating</span><span class="z-keyword z-operator">:</span><span class="z-constant z-numeric"> 9999</span><span class=z-punctuation>.</span><span class="z-constant z-numeric">99</span><span class=z-punctuation>,</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>16</span><span class="z-variable z-other z-rust"> pie_preference</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-namespace"> String</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-function">from</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"Damn Fine Cherry"</span><span class=z-punctuation>),</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>17</span><span class=z-punctuation> });</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>18</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>19</span><span class=z-source> black_lodge</span><span class="z-keyword z-operator">.</span><span class="z-entity z-name z-function">insert</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"giant"</span><span class=z-punctuation>,</span><span class="z-entity z-name z-type"> TwinPeaksCharacter</span><span class=z-punctuation> {</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>20</span><span class="z-variable z-other z-rust"> name</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-namespace"> String</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-function">from</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"The Fireman"</span><span class=z-punctuation>),</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>21</span><span class="z-variable z-other z-rust"> coffee_rating</span><span class="z-keyword z-operator">:</span><span class="z-constant z-numeric"> 42</span><span class=z-punctuation>.</span><span class="z-constant z-numeric">424242</span><span class=z-punctuation>,</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>22</span><span class="z-variable z-other z-rust"> pie_preference</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-namespace"> String</span><span class="z-keyword z-operator">::</span><span class="z-entity z-name z-function">from</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"Garmonbozia"</span><span class=z-punctuation>),</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>23</span><span class=z-punctuation> });</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>24</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>25</span><span class="z-punctuation z-definition z-comment z-comment"> // Calculate total appreciation of damn fine coffee</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>26</span><span class="z-storage z-type z-rust"> let</span><span class=z-source> total_coffee</span><span class="z-keyword z-operator">:</span><span class="z-entity z-name z-type z-numeric z-rust"> f32</span><span class="z-keyword z-operator"> =</span><span class=z-source> black_lodge</span><span class="z-keyword z-operator">.</span><span class="z-entity z-name z-function">values</span><span class=z-punctuation>()</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>27</span><span class="z-keyword z-operator"> .</span><span class="z-entity z-name z-function">map</span><span class=z-punctuation>(</span><span class="z-keyword z-operator">|</span><span class="z-variable z-other z-rust">character</span><span class="z-keyword z-operator">|</span><span class="z-variable z-other z-rust"> character</span><span class="z-keyword z-operator">.</span><span class="z-meta z-function z-call z-rust">coffee_rating</span><span class=z-punctuation>)</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>28</span><span class="z-keyword z-operator"> .</span><span class="z-entity z-name z-function">sum</span><span class=z-punctuation>();</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>29</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>30</span><span class="z-entity z-name z-function z-macro z-rust"> println!</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"☕ Total coffee appreciation: </span><span class=z-punctuation>{</span><span class=z-string>:.2</span><span class=z-punctuation>}</span><span class="z-string z-punctuation z-definition z-string"> cups"</span><span class=z-punctuation>,</span><span class=z-source> total_coffee</span><span class=z-punctuation>);</span></span>
|
||
<span class=giallo-l><span aria-hidden=true class=giallo-ln>31</span><span class=z-punctuation>}</span></span></code></pre><h2 id=code-tags><a aria-label="Anchor link for: code-tags" class="header-anchor no-hover-padding" href=#code-tags><span aria-hidden=true class=link-icon></span></a> Code tags</h2><p>In Rust, you declare a mutable variable with <code>let mut x = 5;</code>, whereas in Python, you simply use <code>x = 5</code>. Similarly, to print a value in Rust, you would use <code>println!("Value: {}", x);</code>, but in Python, it’s as straightforward as <code>print(f"Value: {x}")</code>.<h2 id=quote><a aria-label="Anchor link for: quote" class="header-anchor no-hover-padding" href=#quote><span aria-hidden=true class=link-icon></span></a> Quote</h2><blockquote><p>“We’re all hurtling towards death. Yet here we are, for the moment, alive. Each of us knowing we’re going to die. Each of us secretly believing we won’t.”<p>— Charlie Kaufman, Synecdoche, New York</blockquote><hr><section class=footnotes><ol class=footnotes-list><li id=fn-1><p>And here’s an example of a footnote! <a href=#fr-1-1>↩</a></p></ol></section></section><form action="https://vhiweeypifbwacashxjz.supabase.co/rest/v1/rpc/increment_hits?apikey=sb_publishable_EoB7MFJhCmb6PiAk-GPJ4w_PGhQ44Ru" class=iine-form method=post><input name=page_slug type=hidden value=/blog/markdown/><button aria-label="Like this post" title="Like this post" class=iine-button data-icon=thumbs_up data-slug=/blog/markdown/>👍</button></form><nav class="full-width article-navigation"><div><a aria-describedby=left_title aria-label=Next href=https://welpo.github.io/tabi/blog/shortcodes/><span class=arrow>←</span> Next</a><p aria-hidden=true id=left_title>Custom shortcodes</div><div><a aria-describedby=right_title aria-label=Prev href=https://welpo.github.io/tabi/blog/javascript/>Prev <span class=arrow>→</span></a><p aria-hidden=true id=right_title>No mandatory JavaScript</div></nav></article></main><link href=https://welpo.github.io/tabi/katex.min.css rel=stylesheet><script defer src=https://welpo.github.io/tabi/js/katex.min.js></script><script defer src=https://welpo.github.io/tabi/js/mhchem.min.js></script><span class=hidden id=copy-success> Copied! </span><span class=hidden id=copy-init> Copy code to clipboard </span><script defer src=https://welpo.github.io/tabi/js/copyCodeToClipboard.min.js></script><script defer src=https://cdn.jsdelivr.net/gh/welpo/iine@main/iine.mini.js></script></div><footer><section><nav class="socials nav-navs"><ul><li><a class="nav-links no-hover-padding social" href=https://welpo.github.io/tabi/atom.xml> <img alt=feed loading=lazy src=https://welpo.github.io/tabi/social_icons/rss.svg title=feed> </a><li class=js><a class="nav-links no-hover-padding social" data-encoded-email=dGFiaUBvc2MuZ2FyZGVu href=#><img alt=email loading=lazy src=https://welpo.github.io/tabi/social_icons/email.svg title=email> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://github.com/welpo/> <img alt=github loading=lazy src=https://welpo.github.io/tabi/social_icons/github.svg title=github> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://soundcloud.com/oskerwyld> <img alt=soundcloud loading=lazy src=https://welpo.github.io/tabi/social_icons/soundcloud.svg title=soundcloud> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://instagram.com/oskerwyld> <img alt=instagram loading=lazy src=https://welpo.github.io/tabi/social_icons/instagram.svg title=instagram> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://youtube.com/@oskerwyld> <img alt=youtube loading=lazy src=https://welpo.github.io/tabi/social_icons/youtube.svg title=youtube> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE> <img alt=spotify loading=lazy src=https://welpo.github.io/tabi/social_icons/spotify.svg title=spotify> </a></ul></nav><nav class=nav-navs><small> <ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/about/> about </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/privacy/> privacy policy </a><li><a class="nav-links no-hover-padding" href=https://tabi-stats.osc.garden/> site statistics </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/sitemap.xml> sitemap </a></ul> </small></nav><div class=credits><small> Powered by <a href=https://www.getzola.org>Zola</a> & <a href=https://github.com/welpo/tabi>tabi</a> • <a href=https://github.com/welpo/tabi> Site source </a></small></div></section><script async src=https://welpo.github.io/tabi/js/decodeMail.min.js></script><div class="search-modal js" aria-labelledby=modalTitle id=searchModal role=dialog><h1 class=visually-hidden id=modalTitle>Search</h1><div id=modal-content><div id=searchBar><div aria-hidden=true class=search-icon><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></div><input aria-controls=results-container aria-expanded=false autocomplete=off id=searchInput placeholder=Search… role=combobox spellcheck=false><div class="close-icon interactive-icon" title="Clear search" id=clear-search role=button tabindex=0><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></div></div><div id=results-container><div id=results-info><span id=zero_results> No results</span><span id=one_results> $NUMBER result</span><span id=many_results> $NUMBER results</span><span id=two_results> $NUMBER results</span><span id=few_results> $NUMBER results</span></div><div id=results role=listbox></div></div></div></div></footer> |