hugo-theme-relearn/pir/tests/index.print.html
2023-06-09 21:57:16 +00:00

1469 lines
40 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="pir" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.113.0">
<meta name="generator" content="Relearn 5.16.1+tip">
<meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
<title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1686347828" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1686347831" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686347831" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1686347831" rel="stylesheet">
<link href="../../css/auto-complete.css?1686347831" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686347831" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1686347831" rel="stylesheet">
<link href="../../css/fonts.css?1686347831" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686347831" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1686347831" rel="stylesheet">
<link href="../../css/theme-auto.css?1686347831" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1686347831" rel="stylesheet">
<link href="../../css/print.css?1686347831" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1686347831" rel="stylesheet">
<link href="../../css/ie.css?1686347831" rel="stylesheet">
<script src="../../js/url.js?1686347831"></script>
<script src="../../js/variant.js?1686347831"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
window.index_js_url="../../pir/index.search.js";
var root_url="../../";
var baseUri=root_url.replace(/\/$/, '');
// translations
window.T_Copy_to_clipboard = 'Copy t\u0027 clipboard';
window.T_Copied_to_clipboard = 'Copied t\u0027 clipboard!';
window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
window.T_No_results_found = 'No rrresults found fer \u0022{0}\u0022';
window.T_N_results_found = '{1} rrresults found fer \u0022{0}\u0022';
// some further base stuff
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<style>
#body img.bg-white {
background-color: white;
}
</style>
</head>
<body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/tests/index.html">
<div id="body" class="default-animation">
<div id="sidebar-overlay"></div>
<div id="toc-overlay"></div>
<nav id="topbar" class="highlightable">
<div>
<div id="breadcrumbs">
<span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
</span>
<ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> &gt; </li>
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tests</span><meta itemprop="position" content="2"></li>
</ol>
</div>
</div>
</nav>
<main id="body-inner" class="highlightable chapter narrow" tabindex="-1">
<div class="flex-block-wrapper">
<article class="chapter">
<header class="headline">
</header>
<div class="article-subheading">T&#39; chapterrr 5</div>
<h1 id="tests">Tests</h1>
<p>Some planks fer internal test'n o' different styles</p>
<div class="children children-h2 children-sort-">
<h2><a href="../../tests/attach/index.html">Attachments Shortcode Test</a></h2><p>Test'n Attachments Shortcode</p>
<h2><a href="../../tests/chapters/index.html">Chapters</a></h2><p>Start yer success story. Now!</p>
<h2><a href="../../tests/code/index.html">Code</a></h2><p>Some test'n fer different styles used 'n rules highlight'n an' preformatted blocks</p>
<h2><a href="../../tests/images/index.html">Images</a></h2><p>Some test'n fer different styles o' image links</p>
<h2><a href="../../tests/lists/index.html">Lists</a></h2><p>Test shorrrtcodes inside o' list items</p>
<h2><a href="../../tests/tables/index.html">Tables</a></h2><p>Test'n different markdown constructs inside o' tables</p>
<h2><a href="../../tests/frontmatter/index.html">VSCode Front Matter</a></h2><p>Test default sett'ns fer snippets o' th' VSCode Front Matter extension</p>
<h2><a href="../../tests/width/index.html">Width</a></h2><p>Test dynamic width resiz'n o' rrrambl'n if scrollbar be present</p>
</div>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; Tests</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="attachments-shorrrtcode-test">Attachments Shorrrtcode Test</h1>
<p>Our attachment shortcode be a source o' pleasure&hellip;</p>
<div class="children children-h2 children-sort-">
<h2><a href="../../tests/attach/attach1/index.html">Attachments Branch Test</a></h2><p> Attachments hugo.txt (20 B) </p>
<h2><a href="../../tests/attach/attach2/index.html">Attachments Leaf Test</a></h2><p> Attachments hugo.txt (20 B) </p>
<h2><a href="../../tests/attach/attach3/index.html">Attachments Plank Test</a></h2><p> Attachments hugo.txt (20 B) </p>
</div>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; Attachments Shorrrtcode Test</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="attachments-brrranch-test">Attachments Brrranch Test</h1>
<div class="box attachments cstyle transparent">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
<li><a href="../../pir/tests/attach/attach1/_index.pir.files/NoTreasure.txt">NoTreasure.txt</a> (26 B)</li>
</ul>
</div>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="attachments-leaf-test">Attachments Leaf Test</h1>
<div class="box attachments cstyle transparent">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
<li><a href="../../pir/tests/attach/attach2/index.pir.files/NoTreasure.txt">NoTreasure.txt</a> (26 B)</li>
</ul>
</div>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="attachments-page-test">Attachments Page Test</h1>
<div class="box attachments cstyle transparent">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
<li><a href="../../pir/tests/attach/attach3.pir.files/NoTreasure.txt">NoTreasure.txt</a> (26 B)</li>
</ul>
</div>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
</header>
<h1 id="chapters">Chapters</h1>
<p>Start yer success story. Now!</p>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; Chapters</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="1">1</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="11">11</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="2">2</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="3">3</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="4">4</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="5">5</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="6">6</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="7">7</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="8">8</h1>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="9">9</h1>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
</header>
<h1 id="code">Code</h1>
<p>Some test'n fer different styles used 'n rules highlight'n an' preformatted blocks.</p>
<h2 id="inline-code">Inline Code</h2>
<p><code>This be some very long inline code. Whar' does it wrap?</code></p>
<p>What about wrapp'n short inline code if multiple sections be written <code>side</code> <code>by</code> <code>side</code>?</p>
<p>What about wrapp'n short inline code if multiple sections be written <code>side</code>/<code>by</code>/<code>side</code>?</p>
<p>What about wrapp'n long inline code if multiple sections be written <code>side567</code> <code>by34567</code> <code>side567</code>?</p>
<p>What about wrapp'n long inline code if multiple sections be written <code>side567</code>/<code>by34567</code>/<code>side567</code>?</p>
<p>Can we just use a <code>simple HTML element </code>?</p>
<h2 id="block-code">Block Code</h2>
<pre tabindex="0"><code>Code fences without any selected language
</code></pre><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nt">&#34;well&#34;</span><span class="p">:</span> <span class="s2">&#34;some JSON 'n codefences 'n here&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span>
</span></span></code></pre></div><pre><code>{
"well": "some JSON 'n HTML elements here"
}
</code></pre>
<pre tabindex="0"><code class="language-jsonxmylmsl" data-lang="jsonxmylmsl">{
&#34;well&#34;: &#34;Code fences wit' non exist'n language&#34;
}
</code></pre><h2 id="block-preformatted">Block Preformatted</h2>
<pre><code>Some preformatted stuff wit' markdown indentat'n
</code></pre>
<pre>
Some preformatted stuff 'n HTML elements
</pre>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="images">Images</h1>
<p>Some test'n fer different styles o' image links.</p>
<h2 id="markdown">Marrrkdown</h2>
<h3 id="resource-svg">Resource SVG</h3>
<p>
<a href="#image-ac3ef37037921fd2521b3a59330acac6" class="lightbox-link">
<img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-ac3ef37037921fd2521b3a59330acac6">
<img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="relative-to-page">Relative t' plank</h3>
<p>
<a href="#image-237fc2f45d0424e462824dbd9a53973f" class="lightbox-link">
<img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-237fc2f45d0424e462824dbd9a53973f">
<img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
<p>
<a href="#image-6b73a3878c41a8a5a45af8dd850c6b7f" class="lightbox-link">
<img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-6b73a3878c41a8a5a45af8dd850c6b7f">
<img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="static-svg">Static SVG</h3>
<p>
<a href="#image-92ff203a0d242f7dbc399b1c7daec944" class="lightbox-link">
<img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-92ff203a0d242f7dbc399b1c7daec944">
<img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="external-fully-qualified">External fully qualified</h3>
<p>
<a href="#image-0bfa6b449a0934788873d3721e9ce6ae" class="lightbox-link">
<img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-0bfa6b449a0934788873d3721e9ce6ae">
<img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="external-without-scheme">External without scheme</h3>
<p>
<a href="#image-46ad08c5db9315c6fa49d93f400dc908" class="lightbox-link">
<img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-46ad08c5db9315c6fa49d93f400dc908">
<img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
</a></p>
<h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
<p>
<a href="#image-ebed1cb37d0f38482bf9e80065f70d56" class="lightbox-link">
<img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-ebed1cb37d0f38482bf9e80065f70d56">
<img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
</a></p>
<h2 id="html">HTML</h2>
<h3 id="resource-svg-1">Resource SVG</h3>
<p><img src="../../pir/tests/images/test.svg?classes=shadow"></p>
<h3 id="relative-to-page-1">Relative t' plank</h3>
<p><img src="../../pir/tests/images/magic.gif?classes=shadow"></p>
<h3 id="relative-to-page-up-level-1">Relative t' plank up level</h3>
<p><img src="../../pir/tests/images/../images/magic.gif?classes=shadow&height=50px"></p>
<h3 id="static-svg-1">Static SVG</h3>
<p><img src="../../images/logo.svg?classes=shadow&height=50px"></p>
<h3 id="external-fully-qualified-1">External fully qualified</h3>
<p><img src="https://octodex.github.com/images/minion.png?classes=shadow&height=50px"></p>
<h3 id="external-without-scheme-1">External without scheme</h3>
<p><img src="//octodex.github.com/images/minion.png?classes=shadow&height=50px"></p>
<h3 id="external-without-scheme-and-scheme-separator-1">External without scheme an' scheme separator</h3>
<p><img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&height=50px"></p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="lists">Lists</h1>
<h2 id="plain">Plain</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<p>two</p>
<p>an' a half</p>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="attachments">Attachments</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<div class="box attachments cstyle blue">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
</ul>
</div>
<div class="box attachments cstyle blue">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
</ul>
</div>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="badge">Badge</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<p><span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">Awesome</span></span> </p>
<span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">Awesome</span></span>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="button">Button</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<p>
<span class="btn cstyle warning">
<a href="https://gohugo.io/" target="_blank">
<i class="fa-fw fas fa-dragon"></i>
Get Cap'n Hugo
</a>
</span> </p>
<span class="btn cstyle warning">
<a href="https://gohugo.io/" target="_blank">
<i class="fa-fw fas fa-dragon"></i>
Get Cap'n Hugo
</a>
</span>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="children">Children</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<ul class="children children-li children-sort-weight">
</ul>
<ul class="children children-li children-sort-weight">
</ul>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="expand">Expand</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<div class="expand">
<input type="checkbox" id="expand-1b1f0d71ba4c14953a96371391d48012" aria-controls="expandcontent-1b1f0d71ba4c14953a96371391d48012" >
<label class="expand-label" for="expand-1b1f0d71ba4c14953a96371391d48012" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-1b1f0d71ba4c14953a96371391d48012" class="expand-content">
<p>
Thank ye!</div>
</div>
<div class="expand">
<input type="checkbox" id="expand-5ee1a8dabf98b4f90ed06dfa00e29af9" aria-controls="expandcontent-5ee1a8dabf98b4f90ed06dfa00e29af9" >
<label class="expand-label" for="expand-5ee1a8dabf98b4f90ed06dfa00e29af9" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-5ee1a8dabf98b4f90ed06dfa00e29af9" class="expand-content">
<p>
Thank ye!</div>
</div>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="icon">Ay'con</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<p><i class="fa-fw fas fa-exclamation-triangle"></i> </p>
<i class="fa-fw fas fa-exclamation-triangle"></i>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="include">Include</h2>
<ul>
<li>one</li>
<li>two</li>
<li></li>
</ul>
<p>Ye can add standard markdown rules:</p>
<ul>
<li>multiple paragraphs</li>
<li>bullet point lists</li>
<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
<li><a href="https://example.com" target="_blank">links</a></li>
<li>etc.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></li>
</ul>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
</span></span></code></pre></div><blockquote>
<p>th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
</blockquote>
<p>Ye can add standard markdown rules:</p>
<ul>
<li>multiple paragraphs</li>
<li>bullet point lists</li>
<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
<li><a href="https://example.com" target="_blank">links</a></li>
<li>etc.<sup id="fnref1:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></li>
</ul>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
</span></span></code></pre></div><blockquote>
<p>th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
</blockquote>
<ul>
<li>three</li>
</ul>
<h2 id="math">Math</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<span class="math align-center">
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
</span>
<span class="math align-center">
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
</span>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="mermaid">Merrrmaid</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<div class="mermaid align-center zoom">
graph LR;
If --&gt; Then
Then --&gt; Else
</div>
<div class="mermaid align-center zoom">
graph LR;
If --&gt; Then
Then --&gt; Else
</div>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="notice">Notice</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<div class="box notices cstyle primary">
<div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> There may be pirates</div>
<div class="box-content">
<p>It be all about th' boxes.</p>
</div>
</div>
<div class="box notices cstyle primary">
<div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> There may be pirates</div>
<div class="box-content">
<p>It be all about th' boxes.</p>
</div>
</div>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="siteparam">Siteparam</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<p><a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/" target="_blank">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
<p><a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/" target="_blank">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
</li>
<li>
<p>three</p>
</li>
</ul>
<h2 id="tabs">Tabs</h2>
<ul>
<li>
<p>one</p>
</li>
<li>
<p>two</p>
</li>
<li>
<div class="tab-panel" data-tab-group="781ac4a71670d91ef83a2ea395410123">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('781ac4a71670d91ef83a2ea395410123','python')"
>
<div>
<div class="tab-nav-hidden">python</div>
<div class="tab-nav-text">python</div>
</div>
</button>
<button
data-tab-item="bash"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('781ac4a71670d91ef83a2ea395410123','bash')"
>
<div>
<div class="tab-nav-hidden">bash</div>
<div class="tab-nav-text">bash</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="python"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
</span></span></code></pre></div></div>
</div>
<div
data-tab-item="bash"
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
</span></span></code></pre></div></div>
</div>
</div>
</div>
<div class="tab-panel" data-tab-group="b2196d046cf61739b5c92cb26b32e04a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('b2196d046cf61739b5c92cb26b32e04a','python')"
>
<div>
<div class="tab-nav-hidden">python</div>
<div class="tab-nav-text">python</div>
</div>
</button>
<button
data-tab-item="bash"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('b2196d046cf61739b5c92cb26b32e04a','bash')"
>
<div>
<div class="tab-nav-hidden">bash</div>
<div class="tab-nav-text">bash</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="python"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
</span></span></code></pre></div></div>
</div>
<div
data-tab-item="bash"
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
</span></span></code></pre></div></div>
</div>
</div>
</div>
</li>
<li>
<p>three</p>
</li>
</ul>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Et Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="tables">Tables</h1>
<h2 id="lines-and-paragraphs">Lines an' Paragraphs</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><p>HTML Paragraph I</p><p>HTML Paragraph II</p></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Line I<br>HTML Line II</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Line I<br><br>HTML Line II</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>Marrrkdown Multicell I</td>
</tr>
<tr>
<td>Marrrkdown Multicell II</td>
</tr>
</tbody>
</table>
<h2 id="headings">Head'ns</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1>HTML h1</h1></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h2>HTML h2</h2></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h3>HTML h3</h3></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h4>HTML h4</h4></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h5>HTML h5</h5></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h6>HTML h6</h6></td>
</tr>
</tbody>
</table>
<h2 id="lists">Lists</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><ul><li>HTML List Item I</li><li>HTML List Item II</li></ul></td>
</tr>
</tbody>
</table>
<h2 id="code">Code</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Marrrkdown Inline</code></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>HTML Inline</code></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><pre><code>HTML Block</code></pre></td>
</tr>
</tbody>
</table>
<h2 id="links--images">Links &amp; Images</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://example.com" target="_blank">Marrrkdown Link</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://example.com" target="_blank">https://example.com</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#image-47b46173c256e92a6b8ac20f98533318" class="lightbox-link">
<img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-47b46173c256e92a6b8ac20f98533318">
<img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
</a></td>
</tr>
</tbody>
</table>
<h2 id="other">Other</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><blockquote>HTML Blockquote</blockquote></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><blockquote><p>HTML Blockquote wit' nested Paragraph</p></blockquote></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><hr></td>
</tr>
</tbody>
</table>
<h2 id="shortcodes">Shorrrtcodes</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="badge cstyle default"><span class="badge-content">Important</span></span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="btn cstyle transparent">
<a href="https://gohugo.io/" target="_blank">
Get Cap'n Hugo
</a>
</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="expand">
<input type="checkbox" id="expand-f0e8c797e28ab73f9bd5575b37f57073" aria-controls="expandcontent-f0e8c797e28ab73f9bd5575b37f57073" >
<label class="expand-label" for="expand-f0e8c797e28ab73f9bd5575b37f57073" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-f0e8c797e28ab73f9bd5575b37f57073" class="expand-content">
<p>
Thank ye!</div>
</div></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fa-fw fas fa-heart"></i></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
<p>Ye can add standard markdown rules:</p>
<ul>
<li>multiple paragraphs</li>
<li>bullet point lists</li>
<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
<li><a href="https://example.com" target="_blank">links</a></li>
<li>etc.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></li>
</ul>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
</span></span></code></pre></div><blockquote>
<p>th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)
|</p>
</blockquote>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="math align-center">
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="math align-center">$\sqrt{3}$</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="mermaid align-center zoom">
graph LR;
If --&gt; Then
Then --&gt; Else
</div></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/" target="_blank">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="tab-panel" data-tab-group="f36be5d8eca18c472d0d3e02d063b200">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('f36be5d8eca18c472d0d3e02d063b200','python')"
>
<div>
<div class="tab-nav-hidden">python</div>
<div class="tab-nav-text">python</div>
</div>
</button>
<button
data-tab-item="bash"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('f36be5d8eca18c472d0d3e02d063b200','bash')"
>
<div>
<div class="tab-nav-hidden">bash</div>
<div class="tab-nav-text">bash</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="python"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
</span></span></code></pre></div></div>
</div>
<div
data-tab-item="bash"
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
</span></span></code></pre></div></div>
</div>
</div>
</div></td>
</tr>
</tbody>
</table>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Et Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="vscode-front-matter">VSCode Front Matter</h1>
<h2 id="empty-properties">Empty Properties</h2>
<div class="box attachments cstyle transparent">
<div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Attachments</div>
<ul class="box-content attachments-files">
</ul>
</div>
<span class="badge cstyle default"><span class="badge-content"></span></span>
<span class="btn cstyle transparent">
<button type="button">
</button>
</span>
<ul class="children children-li children-sort-">
</ul>
<div class="expand">
<input type="checkbox" id="expand-9af01b0eaa75815129dbf34b3def66d3" aria-controls="expandcontent-9af01b0eaa75815129dbf34b3def66d3" >
<label class="expand-label" for="expand-9af01b0eaa75815129dbf34b3def66d3" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-9af01b0eaa75815129dbf34b3def66d3" class="expand-content">
<p>
</div>
</div>
<p>aa</p>
<span class="math align-center"></span>
<div class="mermaid align-center zoom"></div>
<div class="box notices cstyle default">
<div class="box-label"></div>
<div class="box-content">
<p>
</div>
</div>
<div class="sc-openapi-wrapper is-load'n helper-loading-container">
<div
class="sc-openapi-container"
id="openapi-097433cc1239990179c880089a0a0eb2"
openapi-url=""
></div>
</div>
<div class="tab-panel" data-tab-group="2ee65e9b152b3a4aeeeb110ccadfc349">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item=""
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('2ee65e9b152b3a4aeeeb110ccadfc349','')"
>
<div>
<div class="tab-nav-hidden">&#8203;</div>
<div class="tab-nav-text">&#8203;</div>
</div>
</button>
<button
data-tab-item=""
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('2ee65e9b152b3a4aeeeb110ccadfc349','')"
>
<div>
<div class="tab-nav-hidden">&#8203;</div>
<div class="tab-nav-text">&#8203;</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item=""
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<p>
</div>
</div>
<div
data-tab-item=""
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<p>
</div>
</div>
</div>
</div>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="width">Width</h1>
<div class="box notices cstyle primary">
<div class="box-label"></div>
<div class="box-content">
<p>Make a vis'ble block</p>
</div>
</div>
<div class="box notices cstyle primary">
<div class="box-label"></div>
<div class="box-content">
<p>An' another one</p>
</div>
</div>
<footer class="footline">
</footer>
</article>
</section>
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1686347832" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1686347832" defer></script>
<script src="../../js/theme.js?1686347832" defer></script>
</body>
</html>