This commit is contained in:
McShelby 2023-11-25 21:58:58 +00:00
parent 5c17a7d943
commit 24dd71fb62
258 changed files with 6586 additions and 6586 deletions

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
<link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -155,8 +155,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-73e22fce337a2c8598e8e056edeb3bca" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-73e22fce337a2c8598e8e056edeb3bca"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-eef4b241f3bc1fe5738b398c1a5c3301" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-eef4b241f3bc1fe5738b398c1a5c3301"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -166,8 +166,8 @@
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-54f387c43b83397c20c61e7dc78f09d5" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-54f387c43b83397c20c61e7dc78f09d5"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -179,8 +179,8 @@
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-7cbdfafaf6e3ddd12c55a7682088d610" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cbdfafaf6e3ddd12c55a7682088d610"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-01ebde156ea98b9becc7af019900e97b" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01ebde156ea98b9becc7af019900e97b"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -312,12 +312,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949531" defer></script>
<script src="../../js/search.js?1700949531" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -476,13 +476,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949531"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -99,8 +99,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-73e22fce337a2c8598e8e056edeb3bca" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-73e22fce337a2c8598e8e056edeb3bca"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-eef4b241f3bc1fe5738b398c1a5c3301" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-eef4b241f3bc1fe5738b398c1a5c3301"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -110,8 +110,8 @@
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-54f387c43b83397c20c61e7dc78f09d5" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-54f387c43b83397c20c61e7dc78f09d5"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -123,8 +123,8 @@
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-7cbdfafaf6e3ddd12c55a7682088d610" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cbdfafaf6e3ddd12c55a7682088d610"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-01ebde156ea98b9becc7af019900e97b" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01ebde156ea98b9becc7af019900e97b"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -175,8 +175,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949532" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949532" defer></script>
<script src="../../js/theme.js?1700949532" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -152,8 +152,8 @@
<li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li>
</ul>
<p><a href="#R-image-85117a2097f17ae0880628d703500306" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-85117a2097f17ae0880628d703500306"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-dd9458d7264f01316eba0777fecf58f9" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd9458d7264f01316eba0777fecf58f9"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p>
@ -334,12 +334,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949531" defer></script>
<script src="../../js/search.js?1700949531" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -498,13 +498,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949531"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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,8 +101,8 @@
<li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li>
</ul>
<p><a href="#R-image-85117a2097f17ae0880628d703500306" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-85117a2097f17ae0880628d703500306"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-dd9458d7264f01316eba0777fecf58f9" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd9458d7264f01316eba0777fecf58f9"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p>
@ -202,8 +202,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949532" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949532" defer></script>
<script src="../../js/theme.js?1700949532" defer></script>
</body>
</html>

View file

@ -32,21 +32,21 @@ Without any settings in your config.toml this defaults to">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
<link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -154,13 +154,13 @@ Without any settings in your config.toml this defaults to">
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="89ab408f05d0e411d4ac2eafc66025f8">
<div class="tab-panel" data-tab-group="18a10ad2b2221346527b495d483609c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89ab408f05d0e411d4ac2eafc66025f8','configtoml')"
onclick="switchTab('18a10ad2b2221346527b495d483609c3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -181,13 +181,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="ff4bcbd8cacaec378a8ba535687e4f0e">
<div class="tab-panel" data-tab-group="37a89d89194904794840a73f760689f4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ff4bcbd8cacaec378a8ba535687e4f0e','frontmatter')"
onclick="switchTab('37a89d89194904794840a73f760689f4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -207,13 +207,13 @@ Without any settings in your config.toml this defaults to">
</div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="889e4a6eb4a3bef6009df1efc3bf7177">
<div class="tab-panel" data-tab-group="41d9a45cc53f192b617232f3efe9fc0e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('889e4a6eb4a3bef6009df1efc3bf7177','url')"
onclick="switchTab('41d9a45cc53f192b617232f3efe9fc0e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -230,13 +230,13 @@ Without any settings in your config.toml this defaults to">
</div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="1394691106eddd5802651a0bb23e2469">
<div class="tab-panel" data-tab-group="32f8c9cb334d4f8743d231ad9cb04c74">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('1394691106eddd5802651a0bb23e2469','result')"
onclick="switchTab('32f8c9cb334d4f8743d231ad9cb04c74','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -256,13 +256,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="f39a887d98049a76051fc4a8ade80e65">
<div class="tab-panel" data-tab-group="b957e7fc9f1c52d26aebcf318a599e27">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f39a887d98049a76051fc4a8ade80e65','html')"
onclick="switchTab('b957e7fc9f1c52d26aebcf318a599e27','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -375,12 +375,12 @@ Without any settings in your config.toml this defaults to">
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949530" defer></script>
<script src="../../js/search.js?1700949530" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -539,13 +539,13 @@ Without any settings in your config.toml this defaults to">
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949530"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949530" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949530" defer></script>
<script src="../../js/theme.js?1700949530" defer></script>
</body>
</html>

