nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-06-08 18:04:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deploy: c3015432e5

Browse source
This commit is contained in:
McShelby 2023-06-15 17:38:49 +00:00
parent dbfca7e19d
commit 3524f75bca
382 changed files with 12004 additions and 9258 deletions

478
tests/code/index.html
View file

@ -12,20 +12,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1686399833" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1686850715" 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?1686399833" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686399833" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1686399833" rel="stylesheet">
<link href="../../css/auto-complete.css?1686399833" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686399833" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1686399833" rel="stylesheet">
<link href="../../css/fonts.css?1686399833" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686399833" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1686399833" rel="stylesheet">
<link href="../../css/theme-auto.css?1686399833" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1686399833" rel="stylesheet">
<link href="../../css/print.css?1686399833" rel="stylesheet" media="print">
<link href="../../css/ie.css?1686399833" rel="stylesheet">
<script src="../../js/url.js?1686399833"></script>
<script src="../../js/variant.js?1686399833"></script>
<link href="../../css/fontawesome-all.min.css?1686850715" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686850715" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1686850715" rel="stylesheet">
<link href="../../css/auto-complete.css?1686850715" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686850715" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1686850715" rel="stylesheet">
<link href="../../css/fonts.css?1686850715" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686850715" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1686850715" rel="stylesheet">
<link href="../../css/theme-auto.css?1686850715" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1686850715" rel="stylesheet">
<link href="../../css/print.css?1686850715" rel="stylesheet" media="print">
<link href="../../css/ie.css?1686850715" rel="stylesheet">
<script src="../../js/url.js?1686850715"></script>
<script src="../../js/variant.js?1686850715"></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
@ -89,6 +89,13 @@
<li><a href="#inline-code">Inline Code</a></li>
<li><a href="#block-code">Block Code</a></li>
<li><a href="#block-preformatted">Block Preformatted</a></li>
<li><a href="#nested-shortcode">Nested Shortcode</a>
<ul>
<li><a href="#1-shortcode">1 Shortcode</a></li>
<li><a href="#2-shortcodes">2 Shortcodes</a></li>
<li><a href="#3-shortcodes">3 Shortcodes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
@ -128,6 +135,431 @@
<pre>
Some preformatted stuff in HTML elements
</pre>
<h2 id="nested-shortcode">Nested Shortcode</h2>
<h3 id="1-shortcode">1 Shortcode</h3>
<h4 id="heading">%%</h4>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="ln">1</span><span class="cl"><span class="p">{</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"> <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="p">}</span></span></span></code></pre></div>
<h4 id="heading-1">&lt;&gt;</h4>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span></code></pre></td>
<td class="lntd">
<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;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></td></tr></table>
</div>
</div>
<h3 id="2-shortcodes">2 Shortcodes</h3>
<h4 id="-">%% %%</h4>
<div class="tab-panel" data-tab-group="57eaedc869b149f06e705c8030a94a7c">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('57eaedc869b149f06e705c8030a94a7c','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--1">%% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="bf21b3706fd18fefb3ac0501bd58480a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('bf21b3706fd18fefb3ac0501bd58480a','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--2">&lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="104eb4079c3cc183958c090e951fd977">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('104eb4079c3cc183958c090e951fd977','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--3">&lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="5bb3ed6df03d96dcec526ba4d50108b8">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('5bb3ed6df03d96dcec526ba4d50108b8','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h3 id="3-shortcodes">3 Shortcodes</h3>
<h4 id="--">%% %% %%</h4>
<div class="tab-panel" data-tab-group="10239bb8427376126b5a6bfe74e7aebc">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('10239bb8427376126b5a6bfe74e7aebc','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---1">%% %% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="dce96b7f381b07ef1443bb148dd0f859">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('dce96b7f381b07ef1443bb148dd0f859','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---2">%% &lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="f25b1def5ddfb0743bd1009840366588">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('f25b1def5ddfb0743bd1009840366588','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="ca343cf170dabf241d4304d998927633">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('ca343cf170dabf241d4304d998927633','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---4">&lt;&gt; %% %%</h4>
<div class="tab-panel" data-tab-group="36e487f2230bb3e21f3453e039fd1250">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('36e487f2230bb3e21f3453e039fd1250','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="3df79491257365198fe39b9ec5b587d3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('3df79491257365198fe39b9ec5b587d3','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="4430df1b1decfbed9b3cfc6451ae5002">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('4430df1b1decfbed9b3cfc6451ae5002','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="b349293ce59790af4cd33cce68024686">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('b349293ce59790af4cd33cce68024686','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footline">
@ -214,12 +646,12 @@ Some preformatted stuff in HTML elements
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1686399835" defer></script>
<script src="../../js/lunr/lunr.min.js?1686399835" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1686399835" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1686399835" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1686399835" defer></script>
<script src="../../js/search.js?1686399835" defer></script>
<script src="../../js/auto-complete.js?1686850717" defer></script>
<script src="../../js/lunr/lunr.min.js?1686850717" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1686850717" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1686850717" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1686850717" defer></script>
<script src="../../js/search.js?1686850717" defer></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics enlarge morespace collapsible-menu">
@ -380,12 +812,12 @@ Some preformatted stuff in HTML elements
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
<script async src="../../js/buttons.js?1686399835"></script>
<script async src="../../js/buttons.js?1686850717"></script>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1686399835" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1686399835" defer></script>
<script src="../../js/theme.js?1686399835" defer></script>
<script src="../../js/clipboard.min.js?1686850717" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1686850717" defer></script>
<script src="../../js/theme.js?1686850717" defer></script>
</body>
</html>

459
tests/code/index.print.html
View file

@ -12,21 +12,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1686399833" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1686850715" 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?1686399835" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686399835" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1686399835" rel="stylesheet">
<link href="../../css/auto-complete.css?1686399835" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686399835" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1686399835" rel="stylesheet">
<link href="../../css/fonts.css?1686399835" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686399835" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1686399835" rel="stylesheet">
<link href="../../css/theme-auto.css?1686399835" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1686399835" rel="stylesheet">
<link href="../../css/print.css?1686399835" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1686399835" rel="stylesheet">
<link href="../../css/ie.css?1686399835" rel="stylesheet">
<script src="../../js/url.js?1686399835"></script>
<script src="../../js/variant.js?1686399835"></script>
<link href="../../css/fontawesome-all.min.css?1686850717" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1686850717" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1686850717" rel="stylesheet">
<link href="../../css/auto-complete.css?1686850717" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1686850717" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1686850717" rel="stylesheet">
<link href="../../css/fonts.css?1686850717" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1686850717" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1686850717" rel="stylesheet">
<link href="../../css/theme-auto.css?1686850717" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1686850717" rel="stylesheet">
<link href="../../css/print.css?1686850717" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1686850717" rel="stylesheet">
<link href="../../css/ie.css?1686850717" rel="stylesheet">
<script src="../../js/url.js?1686850717"></script>
<script src="../../js/variant.js?1686850717"></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
@ -101,6 +101,431 @@
<pre>
Some preformatted stuff in HTML elements
</pre>
<h2 id="nested-shortcode">Nested Shortcode</h2>
<h3 id="1-shortcode">1 Shortcode</h3>
<h4 id="heading">%%</h4>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="ln">1</span><span class="cl"><span class="p">{</span>
</span></span><span class="line"><span class="ln">2</span><span class="cl"> <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
</span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="p">}</span></span></span></code></pre></div>
<h4 id="heading-1">&lt;&gt;</h4>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span></code></pre></td>
<td class="lntd">
<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;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span> <span class="s2">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></td></tr></table>
</div>
</div>
<h3 id="2-shortcodes">2 Shortcodes</h3>
<h4 id="-">%% %%</h4>
<div class="tab-panel" data-tab-group="57eaedc869b149f06e705c8030a94a7c">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('57eaedc869b149f06e705c8030a94a7c','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--1">%% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="bf21b3706fd18fefb3ac0501bd58480a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('bf21b3706fd18fefb3ac0501bd58480a','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--2">&lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="104eb4079c3cc183958c090e951fd977">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('104eb4079c3cc183958c090e951fd977','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="--3">&lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="5bb3ed6df03d96dcec526ba4d50108b8">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('5bb3ed6df03d96dcec526ba4d50108b8','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h3 id="3-shortcodes">3 Shortcodes</h3>
<h4 id="--">%% %% %%</h4>
<div class="tab-panel" data-tab-group="10239bb8427376126b5a6bfe74e7aebc">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('10239bb8427376126b5a6bfe74e7aebc','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---1">%% %% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="dce96b7f381b07ef1443bb148dd0f859">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('dce96b7f381b07ef1443bb148dd0f859','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---2">%% &lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="f25b1def5ddfb0743bd1009840366588">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('f25b1def5ddfb0743bd1009840366588','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---3">%% &lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="ca343cf170dabf241d4304d998927633">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('ca343cf170dabf241d4304d998927633','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---4">&lt;&gt; %% %%</h4>
<div class="tab-panel" data-tab-group="36e487f2230bb3e21f3453e039fd1250">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('36e487f2230bb3e21f3453e039fd1250','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---5">&lt;&gt; %% &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="3df79491257365198fe39b9ec5b587d3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('3df79491257365198fe39b9ec5b587d3','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---6">&lt;&gt; &lt;&gt; %%</h4>
<div class="tab-panel" data-tab-group="4430df1b1decfbed9b3cfc6451ae5002">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('4430df1b1decfbed9b3cfc6451ae5002','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 id="---7">&lt;&gt; &lt;&gt; &lt;&gt;</h4>
<div class="tab-panel" data-tab-group="b349293ce59790af4cd33cce68024686">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="json"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('b349293ce59790af4cd33cce68024686','json')"
>
<div>
<div class="tab-nav-hidden">json</div>
<div class="tab-nav-text">json</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="json"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>my code<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footline">
@ -110,8 +535,8 @@ Some preformatted stuff in HTML elements
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1686399835" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1686399835" defer></script>
<script src="../../js/theme.js?1686399835" defer></script>
<script src="../../js/clipboard.min.js?1686850717" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1686850717" defer></script>
<script src="../../js/theme.js?1686850717" defer></script>
</body>
</html>