View file

@ -32,22 +32,22 @@ Without any settings in your config.toml this defaults to">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -110,13 +110,13 @@ Without any settings in your config.toml this defaults to">
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="89ab408f05d0e411d4ac2eafc66025f8">
<div class="tab-panel" data-tab-group="18a10ad2b2221346527b495d483609c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89ab408f05d0e411d4ac2eafc66025f8','configtoml')"
onclick="switchTab('18a10ad2b2221346527b495d483609c3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -137,13 +137,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="ff4bcbd8cacaec378a8ba535687e4f0e">
<div class="tab-panel" data-tab-group="37a89d89194904794840a73f760689f4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ff4bcbd8cacaec378a8ba535687e4f0e','frontmatter')"
onclick="switchTab('37a89d89194904794840a73f760689f4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -163,13 +163,13 @@ Without any settings in your config.toml this defaults to">
</div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="889e4a6eb4a3bef6009df1efc3bf7177">
<div class="tab-panel" data-tab-group="41d9a45cc53f192b617232f3efe9fc0e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('889e4a6eb4a3bef6009df1efc3bf7177','url')"
onclick="switchTab('41d9a45cc53f192b617232f3efe9fc0e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -186,13 +186,13 @@ Without any settings in your config.toml this defaults to">
</div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="1394691106eddd5802651a0bb23e2469">
<div class="tab-panel" data-tab-group="32f8c9cb334d4f8743d231ad9cb04c74">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('1394691106eddd5802651a0bb23e2469','result')"
onclick="switchTab('32f8c9cb334d4f8743d231ad9cb04c74','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -212,13 +212,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="f39a887d98049a76051fc4a8ade80e65">
<div class="tab-panel" data-tab-group="b957e7fc9f1c52d26aebcf318a599e27">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f39a887d98049a76051fc4a8ade80e65','html')"
onclick="switchTab('b957e7fc9f1c52d26aebcf318a599e27','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -250,8 +250,8 @@ Without any settings in your config.toml this defaults to">
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
<link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
<link href="../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700919695" rel="stylesheet">
<link href="../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700919695" rel="stylesheet">
<link href="../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../css/ie.css?1700919695" rel="stylesheet">
<script src="../js/url.js?1700919695"></script>
<script src="../js/variant.js?1700919695"></script>
<link href="../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700949530" rel="stylesheet">
<link href="../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700949530" rel="stylesheet">
<link href="../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../css/ie.css?1700949530" rel="stylesheet">
<script src="../js/url.js?1700949530"></script>
<script src="../js/variant.js?1700949530"></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
@ -223,12 +223,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1700919696" defer></script>
<script src="../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../js/search.js?1700919696" defer></script>
<script src="../js/auto-complete.js?1700949531" defer></script>
<script src="../js/lunr/lunr.min.js?1700949531" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700949531" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700949531" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700949531" defer></script>
<script src="../js/search.js?1700949531" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -387,13 +387,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1700919696"></script>
<script async src="../js/github-buttons.js?1700949531"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1700919696" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../js/theme.js?1700919696" defer></script>
<script src="../js/clipboard.min.js?1700949531" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
<link href="../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700919696" rel="stylesheet">
<link href="../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700919696" rel="stylesheet">
<link href="../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700919696" rel="stylesheet">
<link href="../css/ie.css?1700919696" rel="stylesheet">
<script src="../js/url.js?1700919696"></script>
<script src="../js/variant.js?1700919696"></script>
<link href="../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700949531" rel="stylesheet">
<link href="../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700949531" rel="stylesheet">
<link href="../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700949531" rel="stylesheet">
<link href="../css/ie.css?1700949531" rel="stylesheet">
<script src="../js/url.js?1700949531"></script>
<script src="../js/variant.js?1700949531"></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
@ -183,8 +183,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-a7a8b514335a0faa096bdee839edbd99" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7a8b514335a0faa096bdee839edbd99"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-411a8b92fdaceeb8b62f01906956c8c6" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-411a8b92fdaceeb8b62f01906956c8c6"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -232,8 +232,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-73e22fce337a2c8598e8e056edeb3bca" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-73e22fce337a2c8598e8e056edeb3bca"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-eef4b241f3bc1fe5738b398c1a5c3301" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-eef4b241f3bc1fe5738b398c1a5c3301"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -243,8 +243,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-18df2e57ed2c2cc1e79cb9bceba2fd1a"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-54f387c43b83397c20c61e7dc78f09d5" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-54f387c43b83397c20c61e7dc78f09d5"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -256,8 +256,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-7cbdfafaf6e3ddd12c55a7682088d610" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cbdfafaf6e3ddd12c55a7682088d610"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-01ebde156ea98b9becc7af019900e97b" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01ebde156ea98b9becc7af019900e97b"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -829,8 +829,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-b2c9b64ca1d0acb152ce298f773f7aea" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b2c9b64ca1d0acb152ce298f773f7aea"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-80c35f753dc01f644ff645e3823b180c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-80c35f753dc01f644ff645e3823b180c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -840,8 +840,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0338eb48acbd23e09a77279beefea270" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0338eb48acbd23e09a77279beefea270"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-16b1505f7076b87803689db17191c46c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-16b1505f7076b87803689db17191c46c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-references">Image References</h3>
@ -853,8 +853,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-03d3996183222ec9c27ce49053357726" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03d3996183222ec9c27ce49053357726"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-5bbbe57eaeac31b968ccc57723148786" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bbbe57eaeac31b968ccc57723148786"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-effects">Image Effects</h3>
@ -866,8 +866,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-e81be19d987c3bdc3adfd8db48bb98ab" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e81be19d987c3bdc3adfd8db48bb98ab"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4ac7665a7d689cd39603c59747aeef9b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ac7665a7d689cd39603c59747aeef9b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -875,8 +875,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0cd34e2c163b31c27b91249c2d762a86" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cd34e2c163b31c27b91249c2d762a86"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-caba4ee8a1b727f38877a0800805d68c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-caba4ee8a1b727f38877a0800805d68c"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -884,8 +884,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-972d52204eea2340282a23d1037acdb1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-972d52204eea2340282a23d1037acdb1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f8ef54bc71602a323f33cebbb594ade4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8ef54bc71602a323f33cebbb594ade4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="css-classes">CSS Classes</h4>
@ -896,8 +896,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7317f6e39d949a58c441fbfc99a2eb6a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7317f6e39d949a58c441fbfc99a2eb6a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
<p><a href="#R-image-e9f587a02db75d76317a5e40fa37db7f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9f587a02db75d76317a5e40fa37db7f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="border">Border</h5>
@ -906,8 +906,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-60dbdb303d5d5c8140d3b20d65b7290e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-60dbdb303d5d5c8140d3b20d65b7290e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4f54226f8f539ad799b76cb767975811" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f54226f8f539ad799b76cb767975811"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="left">Left</h5>
@ -916,8 +916,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d46bc84cfe618bce4dee0a087dd09a24" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d46bc84cfe618bce4dee0a087dd09a24"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-28fb281ced04425080607634663d2779" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-28fb281ced04425080607634663d2779"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="right">Right</h5>
@ -926,8 +926,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7dec3e9b117a83734844c221f64d3076" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7dec3e9b117a83734844c221f64d3076"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3428f1dd866b3de156211c15fdb44b80" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3428f1dd866b3de156211c15fdb44b80"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="inline">Inline</h5>
@ -939,14 +939,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-220c8e9479a5a7eed66b32e8dbc42b2d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-220c8e9479a5a7eed66b32e8dbc42b2d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-7d95d694b19070a797d9785248570b71" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d95d694b19070a797d9785248570b71"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5018199e43ede652ac19223669072112" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5018199e43ede652ac19223669072112"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-07939ee1bbf5972767053f968517c7c3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-07939ee1bbf5972767053f968517c7c3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-32e8ca69bc7214f20e037c6e6ffb036e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32e8ca69bc7214f20e037c6e6ffb036e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-61e864e5f9a91b8c8fef58f582996421" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-61e864e5f9a91b8c8fef58f582996421"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-df0cd24462ec93abf230e15d15db42ae" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df0cd24462ec93abf230e15d15db42ae"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-f280a59142875cf7bc5e9603bef0d8c0" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f280a59142875cf7bc5e9603bef0d8c0"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="combination">Combination</h5>
@ -955,8 +955,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-97baaa04e9f13df1a0c3867421a438c0" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-97baaa04e9f13df1a0c3867421a438c0"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
<p><a href="#R-image-e2c55556c35b6ff7a2f97bbec93459fd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e2c55556c35b6ff7a2f97bbec93459fd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="lightbox">Lightbox</h4>
@ -995,13 +995,13 @@ line 3 of code
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="89ab408f05d0e411d4ac2eafc66025f8">
<div class="tab-panel" data-tab-group="18a10ad2b2221346527b495d483609c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89ab408f05d0e411d4ac2eafc66025f8','configtoml')"
onclick="switchTab('18a10ad2b2221346527b495d483609c3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1022,13 +1022,13 @@ line 3 of code
</div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="ff4bcbd8cacaec378a8ba535687e4f0e">
<div class="tab-panel" data-tab-group="37a89d89194904794840a73f760689f4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ff4bcbd8cacaec378a8ba535687e4f0e','frontmatter')"
onclick="switchTab('37a89d89194904794840a73f760689f4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -1048,13 +1048,13 @@ line 3 of code
</div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="889e4a6eb4a3bef6009df1efc3bf7177">
<div class="tab-panel" data-tab-group="41d9a45cc53f192b617232f3efe9fc0e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('889e4a6eb4a3bef6009df1efc3bf7177','url')"
onclick="switchTab('41d9a45cc53f192b617232f3efe9fc0e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -1071,13 +1071,13 @@ line 3 of code
</div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="1394691106eddd5802651a0bb23e2469">
<div class="tab-panel" data-tab-group="32f8c9cb334d4f8743d231ad9cb04c74">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('1394691106eddd5802651a0bb23e2469','result')"
onclick="switchTab('32f8c9cb334d4f8743d231ad9cb04c74','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -1097,13 +1097,13 @@ line 3 of code
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="f39a887d98049a76051fc4a8ade80e65">
<div class="tab-panel" data-tab-group="b957e7fc9f1c52d26aebcf318a599e27">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f39a887d98049a76051fc4a8ade80e65','html')"
onclick="switchTab('b957e7fc9f1c52d26aebcf318a599e27','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -1278,8 +1278,8 @@ However, if you want to keep the title but change its value, it can be overridde
<li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li>
</ul>
<p><a href="#R-image-85117a2097f17ae0880628d703500306" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-85117a2097f17ae0880628d703500306"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-dd9458d7264f01316eba0777fecf58f9" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd9458d7264f01316eba0777fecf58f9"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p>
@ -1469,8 +1469,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1700919696" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../js/theme.js?1700919696" defer></script>
<script src="../js/clipboard.min.js?1700949532" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700949532" defer></script>
<script src="../js/theme.js?1700949532" defer></script>
</body>
</html>

View file

@ -30,21 +30,21 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -712,8 +712,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-b2c9b64ca1d0acb152ce298f773f7aea" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b2c9b64ca1d0acb152ce298f773f7aea"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-80c35f753dc01f644ff645e3823b180c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-80c35f753dc01f644ff645e3823b180c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -723,8 +723,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0338eb48acbd23e09a77279beefea270" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0338eb48acbd23e09a77279beefea270"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-16b1505f7076b87803689db17191c46c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-16b1505f7076b87803689db17191c46c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-references">Image References</h3>
@ -736,8 +736,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-03d3996183222ec9c27ce49053357726" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03d3996183222ec9c27ce49053357726"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-5bbbe57eaeac31b968ccc57723148786" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bbbe57eaeac31b968ccc57723148786"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-effects">Image Effects</h3>
@ -749,8 +749,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-e81be19d987c3bdc3adfd8db48bb98ab" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e81be19d987c3bdc3adfd8db48bb98ab"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4ac7665a7d689cd39603c59747aeef9b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ac7665a7d689cd39603c59747aeef9b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -758,8 +758,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0cd34e2c163b31c27b91249c2d762a86" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cd34e2c163b31c27b91249c2d762a86"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-caba4ee8a1b727f38877a0800805d68c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-caba4ee8a1b727f38877a0800805d68c"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -767,8 +767,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-972d52204eea2340282a23d1037acdb1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-972d52204eea2340282a23d1037acdb1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f8ef54bc71602a323f33cebbb594ade4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8ef54bc71602a323f33cebbb594ade4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="css-classes">CSS Classes</h4>
@ -779,8 +779,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7317f6e39d949a58c441fbfc99a2eb6a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7317f6e39d949a58c441fbfc99a2eb6a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
<p><a href="#R-image-e9f587a02db75d76317a5e40fa37db7f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9f587a02db75d76317a5e40fa37db7f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="border">Border</h5>
@ -789,8 +789,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-60dbdb303d5d5c8140d3b20d65b7290e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-60dbdb303d5d5c8140d3b20d65b7290e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4f54226f8f539ad799b76cb767975811" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f54226f8f539ad799b76cb767975811"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="left">Left</h5>
@ -799,8 +799,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d46bc84cfe618bce4dee0a087dd09a24" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d46bc84cfe618bce4dee0a087dd09a24"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-28fb281ced04425080607634663d2779" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-28fb281ced04425080607634663d2779"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="right">Right</h5>
@ -809,8 +809,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7dec3e9b117a83734844c221f64d3076" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7dec3e9b117a83734844c221f64d3076"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3428f1dd866b3de156211c15fdb44b80" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3428f1dd866b3de156211c15fdb44b80"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="inline">Inline</h5>
@ -822,14 +822,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-220c8e9479a5a7eed66b32e8dbc42b2d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-220c8e9479a5a7eed66b32e8dbc42b2d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-7d95d694b19070a797d9785248570b71" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d95d694b19070a797d9785248570b71"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5018199e43ede652ac19223669072112" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5018199e43ede652ac19223669072112"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-07939ee1bbf5972767053f968517c7c3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-07939ee1bbf5972767053f968517c7c3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-32e8ca69bc7214f20e037c6e6ffb036e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32e8ca69bc7214f20e037c6e6ffb036e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-61e864e5f9a91b8c8fef58f582996421" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-61e864e5f9a91b8c8fef58f582996421"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-df0cd24462ec93abf230e15d15db42ae" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df0cd24462ec93abf230e15d15db42ae"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-f280a59142875cf7bc5e9603bef0d8c0" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f280a59142875cf7bc5e9603bef0d8c0"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="combination">Combination</h5>
@ -838,8 +838,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-97baaa04e9f13df1a0c3867421a438c0" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-97baaa04e9f13df1a0c3867421a438c0"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
<p><a href="#R-image-e2c55556c35b6ff7a2f97bbec93459fd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e2c55556c35b6ff7a2f97bbec93459fd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="lightbox">Lightbox</h4>
@ -950,12 +950,12 @@ line 3 of code
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949530" defer></script>
<script src="../../js/search.js?1700949530" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1114,13 +1114,13 @@ line 3 of code
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949530"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949530" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949530" defer></script>
<script src="../../js/theme.js?1700949530" defer></script>
</body>
</html>

View file

@ -30,22 +30,22 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -620,8 +620,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-b2c9b64ca1d0acb152ce298f773f7aea" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b2c9b64ca1d0acb152ce298f773f7aea"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-80c35f753dc01f644ff645e3823b180c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-80c35f753dc01f644ff645e3823b180c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -631,8 +631,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0338eb48acbd23e09a77279beefea270" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0338eb48acbd23e09a77279beefea270"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-16b1505f7076b87803689db17191c46c" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-16b1505f7076b87803689db17191c46c"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-references">Image References</h3>
@ -644,8 +644,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-03d3996183222ec9c27ce49053357726" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03d3996183222ec9c27ce49053357726"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-5bbbe57eaeac31b968ccc57723148786" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5bbbe57eaeac31b968ccc57723148786"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h3 id="image-effects">Image Effects</h3>
@ -657,8 +657,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-e81be19d987c3bdc3adfd8db48bb98ab" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e81be19d987c3bdc3adfd8db48bb98ab"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4ac7665a7d689cd39603c59747aeef9b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ac7665a7d689cd39603c59747aeef9b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -666,8 +666,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0cd34e2c163b31c27b91249c2d762a86" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cd34e2c163b31c27b91249c2d762a86"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-caba4ee8a1b727f38877a0800805d68c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-caba4ee8a1b727f38877a0800805d68c"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -675,8 +675,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-972d52204eea2340282a23d1037acdb1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-972d52204eea2340282a23d1037acdb1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f8ef54bc71602a323f33cebbb594ade4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f8ef54bc71602a323f33cebbb594ade4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="css-classes">CSS Classes</h4>
@ -687,8 +687,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7317f6e39d949a58c441fbfc99a2eb6a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7317f6e39d949a58c441fbfc99a2eb6a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
<p><a href="#R-image-e9f587a02db75d76317a5e40fa37db7f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9f587a02db75d76317a5e40fa37db7f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="border">Border</h5>
@ -697,8 +697,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-60dbdb303d5d5c8140d3b20d65b7290e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-60dbdb303d5d5c8140d3b20d65b7290e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4f54226f8f539ad799b76cb767975811" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4f54226f8f539ad799b76cb767975811"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="left">Left</h5>
@ -707,8 +707,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d46bc84cfe618bce4dee0a087dd09a24" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d46bc84cfe618bce4dee0a087dd09a24"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-28fb281ced04425080607634663d2779" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-28fb281ced04425080607634663d2779"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="right">Right</h5>
@ -717,8 +717,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7dec3e9b117a83734844c221f64d3076" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7dec3e9b117a83734844c221f64d3076"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3428f1dd866b3de156211c15fdb44b80" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3428f1dd866b3de156211c15fdb44b80"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="inline">Inline</h5>
@ -730,14 +730,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-220c8e9479a5a7eed66b32e8dbc42b2d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-220c8e9479a5a7eed66b32e8dbc42b2d"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-7d95d694b19070a797d9785248570b71" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7d95d694b19070a797d9785248570b71"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5018199e43ede652ac19223669072112" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5018199e43ede652ac19223669072112"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-07939ee1bbf5972767053f968517c7c3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-07939ee1bbf5972767053f968517c7c3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-32e8ca69bc7214f20e037c6e6ffb036e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32e8ca69bc7214f20e037c6e6ffb036e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-61e864e5f9a91b8c8fef58f582996421" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-61e864e5f9a91b8c8fef58f582996421"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-df0cd24462ec93abf230e15d15db42ae" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df0cd24462ec93abf230e15d15db42ae"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-f280a59142875cf7bc5e9603bef0d8c0" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f280a59142875cf7bc5e9603bef0d8c0"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h5 id="combination">Combination</h5>
@ -746,8 +746,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-97baaa04e9f13df1a0c3867421a438c0" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-97baaa04e9f13df1a0c3867421a438c0"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
<p><a href="#R-image-e2c55556c35b6ff7a2f97bbec93459fd" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e2c55556c35b6ff7a2f97bbec93459fd"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div>
</div>
<h4 id="lightbox">Lightbox</h4>
@ -777,8 +777,8 @@ line 3 of code
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -30,21 +30,21 @@ Example from the current website:
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -360,12 +360,12 @@ However, if you want to keep the title but change its value, it can be overridde
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949530" defer></script>
<script src="../../js/search.js?1700949530" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -524,13 +524,13 @@ However, if you want to keep the title but change its value, it can be overridde
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949530"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949530" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949530" defer></script>
<script src="../../js/theme.js?1700949530" defer></script>
</body>
</html>

View file

@ -30,22 +30,22 @@ Example from the current website:
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -233,8 +233,8 @@ However, if you want to keep the title but change its value, it can be overridde
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
<link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -224,8 +224,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-a7a8b514335a0faa096bdee839edbd99" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7a8b514335a0faa096bdee839edbd99"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-411a8b92fdaceeb8b62f01906956c8c6" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-411a8b92fdaceeb8b62f01906956c8c6"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -347,12 +347,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949531" defer></script>
<script src="../../js/search.js?1700949531" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -511,13 +511,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949531"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -170,8 +170,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-a7a8b514335a0faa096bdee839edbd99" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7a8b514335a0faa096bdee839edbd99"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-411a8b92fdaceeb8b62f01906956c8c6" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-411a8b92fdaceeb8b62f01906956c8c6"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -212,8 +212,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949532" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949532" defer></script>
<script src="../../js/theme.js?1700949532" defer></script>
</body>
</html>

View file

@ -30,21 +30,21 @@ The categories are displayed at the bottom of the page in alphabetical order in
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></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
@ -320,12 +320,12 @@ The categories are displayed at the bottom of the page in alphabetical order in
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949530" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949530" defer></script>
<script src="../../js/search.js?1700949530" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -484,13 +484,13 @@ The categories are displayed at the bottom of the page in alphabetical order in
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949530"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949530" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949530" defer></script>
<script src="../../js/theme.js?1700949530" defer></script>
</body>
</html>

View file

@ -30,22 +30,22 @@ The categories are displayed at the bottom of the page in alphabetical order in
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" 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?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></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
@ -188,8 +188,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>