deploy: a4355877658a5297d303fc82c1ec3b868da66cda

This commit is contained in:
McShelby 2023-11-23 00:05:57 +00:00
parent dba6112669
commit 1ef1451b20
263 changed files with 7352 additions and 6922 deletions

View File

@ -19,20 +19,20 @@
<meta property="og:site_name" content="Hugo Relearn Theme">
<title>404 Page not found :: Hugo Relearn Theme</title>
<base href="https://McShelby.github.io/hugo-theme-relearn/">
<link href="./images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="./images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700525732" rel="stylesheet">
<link href="./css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="./css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700525732" rel="stylesheet">
<link href="./css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700525732" rel="stylesheet">
<link href="./css/print.css?1700525732" rel="stylesheet" media="print">
<link href="./css/ie.css?1700525732" rel="stylesheet">
<script src="./js/url.js?1700525732"></script>
<script src="./js/variant.js?1700525732"></script>
<link href="./css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700697951" rel="stylesheet">
<link href="./css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="./css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700697951" rel="stylesheet">
<link href="./css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700697951" rel="stylesheet">
<link href="./css/print.css?1700697951" rel="stylesheet" media="print">
<link href="./css/ie.css?1700697951" rel="stylesheet">
<script src="./js/url.js?1700697951"></script>
<script src="./js/variant.js?1700697951"></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
@ -42,7 +42,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="../../basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -96,6 +96,7 @@
<li><a href="#theme-variant-advanced">Change the Variant (Advanced)</a>
<ul>
<li><a href="#parameter">Parameter</a></li>
<li><a href="#example-configuration-of-this-site">Example Configuration of This Site</a></li>
</ul>
</li>
</ul>
@ -181,7 +182,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That&rsquo;s it.</p>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code> to become an auto mode variant. That&rsquo;s it.</p>
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If you don&rsquo;t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
@ -238,9 +239,33 @@
<td>see notes</td>
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<i class="fa-fw fas fa-layer-group"></i>
@ -336,12 +361,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -431,9 +456,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -498,13 +525,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="canonical" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -123,7 +123,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That&rsquo;s it.</p>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code> to become an auto mode variant. That&rsquo;s it.</p>
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If you don&rsquo;t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
@ -180,9 +180,33 @@
<td>see notes</td>
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<i class="fa-fw fas fa-layer-group"></i>
@ -197,8 +221,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -20,20 +20,20 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<title></title>
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -43,7 +43,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -2249,12 +2249,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525732" defer></script>
<script src="../../js/search.js?1700525732" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2344,9 +2344,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -2411,13 +2413,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525732"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525732" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525732" defer></script>
<script src="../../js/theme.js?1700525732" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -20,21 +20,21 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<title></title>
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -44,7 +44,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -87,8 +87,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -141,13 +141,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="00480a48a09d05bd21c01fb64fb62010">
<div class="tab-panel" data-tab-group="8cb9d10357093b8b6270287c8d9f96d5">
<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('00480a48a09d05bd21c01fb64fb62010','configtoml')"
onclick="switchTab('8cb9d10357093b8b6270287c8d9f96d5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -222,26 +222,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># You can also define your own variants. See the docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the docs provide an interactive theme generator to help you with this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by the first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@ -671,12 +665,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -766,9 +760,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -833,13 +829,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -102,13 +102,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="00480a48a09d05bd21c01fb64fb62010">
<div class="tab-panel" data-tab-group="8cb9d10357093b8b6270287c8d9f96d5">
<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('00480a48a09d05bd21c01fb64fb62010','configtoml')"
onclick="switchTab('8cb9d10357093b8b6270287c8d9f96d5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -183,26 +183,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># You can also define your own variants. See the docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the docs provide an interactive theme generator to help you with this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by the first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@ -551,8 +545,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -176,8 +176,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-82e62cf731946c5e06e4387b08649ba2" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-82e62cf731946c5e06e4387b08649ba2"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-0d8adba30cf33f90e04372c07a5515db" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-0d8adba30cf33f90e04372c07a5515db"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -218,8 +218,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-023c5fcc2fb9e789508d876b1b28b0bc" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-023c5fcc2fb9e789508d876b1b28b0bc"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f3f67cd71bc40395445aa7cc3e173d9e" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-f3f67cd71bc40395445aa7cc3e173d9e"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -399,12 +399,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -494,9 +494,11 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -561,13 +563,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -118,8 +118,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-82e62cf731946c5e06e4387b08649ba2" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-82e62cf731946c5e06e4387b08649ba2"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-0d8adba30cf33f90e04372c07a5515db" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-0d8adba30cf33f90e04372c07a5515db"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -160,8 +160,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-023c5fcc2fb9e789508d876b1b28b0bc" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-023c5fcc2fb9e789508d876b1b28b0bc"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f3f67cd71bc40395445aa7cc3e173d9e" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-f3f67cd71bc40395445aa7cc3e173d9e"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -260,8 +260,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -135,13 +135,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" aria-controls="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" >
<label class="expand-label" for="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" >
<input type="checkbox" id="R-expand-87a7efe1d092fde815cae8627f43bc7f" aria-controls="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" >
<label class="expand-label" for="R-expand-87a7efe1d092fde815cae8627f43bc7f" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" class="expand-content">
<div id="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -279,12 +279,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -374,9 +374,11 @@ window.variants && variants.generator( '#R-vargenerator' );
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -441,27 +443,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-color.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700525733" defer></script>
<script src="../../js/js-yaml.min.js?1700525733" defer></script>
<script src="../../js/mermaid.min.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-color.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700697951" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700697951" defer></script>
<script src="../../js/js-yaml.min.js?1700697951" defer></script>
<script src="../../js/mermaid.min.js?1700697951" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -96,13 +96,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" aria-controls="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" >
<label class="expand-label" for="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" >
<input type="checkbox" id="R-expand-87a7efe1d092fde815cae8627f43bc7f" aria-controls="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" >
<label class="expand-label" for="R-expand-87a7efe1d092fde815cae8627f43bc7f" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" class="expand-content">
<div id="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -159,22 +159,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-color.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700525733" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700525733" defer></script>
<script src="../../js/js-yaml.min.js?1700525733" defer></script>
<script src="../../js/mermaid.min.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-color.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700697952" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700697952" defer></script>
<script src="../../js/js-yaml.min.js?1700697952" defer></script>
<script src="../../js/mermaid.min.js?1700697952" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -2255,12 +2255,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2350,9 +2350,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -2417,13 +2419,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -1426,8 +1426,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525732" rel="stylesheet">
<link href="../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525732" rel="stylesheet">
<link href="../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../css/ie.css?1700525732" rel="stylesheet">
<script src="../js/url.js?1700525732"></script>
<script src="../js/variant.js?1700525732"></script>
<link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697951" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697951" rel="stylesheet">
<link href="../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../css/ie.css?1700697951" rel="stylesheet">
<script src="../js/url.js?1700697951"></script>
<script src="../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -222,12 +222,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1700525733" defer></script>
<script src="../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../js/search.js?1700525733" defer></script>
<script src="../js/auto-complete.js?1700697951" defer></script>
<script src="../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -317,9 +317,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -384,13 +386,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1700525733"></script>
<script async src="../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697951" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525733" rel="stylesheet">
<link href="../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525733" rel="stylesheet">
<link href="../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700525733" rel="stylesheet">
<link href="../css/ie.css?1700525733" rel="stylesheet">
<script src="../js/url.js?1700525733"></script>
<script src="../js/variant.js?1700525733"></script>
<link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697952" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697952" rel="stylesheet">
<link href="../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700697952" rel="stylesheet">
<link href="../css/ie.css?1700697952" rel="stylesheet">
<script src="../js/url.js?1700697952"></script>
<script src="../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -129,8 +129,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and provide an extended way to configure the automatic switch of variants based on your OS settings.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li>
</ul>
<hr>
@ -984,8 +984,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-373b9be6c549ddbcbdf8704134fbc7e6" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-373b9be6c549ddbcbdf8704134fbc7e6"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-33b7d0775a1135452e9397d6288c7e9b" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-33b7d0775a1135452e9397d6288c7e9b"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -1033,8 +1033,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-d8edbe7ccae2d3cdc95f7a4674b0a75e" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-d8edbe7ccae2d3cdc95f7a4674b0a75e"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1caa1992878aeb081a8865aac1f75a49" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-1caa1992878aeb081a8865aac1f75a49"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with 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 basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -1081,13 +1081,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="00480a48a09d05bd21c01fb64fb62010">
<div class="tab-panel" data-tab-group="8cb9d10357093b8b6270287c8d9f96d5">
<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('00480a48a09d05bd21c01fb64fb62010','configtoml')"
onclick="switchTab('8cb9d10357093b8b6270287c8d9f96d5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1162,26 +1162,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># You can also define your own variants. See the docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the docs provide an interactive theme generator to help you with this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by the first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@ -1562,7 +1556,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That&rsquo;s it.</p>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code> to become an auto mode variant. That&rsquo;s it.</p>
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If you don&rsquo;t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
@ -1619,9 +1613,33 @@
<td>see notes</td>
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<i class="fa-fw fas fa-layer-group"></i>
@ -1663,8 +1681,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-82e62cf731946c5e06e4387b08649ba2" class="lightbox-link"><img src="../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-82e62cf731946c5e06e4387b08649ba2"><img src="../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-0d8adba30cf33f90e04372c07a5515db" class="lightbox-link"><img src="../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-0d8adba30cf33f90e04372c07a5515db"><img src="../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -1705,8 +1723,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-023c5fcc2fb9e789508d876b1b28b0bc" class="lightbox-link"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-023c5fcc2fb9e789508d876b1b28b0bc"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f3f67cd71bc40395445aa7cc3e173d9e" class="lightbox-link"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-f3f67cd71bc40395445aa7cc3e173d9e"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -1810,13 +1828,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" aria-controls="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" >
<label class="expand-label" for="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" >
<input type="checkbox" id="R-expand-87a7efe1d092fde815cae8627f43bc7f" aria-controls="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" >
<label class="expand-label" for="R-expand-87a7efe1d092fde815cae8627f43bc7f" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" class="expand-content">
<div id="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -1876,8 +1894,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-c745e394038b6004e5ff1647cb24029d" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c745e394038b6004e5ff1647cb24029d"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-147ab4cae608f96fdeffc348bd98d585" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-147ab4cae608f96fdeffc348bd98d585"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -1889,8 +1907,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-690c1cccb3d28b84a260c167f50c1895" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-690c1cccb3d28b84a260c167f50c1895"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-78ef8f66663b74e79f03c9820f21a861" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-78ef8f66663b74e79f03c9820f21a861"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -3544,22 +3562,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/d3/d3-color.min.js?1700525733" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1700525733" defer></script>
<script src="../js/d3/d3-drag.min.js?1700525733" defer></script>
<script src="../js/d3/d3-ease.min.js?1700525733" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1700525733" defer></script>
<script src="../js/d3/d3-selection.min.js?1700525733" defer></script>
<script src="../js/d3/d3-timer.min.js?1700525733" defer></script>
<script src="../js/d3/d3-transition.min.js?1700525733" defer></script>
<script src="../js/d3/d3-zoom.min.js?1700525733" defer></script>
<script src="../js/js-yaml.min.js?1700525733" defer></script>
<script src="../js/mermaid.min.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697952" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../js/d3/d3-color.min.js?1700697952" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1700697952" defer></script>
<script src="../js/d3/d3-drag.min.js?1700697952" defer></script>
<script src="../js/d3/d3-ease.min.js?1700697952" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1700697952" defer></script>
<script src="../js/d3/d3-selection.min.js?1700697952" defer></script>
<script src="../js/d3/d3-timer.min.js?1700697952" defer></script>
<script src="../js/d3/d3-transition.min.js?1700697952" defer></script>
<script src="../js/d3/d3-zoom.min.js?1700697952" defer></script>
<script src="../js/js-yaml.min.js?1700697952" defer></script>
<script src="../js/mermaid.min.js?1700697952" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -178,8 +178,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-d8edbe7ccae2d3cdc95f7a4674b0a75e" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-d8edbe7ccae2d3cdc95f7a4674b0a75e"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1caa1992878aeb081a8865aac1f75a49" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-1caa1992878aeb081a8865aac1f75a49"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with 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 basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -296,12 +296,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -391,9 +391,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -458,13 +460,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -124,8 +124,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-d8edbe7ccae2d3cdc95f7a4674b0a75e" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-d8edbe7ccae2d3cdc95f7a4674b0a75e"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1caa1992878aeb081a8865aac1f75a49" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-1caa1992878aeb081a8865aac1f75a49"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with 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 basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -161,8 +161,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -205,8 +205,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and provide an extended way to configure the automatic switch of variants based on your OS settings.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li>
</ul>
<hr>
@ -1137,12 +1137,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1232,9 +1232,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -1299,13 +1301,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -116,8 +116,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and provide an extended way to configure the automatic switch of variants based on your OS settings.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li>
</ul>
<hr>
@ -967,8 +967,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -125,8 +125,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-373b9be6c549ddbcbdf8704134fbc7e6" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-373b9be6c549ddbcbdf8704134fbc7e6"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-33b7d0775a1135452e9397d6288c7e9b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-33b7d0775a1135452e9397d6288c7e9b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -222,12 +222,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -317,9 +317,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -384,13 +386,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -95,8 +95,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-373b9be6c549ddbcbdf8704134fbc7e6" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-373b9be6c549ddbcbdf8704134fbc7e6"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-33b7d0775a1135452e9397d6288c7e9b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-33b7d0775a1135452e9397d6288c7e9b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -111,8 +111,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -154,8 +154,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-c745e394038b6004e5ff1647cb24029d" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c745e394038b6004e5ff1647cb24029d"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-147ab4cae608f96fdeffc348bd98d585" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-147ab4cae608f96fdeffc348bd98d585"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -167,8 +167,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-690c1cccb3d28b84a260c167f50c1895" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-690c1cccb3d28b84a260c167f50c1895"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-78ef8f66663b74e79f03c9820f21a861" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-78ef8f66663b74e79f03c9820f21a861"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -567,12 +567,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -662,9 +662,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -729,13 +731,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -94,8 +94,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-c745e394038b6004e5ff1647cb24029d" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c745e394038b6004e5ff1647cb24029d"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-147ab4cae608f96fdeffc348bd98d585" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-147ab4cae608f96fdeffc348bd98d585"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -107,8 +107,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-690c1cccb3d28b84a260c167f50c1895" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-690c1cccb3d28b84a260c167f50c1895"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-78ef8f66663b74e79f03c9820f21a861" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-78ef8f66663b74e79f03c9820f21a861"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -426,8 +426,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
<link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
<link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
<link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
<link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
<link href="../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525732" rel="stylesheet">
<link href="../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525732" rel="stylesheet">
<link href="../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../css/ie.css?1700525732" rel="stylesheet">
<script src="../js/url.js?1700525732"></script>
<script src="../js/variant.js?1700525732"></script>
<link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697951" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697951" rel="stylesheet">
<link href="../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../css/ie.css?1700697951" rel="stylesheet">
<script src="../js/url.js?1700697951"></script>
<script src="../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -228,12 +228,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1700525733" defer></script>
<script src="../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../js/search.js?1700525733" defer></script>
<script src="../js/auto-complete.js?1700697952" defer></script>
<script src="../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -323,9 +323,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -390,13 +392,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1700525733"></script>
<script async src="../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697952" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
<link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
<link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -222,12 +222,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -317,9 +317,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -384,13 +386,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -61,26 +61,20 @@ social.twitter = ""
# You can also define your own variants. See the docs how this works. Also,
# the docs provide an interactive theme generator to help you with this task.
themeVariant = [
{ identifier = "auto" },
{ identifier = "relearn-light" },
{ identifier = "relearn-dark" },
{ identifier = "zen-light" },
{ identifier = "zen-dark" },
{ identifier = "neon" },
{ identifier = "learn" },
{ identifier = "blue" },
{ identifier = "green" },
{ identifier = "red" }
{ identifier = "relearn-auto", name = "Relearn Light/Dark", auto = [] },
{ identifier = "relearn-light" },
{ identifier = "relearn-dark" },
{ identifier = "relearn-bright" },
{ identifier = "zen-auto", name = "Zen Light/Dark", auto = [ "zen-light", "zen-dark" ] },
{ identifier = "zen-light" },
{ identifier = "zen-dark" },
{ identifier = "neon" },
{ identifier = "learn" },
{ identifier = "blue" },
{ identifier = "green" },
{ identifier = "red" }
]
# The color variants used for auto mode.
# Default: [ "relearn-light", "relearn-dark" ], overwritten by the first
# two non-auto options of your `themeVariant` option if present.
# The auto variant defines how your site adjusts to your selected OS settings
# for light/dark mode. The first array element is the variant for light mode,
# the second for dark mode.
themeVariantAuto = [ "relearn-light", "relearn-dark" ]
#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# General
# These options are defining general, non visual behavior.

View File

@ -23,20 +23,20 @@
<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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -154,8 +154,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-b5e009feb09e244874576a2575375442" 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-b5e009feb09e244874576a2575375442"><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-63b40dcc3e8dc6cbd54e582354b84446" 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-63b40dcc3e8dc6cbd54e582354b84446"><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">+++
@ -165,8 +165,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-0906ad0ef1ba9723bf1ae4bad6646fb0" 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-0906ad0ef1ba9723bf1ae4bad6646fb0"><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-988f48238b809bf4914c25005253b177" 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-988f48238b809bf4914c25005253b177"><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">+++
@ -178,8 +178,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-c7f2f10757447cec85b7aaa615778399" 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-c7f2f10757447cec85b7aaa615778399"><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-854e3ab1d2bf0acbee955f823ceddbc3" 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-854e3ab1d2bf0acbee955f823ceddbc3"><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>
@ -311,12 +311,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -406,9 +406,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -473,13 +475,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -98,8 +98,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-b5e009feb09e244874576a2575375442" 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-b5e009feb09e244874576a2575375442"><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-63b40dcc3e8dc6cbd54e582354b84446" 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-63b40dcc3e8dc6cbd54e582354b84446"><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">+++
@ -109,8 +109,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-0906ad0ef1ba9723bf1ae4bad6646fb0" 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-0906ad0ef1ba9723bf1ae4bad6646fb0"><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-988f48238b809bf4914c25005253b177" 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-988f48238b809bf4914c25005253b177"><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">+++
@ -122,8 +122,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-c7f2f10757447cec85b7aaa615778399" 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-c7f2f10757447cec85b7aaa615778399"><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-854e3ab1d2bf0acbee955f823ceddbc3" 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-854e3ab1d2bf0acbee955f823ceddbc3"><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>
@ -174,8 +174,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -151,8 +151,8 @@
<li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li>
</ul>
<p><a href="#R-image-0bac0ebafc35c659faec5c41497f5de1" 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-0bac0ebafc35c659faec5c41497f5de1"><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-930fff8a0732a00dba53ff90671c8391" 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-930fff8a0732a00dba53ff90671c8391"><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>
@ -333,12 +333,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?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -428,9 +428,11 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -495,13 +497,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?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -100,8 +100,8 @@
<li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li>
</ul>
<p><a href="#R-image-0bac0ebafc35c659faec5c41497f5de1" 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-0bac0ebafc35c659faec5c41497f5de1"><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-930fff8a0732a00dba53ff90671c8391" 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-930fff8a0732a00dba53ff90671c8391"><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>
@ -201,8 +201,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -32,20 +32,20 @@ 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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -55,7 +55,7 @@ Without any settings in your config.toml this defaults to">
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -153,13 +153,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="ef5c53070a31991f878b62db4ececdb7">
<div class="tab-panel" data-tab-group="892d2ba4c8a3d3396610b2365d02c3f1">
<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('ef5c53070a31991f878b62db4ececdb7','configtoml')"
onclick="switchTab('892d2ba4c8a3d3396610b2365d02c3f1','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -180,13 +180,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="4703cc2d258970edce421bf7089b4c33">
<div class="tab-panel" data-tab-group="343a73c90ab2970416ebe0f895f625a1">
<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('4703cc2d258970edce421bf7089b4c33','frontmatter')"
onclick="switchTab('343a73c90ab2970416ebe0f895f625a1','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -206,13 +206,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="16641e7673c49241898ab27a5c8aaa52">
<div class="tab-panel" data-tab-group="97d3078ca53155c569db3aedc53a91c0">
<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('16641e7673c49241898ab27a5c8aaa52','url')"
onclick="switchTab('97d3078ca53155c569db3aedc53a91c0','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -229,13 +229,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="1c1760db15c8b71c80ca1ece161cf555">
<div class="tab-panel" data-tab-group="73478f1052a49d6a98e0110f05f74e1f">
<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('1c1760db15c8b71c80ca1ece161cf555','result')"
onclick="switchTab('73478f1052a49d6a98e0110f05f74e1f','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -255,13 +255,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="134c2f5c3693f03eaec6728578bb38bf">
<div class="tab-panel" data-tab-group="7c69f8a8927cfe08d081724a2cb73a7a">
<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('134c2f5c3693f03eaec6728578bb38bf','html')"
onclick="switchTab('7c69f8a8927cfe08d081724a2cb73a7a','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -374,12 +374,12 @@ Without any settings in your config.toml this defaults to">
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525732" defer></script>
<script src="../../js/search.js?1700525732" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -469,9 +469,11 @@ Without any settings in your config.toml this defaults to">
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -536,13 +538,13 @@ Without any settings in your config.toml this defaults to">
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525732"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525732" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525732" defer></script>
<script src="../../js/theme.js?1700525732" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -56,7 +56,7 @@ Without any settings in your config.toml this defaults to">
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -109,13 +109,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="ef5c53070a31991f878b62db4ececdb7">
<div class="tab-panel" data-tab-group="892d2ba4c8a3d3396610b2365d02c3f1">
<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('ef5c53070a31991f878b62db4ececdb7','configtoml')"
onclick="switchTab('892d2ba4c8a3d3396610b2365d02c3f1','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -136,13 +136,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="4703cc2d258970edce421bf7089b4c33">
<div class="tab-panel" data-tab-group="343a73c90ab2970416ebe0f895f625a1">
<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('4703cc2d258970edce421bf7089b4c33','frontmatter')"
onclick="switchTab('343a73c90ab2970416ebe0f895f625a1','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -162,13 +162,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="16641e7673c49241898ab27a5c8aaa52">
<div class="tab-panel" data-tab-group="97d3078ca53155c569db3aedc53a91c0">
<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('16641e7673c49241898ab27a5c8aaa52','url')"
onclick="switchTab('97d3078ca53155c569db3aedc53a91c0','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -185,13 +185,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="1c1760db15c8b71c80ca1ece161cf555">
<div class="tab-panel" data-tab-group="73478f1052a49d6a98e0110f05f74e1f">
<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('1c1760db15c8b71c80ca1ece161cf555','result')"
onclick="switchTab('73478f1052a49d6a98e0110f05f74e1f','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -211,13 +211,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="134c2f5c3693f03eaec6728578bb38bf">
<div class="tab-panel" data-tab-group="7c69f8a8927cfe08d081724a2cb73a7a">
<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('134c2f5c3693f03eaec6728578bb38bf','html')"
onclick="switchTab('7c69f8a8927cfe08d081724a2cb73a7a','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -249,8 +249,8 @@ Without any settings in your config.toml this defaults to">
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<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?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525732" rel="stylesheet">
<link href="../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525732" rel="stylesheet">
<link href="../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../css/ie.css?1700525732" rel="stylesheet">
<script src="../js/url.js?1700525732"></script>
<script src="../js/variant.js?1700525732"></script>
<link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697951" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697951" rel="stylesheet">
<link href="../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../css/ie.css?1700697951" rel="stylesheet">
<script src="../js/url.js?1700697951"></script>
<script src="../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -222,12 +222,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1700525733" defer></script>
<script src="../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../js/search.js?1700525733" defer></script>
<script src="../js/auto-complete.js?1700697951" defer></script>
<script src="../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -317,9 +317,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -384,13 +386,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1700525733"></script>
<script async src="../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697951" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525733" rel="stylesheet">
<link href="../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525733" rel="stylesheet">
<link href="../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700525733" rel="stylesheet">
<link href="../css/ie.css?1700525733" rel="stylesheet">
<script src="../js/url.js?1700525733"></script>
<script src="../js/variant.js?1700525733"></script>
<link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697952" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697952" rel="stylesheet">
<link href="../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700697952" rel="stylesheet">
<link href="../css/ie.css?1700697952" rel="stylesheet">
<script src="../js/url.js?1700697952"></script>
<script src="../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -182,8 +182,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-0d048aff75e19c4f629f440ece364f36" 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-0d048aff75e19c4f629f440ece364f36"><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-7899e082d2f3d99e2f34aec3957b4e06" 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-7899e082d2f3d99e2f34aec3957b4e06"><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>
@ -231,8 +231,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-b5e009feb09e244874576a2575375442" 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-b5e009feb09e244874576a2575375442"><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-63b40dcc3e8dc6cbd54e582354b84446" 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-63b40dcc3e8dc6cbd54e582354b84446"><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">+++
@ -242,8 +242,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-0906ad0ef1ba9723bf1ae4bad6646fb0" 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-0906ad0ef1ba9723bf1ae4bad6646fb0"><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-988f48238b809bf4914c25005253b177" 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-988f48238b809bf4914c25005253b177"><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">+++
@ -255,8 +255,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-c7f2f10757447cec85b7aaa615778399" 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-c7f2f10757447cec85b7aaa615778399"><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-854e3ab1d2bf0acbee955f823ceddbc3" 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-854e3ab1d2bf0acbee955f823ceddbc3"><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>
@ -828,8 +828,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-029aa823705ff6beb1af19e314e52586" 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-029aa823705ff6beb1af19e314e52586"><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-0601095f205ba3e597762a4ebd0d11ba" 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-0601095f205ba3e597762a4ebd0d11ba"><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>
@ -839,8 +839,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-9c3b770d83d6e71f24cd1dcf9466905f" 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-9c3b770d83d6e71f24cd1dcf9466905f"><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-a193fc2c985738a7d1700521462dedc5" 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-a193fc2c985738a7d1700521462dedc5"><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>
@ -852,8 +852,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-468eb4c63b17ff5dba1b4b33182f2282" 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-468eb4c63b17ff5dba1b4b33182f2282"><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-cd3294761f4efeb06982889bdbf72bc7" 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-cd3294761f4efeb06982889bdbf72bc7"><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>
@ -865,8 +865,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-014c6c03d2ea762ba511fa075c075ac7" 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-014c6c03d2ea762ba511fa075c075ac7"><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-1c3051f762eaa6f6d6fb8d2d354ec9b3" 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-1c3051f762eaa6f6d6fb8d2d354ec9b3"><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>
@ -874,8 +874,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-e45e58d06930f1ee6bad352bde70eb20" 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-e45e58d06930f1ee6bad352bde70eb20"><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-3d0abe9af74a7ec86c94b8d2f6959c69" 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-3d0abe9af74a7ec86c94b8d2f6959c69"><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>
@ -883,8 +883,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-75df3349121e4920a2bcb6fb3d6d1e9e" 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-75df3349121e4920a2bcb6fb3d6d1e9e"><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-f92de4b36a19c3b91e9b5de77e626d2b" 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-f92de4b36a19c3b91e9b5de77e626d2b"><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>
@ -895,8 +895,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-15bddc64f2d883daf707145f5a9bc509" 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-15bddc64f2d883daf707145f5a9bc509"><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-2499927a98955b0cfee354051100c7af" 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-2499927a98955b0cfee354051100c7af"><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>
@ -905,8 +905,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-4278b1151f7d61278f316b8528023424" 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-4278b1151f7d61278f316b8528023424"><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-02dbf251eadae322eab68ba684352f56" 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-02dbf251eadae322eab68ba684352f56"><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>
@ -915,8 +915,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-50a941c02c4c3f7b150fe6c1c84a3a41" 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-50a941c02c4c3f7b150fe6c1c84a3a41"><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-05519d7a77b910a56951894a7f55f1d4" 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-05519d7a77b910a56951894a7f55f1d4"><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>
@ -925,8 +925,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-36fffdedd9bdddc87b7a62c5cc3faac2" 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-36fffdedd9bdddc87b7a62c5cc3faac2"><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-329d1e44de76cac2a6379767f5a7865c" 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-329d1e44de76cac2a6379767f5a7865c"><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>
@ -938,14 +938,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-a726a3622c5d76c84175d649c25de2f6" 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-a726a3622c5d76c84175d649c25de2f6"><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-fb45c896d0217e555af78d9e343ba537" 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-fb45c896d0217e555af78d9e343ba537"><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-d9bceefd274be9d1add525ba26a4d9eb" 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-d9bceefd274be9d1add525ba26a4d9eb"><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-d7a43626512b914795b214e90c4fd9df" 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-d7a43626512b914795b214e90c4fd9df"><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-1033acc35e673a46d25be358217e031d" 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-1033acc35e673a46d25be358217e031d"><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-22873f75f5e1b4aa0f325afd881b3679" 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-22873f75f5e1b4aa0f325afd881b3679"><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-856b238b356259eda710932af8b40d3b" 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-856b238b356259eda710932af8b40d3b"><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-23be4dd692eb094aa57e3c804a4b21fd" 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-23be4dd692eb094aa57e3c804a4b21fd"><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>
@ -954,8 +954,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-01f282cf2bbf6d05e0818c7ac97da744" 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-01f282cf2bbf6d05e0818c7ac97da744"><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-31e81d0a51f54303712e1e50dfe6ad66" 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-31e81d0a51f54303712e1e50dfe6ad66"><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>
@ -994,13 +994,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="ef5c53070a31991f878b62db4ececdb7">
<div class="tab-panel" data-tab-group="892d2ba4c8a3d3396610b2365d02c3f1">
<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('ef5c53070a31991f878b62db4ececdb7','configtoml')"
onclick="switchTab('892d2ba4c8a3d3396610b2365d02c3f1','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1021,13 +1021,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="4703cc2d258970edce421bf7089b4c33">
<div class="tab-panel" data-tab-group="343a73c90ab2970416ebe0f895f625a1">
<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('4703cc2d258970edce421bf7089b4c33','frontmatter')"
onclick="switchTab('343a73c90ab2970416ebe0f895f625a1','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -1047,13 +1047,13 @@ line 3 of code
</div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="16641e7673c49241898ab27a5c8aaa52">
<div class="tab-panel" data-tab-group="97d3078ca53155c569db3aedc53a91c0">
<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('16641e7673c49241898ab27a5c8aaa52','url')"
onclick="switchTab('97d3078ca53155c569db3aedc53a91c0','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -1070,13 +1070,13 @@ line 3 of code
</div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="1c1760db15c8b71c80ca1ece161cf555">
<div class="tab-panel" data-tab-group="73478f1052a49d6a98e0110f05f74e1f">
<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('1c1760db15c8b71c80ca1ece161cf555','result')"
onclick="switchTab('73478f1052a49d6a98e0110f05f74e1f','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -1096,13 +1096,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="134c2f5c3693f03eaec6728578bb38bf">
<div class="tab-panel" data-tab-group="7c69f8a8927cfe08d081724a2cb73a7a">
<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('134c2f5c3693f03eaec6728578bb38bf','html')"
onclick="switchTab('7c69f8a8927cfe08d081724a2cb73a7a','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -1277,8 +1277,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-0bac0ebafc35c659faec5c41497f5de1" 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-0bac0ebafc35c659faec5c41497f5de1"><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-930fff8a0732a00dba53ff90671c8391" 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-930fff8a0732a00dba53ff90671c8391"><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>
@ -1468,8 +1468,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697952" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -30,20 +30,20 @@ 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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -53,7 +53,7 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -711,8 +711,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-029aa823705ff6beb1af19e314e52586" 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-029aa823705ff6beb1af19e314e52586"><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-0601095f205ba3e597762a4ebd0d11ba" 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-0601095f205ba3e597762a4ebd0d11ba"><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>
@ -722,8 +722,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-9c3b770d83d6e71f24cd1dcf9466905f" 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-9c3b770d83d6e71f24cd1dcf9466905f"><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-a193fc2c985738a7d1700521462dedc5" 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-a193fc2c985738a7d1700521462dedc5"><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>
@ -735,8 +735,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-468eb4c63b17ff5dba1b4b33182f2282" 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-468eb4c63b17ff5dba1b4b33182f2282"><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-cd3294761f4efeb06982889bdbf72bc7" 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-cd3294761f4efeb06982889bdbf72bc7"><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>
@ -748,8 +748,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-014c6c03d2ea762ba511fa075c075ac7" 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-014c6c03d2ea762ba511fa075c075ac7"><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-1c3051f762eaa6f6d6fb8d2d354ec9b3" 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-1c3051f762eaa6f6d6fb8d2d354ec9b3"><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>
@ -757,8 +757,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-e45e58d06930f1ee6bad352bde70eb20" 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-e45e58d06930f1ee6bad352bde70eb20"><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-3d0abe9af74a7ec86c94b8d2f6959c69" 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-3d0abe9af74a7ec86c94b8d2f6959c69"><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>
@ -766,8 +766,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-75df3349121e4920a2bcb6fb3d6d1e9e" 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-75df3349121e4920a2bcb6fb3d6d1e9e"><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-f92de4b36a19c3b91e9b5de77e626d2b" 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-f92de4b36a19c3b91e9b5de77e626d2b"><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>
@ -778,8 +778,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-15bddc64f2d883daf707145f5a9bc509" 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-15bddc64f2d883daf707145f5a9bc509"><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-2499927a98955b0cfee354051100c7af" 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-2499927a98955b0cfee354051100c7af"><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>
@ -788,8 +788,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-4278b1151f7d61278f316b8528023424" 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-4278b1151f7d61278f316b8528023424"><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-02dbf251eadae322eab68ba684352f56" 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-02dbf251eadae322eab68ba684352f56"><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>
@ -798,8 +798,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-50a941c02c4c3f7b150fe6c1c84a3a41" 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-50a941c02c4c3f7b150fe6c1c84a3a41"><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-05519d7a77b910a56951894a7f55f1d4" 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-05519d7a77b910a56951894a7f55f1d4"><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>
@ -808,8 +808,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-36fffdedd9bdddc87b7a62c5cc3faac2" 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-36fffdedd9bdddc87b7a62c5cc3faac2"><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-329d1e44de76cac2a6379767f5a7865c" 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-329d1e44de76cac2a6379767f5a7865c"><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>
@ -821,14 +821,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-a726a3622c5d76c84175d649c25de2f6" 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-a726a3622c5d76c84175d649c25de2f6"><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-fb45c896d0217e555af78d9e343ba537" 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-fb45c896d0217e555af78d9e343ba537"><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-d9bceefd274be9d1add525ba26a4d9eb" 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-d9bceefd274be9d1add525ba26a4d9eb"><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-d7a43626512b914795b214e90c4fd9df" 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-d7a43626512b914795b214e90c4fd9df"><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-1033acc35e673a46d25be358217e031d" 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-1033acc35e673a46d25be358217e031d"><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-22873f75f5e1b4aa0f325afd881b3679" 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-22873f75f5e1b4aa0f325afd881b3679"><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-856b238b356259eda710932af8b40d3b" 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-856b238b356259eda710932af8b40d3b"><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-23be4dd692eb094aa57e3c804a4b21fd" 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-23be4dd692eb094aa57e3c804a4b21fd"><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>
@ -837,8 +837,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-01f282cf2bbf6d05e0818c7ac97da744" 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-01f282cf2bbf6d05e0818c7ac97da744"><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-31e81d0a51f54303712e1e50dfe6ad66" 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-31e81d0a51f54303712e1e50dfe6ad66"><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>
@ -949,12 +949,12 @@ line 3 of code
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525732" defer></script>
<script src="../../js/search.js?1700525732" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1044,9 +1044,11 @@ line 3 of code
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -1111,13 +1113,13 @@ line 3 of code
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525732"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525732" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525732" defer></script>
<script src="../../js/theme.js?1700525732" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -54,7 +54,7 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -619,8 +619,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-029aa823705ff6beb1af19e314e52586" 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-029aa823705ff6beb1af19e314e52586"><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-0601095f205ba3e597762a4ebd0d11ba" 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-0601095f205ba3e597762a4ebd0d11ba"><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>
@ -630,8 +630,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-9c3b770d83d6e71f24cd1dcf9466905f" 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-9c3b770d83d6e71f24cd1dcf9466905f"><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-a193fc2c985738a7d1700521462dedc5" 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-a193fc2c985738a7d1700521462dedc5"><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>
@ -643,8 +643,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-468eb4c63b17ff5dba1b4b33182f2282" 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-468eb4c63b17ff5dba1b4b33182f2282"><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-cd3294761f4efeb06982889bdbf72bc7" 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-cd3294761f4efeb06982889bdbf72bc7"><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>
@ -656,8 +656,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-014c6c03d2ea762ba511fa075c075ac7" 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-014c6c03d2ea762ba511fa075c075ac7"><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-1c3051f762eaa6f6d6fb8d2d354ec9b3" 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-1c3051f762eaa6f6d6fb8d2d354ec9b3"><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>
@ -665,8 +665,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-e45e58d06930f1ee6bad352bde70eb20" 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-e45e58d06930f1ee6bad352bde70eb20"><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-3d0abe9af74a7ec86c94b8d2f6959c69" 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-3d0abe9af74a7ec86c94b8d2f6959c69"><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>
@ -674,8 +674,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-75df3349121e4920a2bcb6fb3d6d1e9e" 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-75df3349121e4920a2bcb6fb3d6d1e9e"><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-f92de4b36a19c3b91e9b5de77e626d2b" 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-f92de4b36a19c3b91e9b5de77e626d2b"><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>
@ -686,8 +686,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-15bddc64f2d883daf707145f5a9bc509" 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-15bddc64f2d883daf707145f5a9bc509"><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-2499927a98955b0cfee354051100c7af" 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-2499927a98955b0cfee354051100c7af"><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>
@ -696,8 +696,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-4278b1151f7d61278f316b8528023424" 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-4278b1151f7d61278f316b8528023424"><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-02dbf251eadae322eab68ba684352f56" 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-02dbf251eadae322eab68ba684352f56"><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>
@ -706,8 +706,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-50a941c02c4c3f7b150fe6c1c84a3a41" 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-50a941c02c4c3f7b150fe6c1c84a3a41"><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-05519d7a77b910a56951894a7f55f1d4" 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-05519d7a77b910a56951894a7f55f1d4"><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>
@ -716,8 +716,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-36fffdedd9bdddc87b7a62c5cc3faac2" 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-36fffdedd9bdddc87b7a62c5cc3faac2"><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-329d1e44de76cac2a6379767f5a7865c" 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-329d1e44de76cac2a6379767f5a7865c"><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>
@ -729,14 +729,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-a726a3622c5d76c84175d649c25de2f6" 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-a726a3622c5d76c84175d649c25de2f6"><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-fb45c896d0217e555af78d9e343ba537" 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-fb45c896d0217e555af78d9e343ba537"><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-d9bceefd274be9d1add525ba26a4d9eb" 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-d9bceefd274be9d1add525ba26a4d9eb"><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-d7a43626512b914795b214e90c4fd9df" 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-d7a43626512b914795b214e90c4fd9df"><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-1033acc35e673a46d25be358217e031d" 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-1033acc35e673a46d25be358217e031d"><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-22873f75f5e1b4aa0f325afd881b3679" 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-22873f75f5e1b4aa0f325afd881b3679"><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-856b238b356259eda710932af8b40d3b" 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-856b238b356259eda710932af8b40d3b"><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-23be4dd692eb094aa57e3c804a4b21fd" 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-23be4dd692eb094aa57e3c804a4b21fd"><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>
@ -745,8 +745,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-01f282cf2bbf6d05e0818c7ac97da744" 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-01f282cf2bbf6d05e0818c7ac97da744"><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-31e81d0a51f54303712e1e50dfe6ad66" 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-31e81d0a51f54303712e1e50dfe6ad66"><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>
@ -776,8 +776,8 @@ line 3 of code
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -30,20 +30,20 @@ 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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -53,7 +53,7 @@ Example from the current website:
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -359,12 +359,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?1700525732" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525732" defer></script>
<script src="../../js/search.js?1700525732" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -454,9 +454,11 @@ However, if you want to keep the title but change its value, it can be overridde
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -521,13 +523,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?1700525732"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525732" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525732" defer></script>
<script src="../../js/theme.js?1700525732" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -54,7 +54,7 @@ Example from the current website:
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -232,8 +232,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?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -223,8 +223,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-0d048aff75e19c4f629f440ece364f36" 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-0d048aff75e19c4f629f440ece364f36"><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-7899e082d2f3d99e2f34aec3957b4e06" 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-7899e082d2f3d99e2f34aec3957b4e06"><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>
@ -346,12 +346,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?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -441,9 +441,11 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -508,13 +510,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?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -169,8 +169,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-0d048aff75e19c4f629f440ece364f36" 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-0d048aff75e19c4f629f440ece364f36"><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-7899e082d2f3d99e2f34aec3957b4e06" 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-7899e082d2f3d99e2f34aec3957b4e06"><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>
@ -211,8 +211,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -30,20 +30,20 @@ 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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -53,7 +53,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -319,12 +319,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?1700525732" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525732" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525732" defer></script>
<script src="../../js/search.js?1700525732" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -414,9 +414,11 @@ The categories are displayed at the bottom of the page in alphabetical order in
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -481,13 +483,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?1700525732"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525732" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525732" defer></script>
<script src="../../js/theme.js?1700525732" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" 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="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?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -54,7 +54,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -187,8 +187,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

2
css/theme-zen-auto.css Normal file
View File

@ -0,0 +1,2 @@
@import "theme-zen-light.css" screen and (prefers-color-scheme: light);
@import "theme-zen-dark.css" screen and (prefers-color-scheme: dark);

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -343,12 +343,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -442,9 +442,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -509,13 +511,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -217,8 +217,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
<link href="../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525732" rel="stylesheet">
<link href="../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525732" rel="stylesheet">
<link href="../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../css/ie.css?1700525732" rel="stylesheet">
<script src="../js/url.js?1700525732"></script>
<script src="../js/variant.js?1700525732"></script>
<link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697951" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697951" rel="stylesheet">
<link href="../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../css/ie.css?1700697951" rel="stylesheet">
<script src="../js/url.js?1700697951"></script>
<script src="../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -228,12 +228,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1700525733" defer></script>
<script src="../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../js/search.js?1700525733" defer></script>
<script src="../js/auto-complete.js?1700697951" defer></script>
<script src="../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -327,9 +327,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -394,13 +396,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1700525733"></script>
<script async src="../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697951" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
<link href="../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525733" rel="stylesheet">
<link href="../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525733" rel="stylesheet">
<link href="../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700525733" rel="stylesheet">
<link href="../css/ie.css?1700525733" rel="stylesheet">
<script src="../js/url.js?1700525733"></script>
<script src="../js/variant.js?1700525733"></script>
<link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697952" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697952" rel="stylesheet">
<link href="../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../css/format-print.css?1700697952" rel="stylesheet">
<link href="../css/ie.css?1700697952" rel="stylesheet">
<script src="../js/url.js?1700697952"></script>
<script src="../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -477,8 +477,8 @@
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-0d73eb5f98e0772d999e97d204d967a6" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0d73eb5f98e0772d999e97d204d967a6"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f0b6317403d1c9f4c84ce52e75fd1940" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0b6317403d1c9f4c84ce52e75fd1940"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -507,11 +507,11 @@
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-de257edcc79e67674ec302456d1861da" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-de257edcc79e67674ec302456d1861da"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-e94cf3d80123e9168187032f1da9d582" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e94cf3d80123e9168187032f1da9d582"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-9849a9377c0bf70c3b154b0c3a6b8e37" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9849a9377c0bf70c3b154b0c3a6b8e37"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -521,8 +521,8 @@
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1700525733" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../js/theme.js?1700525733" defer></script>
<script src="../js/clipboard.min.js?1700697952" defer></script>
<script src="../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -434,12 +434,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -533,9 +533,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -600,13 +602,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -297,8 +297,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -169,8 +169,8 @@
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-0d73eb5f98e0772d999e97d204d967a6" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0d73eb5f98e0772d999e97d204d967a6"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f0b6317403d1c9f4c84ce52e75fd1940" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0b6317403d1c9f4c84ce52e75fd1940"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -199,11 +199,11 @@
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-de257edcc79e67674ec302456d1861da" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-de257edcc79e67674ec302456d1861da"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-e94cf3d80123e9168187032f1da9d582" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e94cf3d80123e9168187032f1da9d582"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-9849a9377c0bf70c3b154b0c3a6b8e37" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9849a9377c0bf70c3b154b0c3a6b8e37"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -293,12 +293,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -392,9 +392,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -459,13 +461,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697951" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="../../js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -123,8 +123,8 @@
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-0d73eb5f98e0772d999e97d204d967a6" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0d73eb5f98e0772d999e97d204d967a6"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f0b6317403d1c9f4c84ce52e75fd1940" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f0b6317403d1c9f4c84ce52e75fd1940"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -153,11 +153,11 @@
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cc3b8c0c8a91ccb2cb468ad774fab5e"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-de257edcc79e67674ec302456d1861da" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-de257edcc79e67674ec302456d1861da"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-e94cf3d80123e9168187032f1da9d582" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e94cf3d80123e9168187032f1da9d582"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-9849a9377c0bf70c3b154b0c3a6b8e37" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9849a9377c0bf70c3b154b0c3a6b8e37"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -166,8 +166,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
<link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
<link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
<link href="./images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="./images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700525732" rel="stylesheet">
<link href="./css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="./css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700525732" rel="stylesheet">
<link href="./css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700525732" rel="stylesheet">
<link href="./css/print.css?1700525732" rel="stylesheet" media="print">
<link href="./css/ie.css?1700525732" rel="stylesheet">
<script src="./js/url.js?1700525732"></script>
<script src="./js/variant.js?1700525732"></script>
<link href="./css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700697951" rel="stylesheet">
<link href="./css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="./css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700697951" rel="stylesheet">
<link href="./css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700697951" rel="stylesheet">
<link href="./css/print.css?1700697951" rel="stylesheet" media="print">
<link href="./css/ie.css?1700697951" rel="stylesheet">
<script src="./js/url.js?1700697951"></script>
<script src="./js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -142,8 +142,8 @@
<p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
<p><a href="./basics/migration/index.html">★ What&rsquo;s new in the latest release ★</a></p>
<p><a href="#R-image-ecdf4d64076336b7a304099fecd579f2" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ecdf4d64076336b7a304099fecd579f2"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-645e7629699c9689547cdb142a85e891" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-645e7629699c9689547cdb142a85e891"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="motivation">Motivation</h2>
<p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adapting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
<h2 id="features">Features</h2>
@ -318,12 +318,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="./js/auto-complete.js?1700525733" defer></script>
<script src="./js/lunr/lunr.min.js?1700525733" defer></script>
<script src="./js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="./js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="./js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="./js/search.js?1700525733" defer></script>
<script src="./js/auto-complete.js?1700697951" defer></script>
<script src="./js/lunr/lunr.min.js?1700697951" defer></script>
<script src="./js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="./js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="./js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="./js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -413,9 +413,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -480,13 +482,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="./js/github-buttons.js?1700525733"></script>
<script async src="./js/github-buttons.js?1700697951"></script>
</div>
</div>
</div>
</aside>
<script src="./js/clipboard.min.js?1700525733" defer></script>
<script src="./js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="./js/theme.js?1700525733" defer></script>
<script src="./js/clipboard.min.js?1700697951" defer></script>
<script src="./js/perfect-scrollbar.min.js?1700697951" defer></script>
<script src="./js/theme.js?1700697951" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="canonical" type="text/html" title="Hugo Relearn Theme">
<link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
<link href="./images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="./images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700525733" rel="stylesheet">
<link href="./css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="./css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700525733" rel="stylesheet">
<link href="./css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700525733" rel="stylesheet">
<link href="./css/print.css?1700525733" rel="stylesheet" media="print">
<link href="./css/format-print.css?1700525733" rel="stylesheet">
<link href="./css/ie.css?1700525733" rel="stylesheet">
<script src="./js/url.js?1700525733"></script>
<script src="./js/variant.js?1700525733"></script>
<link href="./css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1700697952" rel="stylesheet">
<link href="./css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="./css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="./css/theme.css?1700697952" rel="stylesheet">
<link href="./css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="./css/variant.css?1700697952" rel="stylesheet">
<link href="./css/print.css?1700697952" rel="stylesheet" media="print">
<link href="./css/format-print.css?1700697952" rel="stylesheet">
<link href="./css/ie.css?1700697952" rel="stylesheet">
<script src="./js/url.js?1700697952"></script>
<script src="./js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -93,8 +93,8 @@
<p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
<p><a href="./basics/migration/index.html">★ What&rsquo;s new in the latest release ★</a></p>
<p><a href="#R-image-ecdf4d64076336b7a304099fecd579f2" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ecdf4d64076336b7a304099fecd579f2"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-645e7629699c9689547cdb142a85e891" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-645e7629699c9689547cdb142a85e891"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="motivation">Motivation</h2>
<p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adapting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
<h2 id="features">Features</h2>
@ -229,8 +229,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="./basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and provide an extended way to configure the automatic switch of variants based on your OS settings.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="./basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li>
</ul>
<hr>
@ -1084,8 +1084,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-373b9be6c549ddbcbdf8704134fbc7e6" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-373b9be6c549ddbcbdf8704134fbc7e6"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-33b7d0775a1135452e9397d6288c7e9b" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-33b7d0775a1135452e9397d6288c7e9b"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -1133,8 +1133,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-d8edbe7ccae2d3cdc95f7a4674b0a75e" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-d8edbe7ccae2d3cdc95f7a4674b0a75e"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1caa1992878aeb081a8865aac1f75a49" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-1caa1992878aeb081a8865aac1f75a49"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with 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 basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -1181,13 +1181,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="00480a48a09d05bd21c01fb64fb62010">
<div class="tab-panel" data-tab-group="8cb9d10357093b8b6270287c8d9f96d5">
<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('00480a48a09d05bd21c01fb64fb62010','configtoml')"
onclick="switchTab('8cb9d10357093b8b6270287c8d9f96d5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1262,26 +1262,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># You can also define your own variants. See the docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the docs provide an interactive theme generator to help you with this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by the first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options are defining general, non visual behavior.</span>
@ -1662,7 +1656,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That&rsquo;s it.</p>
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code> to become an auto mode variant. That&rsquo;s it.</p>
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If you don&rsquo;t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
@ -1719,9 +1713,33 @@
<td>see notes</td>
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<i class="fa-fw fas fa-layer-group"></i>
@ -1763,8 +1781,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-82e62cf731946c5e06e4387b08649ba2" class="lightbox-link"><img src="./basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-82e62cf731946c5e06e4387b08649ba2"><img src="./basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-0d8adba30cf33f90e04372c07a5515db" class="lightbox-link"><img src="./basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search 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-0d8adba30cf33f90e04372c07a5515db"><img src="./basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -1805,8 +1823,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-023c5fcc2fb9e789508d876b1b28b0bc" class="lightbox-link"><img src="./basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-023c5fcc2fb9e789508d876b1b28b0bc"><img src="./basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f3f67cd71bc40395445aa7cc3e173d9e" class="lightbox-link"><img src="./basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-f3f67cd71bc40395445aa7cc3e173d9e"><img src="./basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -1910,13 +1928,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" aria-controls="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" >
<label class="expand-label" for="R-expand-6a6994a74c1862a2e4c6d2d290a82bf0" >
<input type="checkbox" id="R-expand-87a7efe1d092fde815cae8627f43bc7f" aria-controls="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" >
<label class="expand-label" for="R-expand-87a7efe1d092fde815cae8627f43bc7f" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6a6994a74c1862a2e4c6d2d290a82bf0" class="expand-content">
<div id="R-expandcontent-87a7efe1d092fde815cae8627f43bc7f" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -1976,8 +1994,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-c745e394038b6004e5ff1647cb24029d" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c745e394038b6004e5ff1647cb24029d"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-147ab4cae608f96fdeffc348bd98d585" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-147ab4cae608f96fdeffc348bd98d585"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -1989,8 +2007,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-690c1cccb3d28b84a260c167f50c1895" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-690c1cccb3d28b84a260c167f50c1895"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-78ef8f66663b74e79f03c9820f21a861" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-78ef8f66663b74e79f03c9820f21a861"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -3736,8 +3754,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<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-0d048aff75e19c4f629f440ece364f36" 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-0d048aff75e19c4f629f440ece364f36"><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-7899e082d2f3d99e2f34aec3957b4e06" 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-7899e082d2f3d99e2f34aec3957b4e06"><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>
@ -3785,8 +3803,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-b5e009feb09e244874576a2575375442" 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-b5e009feb09e244874576a2575375442"><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-63b40dcc3e8dc6cbd54e582354b84446" 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-63b40dcc3e8dc6cbd54e582354b84446"><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">+++
@ -3796,8 +3814,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-0906ad0ef1ba9723bf1ae4bad6646fb0" 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-0906ad0ef1ba9723bf1ae4bad6646fb0"><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-988f48238b809bf4914c25005253b177" 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-988f48238b809bf4914c25005253b177"><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">+++
@ -3809,8 +3827,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-c7f2f10757447cec85b7aaa615778399" 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-c7f2f10757447cec85b7aaa615778399"><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-854e3ab1d2bf0acbee955f823ceddbc3" 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-854e3ab1d2bf0acbee955f823ceddbc3"><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>
@ -4382,8 +4400,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-029aa823705ff6beb1af19e314e52586" 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-029aa823705ff6beb1af19e314e52586"><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-0601095f205ba3e597762a4ebd0d11ba" 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-0601095f205ba3e597762a4ebd0d11ba"><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>
@ -4393,8 +4411,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-9c3b770d83d6e71f24cd1dcf9466905f" 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-9c3b770d83d6e71f24cd1dcf9466905f"><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-a193fc2c985738a7d1700521462dedc5" 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-a193fc2c985738a7d1700521462dedc5"><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>
@ -4406,8 +4424,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-468eb4c63b17ff5dba1b4b33182f2282" 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-468eb4c63b17ff5dba1b4b33182f2282"><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-cd3294761f4efeb06982889bdbf72bc7" 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-cd3294761f4efeb06982889bdbf72bc7"><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>
@ -4419,8 +4437,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-014c6c03d2ea762ba511fa075c075ac7" 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-014c6c03d2ea762ba511fa075c075ac7"><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-1c3051f762eaa6f6d6fb8d2d354ec9b3" 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-1c3051f762eaa6f6d6fb8d2d354ec9b3"><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>
@ -4428,8 +4446,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-e45e58d06930f1ee6bad352bde70eb20" 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-e45e58d06930f1ee6bad352bde70eb20"><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-3d0abe9af74a7ec86c94b8d2f6959c69" 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-3d0abe9af74a7ec86c94b8d2f6959c69"><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>
@ -4437,8 +4455,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-75df3349121e4920a2bcb6fb3d6d1e9e" 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-75df3349121e4920a2bcb6fb3d6d1e9e"><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-f92de4b36a19c3b91e9b5de77e626d2b" 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-f92de4b36a19c3b91e9b5de77e626d2b"><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>
@ -4449,8 +4467,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-15bddc64f2d883daf707145f5a9bc509" 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-15bddc64f2d883daf707145f5a9bc509"><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-2499927a98955b0cfee354051100c7af" 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-2499927a98955b0cfee354051100c7af"><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>
@ -4459,8 +4477,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-4278b1151f7d61278f316b8528023424" 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-4278b1151f7d61278f316b8528023424"><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-02dbf251eadae322eab68ba684352f56" 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-02dbf251eadae322eab68ba684352f56"><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>
@ -4469,8 +4487,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-50a941c02c4c3f7b150fe6c1c84a3a41" 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-50a941c02c4c3f7b150fe6c1c84a3a41"><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-05519d7a77b910a56951894a7f55f1d4" 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-05519d7a77b910a56951894a7f55f1d4"><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>
@ -4479,8 +4497,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-36fffdedd9bdddc87b7a62c5cc3faac2" 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-36fffdedd9bdddc87b7a62c5cc3faac2"><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-329d1e44de76cac2a6379767f5a7865c" 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-329d1e44de76cac2a6379767f5a7865c"><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>
@ -4492,14 +4510,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-a726a3622c5d76c84175d649c25de2f6" 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-a726a3622c5d76c84175d649c25de2f6"><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-fb45c896d0217e555af78d9e343ba537" 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-fb45c896d0217e555af78d9e343ba537"><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-d9bceefd274be9d1add525ba26a4d9eb" 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-d9bceefd274be9d1add525ba26a4d9eb"><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-d7a43626512b914795b214e90c4fd9df" 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-d7a43626512b914795b214e90c4fd9df"><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-1033acc35e673a46d25be358217e031d" 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-1033acc35e673a46d25be358217e031d"><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-22873f75f5e1b4aa0f325afd881b3679" 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-22873f75f5e1b4aa0f325afd881b3679"><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-856b238b356259eda710932af8b40d3b" 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-856b238b356259eda710932af8b40d3b"><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-23be4dd692eb094aa57e3c804a4b21fd" 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-23be4dd692eb094aa57e3c804a4b21fd"><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>
@ -4508,8 +4526,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-01f282cf2bbf6d05e0818c7ac97da744" 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-01f282cf2bbf6d05e0818c7ac97da744"><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-31e81d0a51f54303712e1e50dfe6ad66" 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-31e81d0a51f54303712e1e50dfe6ad66"><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>
@ -4548,13 +4566,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="ef5c53070a31991f878b62db4ececdb7">
<div class="tab-panel" data-tab-group="892d2ba4c8a3d3396610b2365d02c3f1">
<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('ef5c53070a31991f878b62db4ececdb7','configtoml')"
onclick="switchTab('892d2ba4c8a3d3396610b2365d02c3f1','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -4575,13 +4593,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="4703cc2d258970edce421bf7089b4c33">
<div class="tab-panel" data-tab-group="343a73c90ab2970416ebe0f895f625a1">
<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('4703cc2d258970edce421bf7089b4c33','frontmatter')"
onclick="switchTab('343a73c90ab2970416ebe0f895f625a1','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -4601,13 +4619,13 @@ line 3 of code
</div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="16641e7673c49241898ab27a5c8aaa52">
<div class="tab-panel" data-tab-group="97d3078ca53155c569db3aedc53a91c0">
<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('16641e7673c49241898ab27a5c8aaa52','url')"
onclick="switchTab('97d3078ca53155c569db3aedc53a91c0','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -4624,13 +4642,13 @@ line 3 of code
</div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="1c1760db15c8b71c80ca1ece161cf555">
<div class="tab-panel" data-tab-group="73478f1052a49d6a98e0110f05f74e1f">
<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('1c1760db15c8b71c80ca1ece161cf555','result')"
onclick="switchTab('73478f1052a49d6a98e0110f05f74e1f','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -4650,13 +4668,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="134c2f5c3693f03eaec6728578bb38bf">
<div class="tab-panel" data-tab-group="7c69f8a8927cfe08d081724a2cb73a7a">
<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('134c2f5c3693f03eaec6728578bb38bf','html')"
onclick="switchTab('7c69f8a8927cfe08d081724a2cb73a7a','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -4831,8 +4849,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-0bac0ebafc35c659faec5c41497f5de1" 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-0bac0ebafc35c659faec5c41497f5de1"><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-930fff8a0732a00dba53ff90671c8391" 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-930fff8a0732a00dba53ff90671c8391"><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>
@ -6250,13 +6268,13 @@ So its content is used as description.</p>
<p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
<div class="expand">
<input type="checkbox" id="R-expand-98e1a92501a385e21b00f329dacf9048" aria-controls="R-expandcontent-98e1a92501a385e21b00f329dacf9048" >
<label class="expand-label" for="R-expand-98e1a92501a385e21b00f329dacf9048" >
<input type="checkbox" id="R-expand-9ef125b83a5223c1cd35ccdb0e70cd7e" aria-controls="R-expandcontent-9ef125b83a5223c1cd35ccdb0e70cd7e" >
<label class="expand-label" for="R-expand-9ef125b83a5223c1cd35ccdb0e70cd7e" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="R-expandcontent-98e1a92501a385e21b00f329dacf9048" class="expand-content">
<div id="R-expandcontent-9ef125b83a5223c1cd35ccdb0e70cd7e" class="expand-content">
<p>Thank you!</p>
<p>That&rsquo;s some text with a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@ -6374,26 +6392,26 @@ So its content is used as description.</p>
<h3 id="all-defaults">All Defaults</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">you</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="R-expand-1dd5667c5c07cb4c79d630d853687200" aria-controls="R-expandcontent-1dd5667c5c07cb4c79d630d853687200" >
<label class="expand-label" for="R-expand-1dd5667c5c07cb4c79d630d853687200" >
<input type="checkbox" id="R-expand-2f8c1347663418e87d33449a8eaa7e91" aria-controls="R-expandcontent-2f8c1347663418e87d33449a8eaa7e91" >
<label class="expand-label" for="R-expand-2f8c1347663418e87d33449a8eaa7e91" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="R-expandcontent-1dd5667c5c07cb4c79d630d853687200" class="expand-content">
<div id="R-expandcontent-2f8c1347663418e87d33449a8eaa7e91" class="expand-content">
<p>
Yes, you did it!</div>
</div>
<h3 id="initially-expanded">Initially Expanded</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">to</span> <span class="nx">press</span> <span class="nx">you</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="R-expand-aee3fb94672f3c790146432db6077947" aria-controls="R-expandcontent-aee3fb94672f3c790146432db6077947" checked>
<label class="expand-label" for="R-expand-aee3fb94672f3c790146432db6077947" >
<input type="checkbox" id="R-expand-7eb8169ff893ac7a0ee7ee56516f38d2" aria-controls="R-expandcontent-7eb8169ff893ac7a0ee7ee56516f38d2" checked>
<label class="expand-label" for="R-expand-7eb8169ff893ac7a0ee7ee56516f38d2" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="R-expandcontent-aee3fb94672f3c790146432db6077947" class="expand-content">
<div id="R-expandcontent-7eb8169ff893ac7a0ee7ee56516f38d2" class="expand-content">
<p>
No need to press you!</div>
</div>
@ -6414,13 +6432,13 @@ No need to press you!</div>
</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possibilities</span> <span class="nx">are</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">including</span> <span class="nx">other</span> <span class="nx">shortcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="R-expand-f6751999cdcd9ebff43c4039a6730bfd" aria-controls="R-expandcontent-f6751999cdcd9ebff43c4039a6730bfd" >
<label class="expand-label" for="R-expand-f6751999cdcd9ebff43c4039a6730bfd" >
<input type="checkbox" id="R-expand-1de7a64e907b0b6115bf80c8798d8b70" aria-controls="R-expandcontent-1de7a64e907b0b6115bf80c8798d8b70" >
<label class="expand-label" for="R-expand-1de7a64e907b0b6115bf80c8798d8b70" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show me almost <strong>endless</strong> possibilities
</label>
<div id="R-expandcontent-f6751999cdcd9ebff43c4039a6730bfd" class="expand-content">
<div id="R-expandcontent-1de7a64e907b0b6115bf80c8798d8b70" class="expand-content">
<p>You can add standard markdown syntax:</p>
<ul>
@ -6448,13 +6466,13 @@ No need to press you!</div>
<p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
<div class="tab-panel" data-tab-group="c0ab607cc2ab82ff4520b769373e6451">
<div class="tab-panel" data-tab-group="9a35da6e73f15b9117338e1d7dee3fac">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c0ab607cc2ab82ff4520b769373e6451','python')"
onclick="switchTab('9a35da6e73f15b9117338e1d7dee3fac','python')"
>
<span class="tab-nav-text">python</span>
</button>
@ -6666,13 +6684,13 @@ No need to press you!</div>
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
</span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
<div class="tab-panel" data-tab-group="a7b02fab103386745d4b9c3ee69e67fd">
<div class="tab-panel" data-tab-group="3611aa05c821720cd4be7b8e4a23d002">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a7b02fab103386745d4b9c3ee69e67fd','python')"
onclick="switchTab('3611aa05c821720cd4be7b8e4a23d002','python')"
>
<span class="tab-nav-text">python</span>
</button>
@ -8168,7 +8186,7 @@ xychart-beta
<div class="sc-openapi-wrapper is-loading helper-loading-container">
<div
class="sc-openapi-container"
id="R-openapi-31c57f1f6f0cd6725a0f68d0e49958f1"
id="R-openapi-401e1460b9fe01fb80df2bab2dfc253d"
data-openapi-url="./shortcodes/openapi/petstore.json"
></div>
</div>
@ -8264,13 +8282,13 @@ xychart-beta
<p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
<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="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="1b46857fb21a796972cdcf06ab971698">
<div class="tab-panel" data-tab-group="d07e8b5057603b927da29a8c849628f4">
<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('1b46857fb21a796972cdcf06ab971698','configtoml')"
onclick="switchTab('d07e8b5057603b927da29a8c849628f4','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -8302,13 +8320,13 @@ xychart-beta
<p>This is especially useful if you want to flag your code example with an explicit language.</p>
<p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/index.html"><code>tabs</code> shortcode</a>.</p>
<div class="tab-panel" data-tab-group="9242f3a386fa1942130fb99f6ac4fd35">
<div class="tab-panel" data-tab-group="da2b821db51f322c8c373d0b94f996b8">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="c"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9242f3a386fa1942130fb99f6ac4fd35','c')"
onclick="switchTab('da2b821db51f322c8c373d0b94f996b8','c')"
>
<span class="tab-nav-text">c</span>
</button>
@ -8413,13 +8431,13 @@ xychart-beta
</span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="bd8f9545f37328749dc3ae32efbd1d6e">
<div class="tab-panel" data-tab-group="8737e20f575e6139a356b02c483a0778">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="code"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd8f9545f37328749dc3ae32efbd1d6e','code')"
onclick="switchTab('8737e20f575e6139a356b02c483a0778','code')"
>
<span class="tab-nav-text">Code</span>
</button>
@ -8441,13 +8459,13 @@ xychart-beta
</span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="d346ec498d2a6be1e4b78c4a1e68f82c">
<div class="tab-panel" data-tab-group="24b6caf1eb9f4644a3790f55f20a1206">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="mixed"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d346ec498d2a6be1e4b78c4a1e68f82c','mixed')"
onclick="switchTab('24b6caf1eb9f4644a3790f55f20a1206','mixed')"
>
<span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
</button>
@ -8492,41 +8510,41 @@ xychart-beta
</span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="65834ff20f7fc3818570073314217e93">
<div class="tab-panel" data-tab-group="a1d9b98042d25e3c30eabc54517a4c84">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="just-colored-style"
class="tab-nav-button tab-panel-style cstyle blue active" tabindex="-1"
onclick="switchTab('65834ff20f7fc3818570073314217e93','just-colored-style')"
onclick="switchTab('a1d9b98042d25e3c30eabc54517a4c84','just-colored-style')"
>
<span class="tab-nav-text">just colored style</span>
</button>
<button
data-tab-item="just-color"
class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('65834ff20f7fc3818570073314217e93','just-color')"
onclick="switchTab('a1d9b98042d25e3c30eabc54517a4c84','just-color')"
>
<span class="tab-nav-text">just color</span>
</button>
<button
data-tab-item="default-style-and-color"
class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('65834ff20f7fc3818570073314217e93','default-style-and-color')"
onclick="switchTab('a1d9b98042d25e3c30eabc54517a4c84','default-style-and-color')"
>
<span class="tab-nav-text">default style and color</span>
</button>
<button
data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info"
onclick="switchTab('65834ff20f7fc3818570073314217e93','just-severity-stylefa-fw-fas-fa-info-circle')"
onclick="switchTab('a1d9b98042d25e3c30eabc54517a4c84','just-severity-stylefa-fw-fas-fa-info-circle')"
>
<span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
</button>
<button
data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('65834ff20f7fc3818570073314217e93','severity-style-and-colorfa-fw-fas-fa-info-circle')"
onclick="switchTab('a1d9b98042d25e3c30eabc54517a4c84','severity-style-and-colorfa-fw-fas-fa-info-circle')"
>
<span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
</button>
@ -8593,27 +8611,27 @@ xychart-beta
<p>This comes in handy eg. for providing code snippets for multiple languages.</p>
<p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/index.html"><code>tab</code> shortcode</a> standalone.</p>
<div class="tab-panel" data-tab-group="96759f36939a6bd9dc13a9e6fadde7a5">
<div class="tab-panel" data-tab-group="4bd0d7ecdad40954b0cba4a271750be9">
<div class="tab-nav">
<div class="tab-nav-title">hello.</div>
<button
data-tab-item="py"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('96759f36939a6bd9dc13a9e6fadde7a5','py')"
onclick="switchTab('4bd0d7ecdad40954b0cba4a271750be9','py')"
>
<span class="tab-nav-text">py</span>
</button>
<button
data-tab-item="sh"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('96759f36939a6bd9dc13a9e6fadde7a5','sh')"
onclick="switchTab('4bd0d7ecdad40954b0cba4a271750be9','sh')"
>
<span class="tab-nav-text">sh</span>
</button>
<button
data-tab-item="c"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('96759f36939a6bd9dc13a9e6fadde7a5','c')"
onclick="switchTab('4bd0d7ecdad40954b0cba4a271750be9','c')"
>
<span class="tab-nav-text">c</span>
</button>
@ -8761,27 +8779,27 @@ xychart-beta
<p>See what happens to the tab views while you select different tabs.</p>
<p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
<div class="tab-panel" data-tab-group="8baba5e2ecbbbc3446c43b7cdc129fae">
<div class="tab-panel" data-tab-group="a8b623121a5c785743ee415ea597c745">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="group-a-tab-view-1"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8baba5e2ecbbbc3446c43b7cdc129fae','group-a-tab-view-1')"
onclick="switchTab('a8b623121a5c785743ee415ea597c745','group-a-tab-view-1')"
>
<span class="tab-nav-text">Group A, Tab View 1</span>
</button>
<button
data-tab-item="group-a-tab-view-2"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('8baba5e2ecbbbc3446c43b7cdc129fae','group-a-tab-view-2')"
onclick="switchTab('a8b623121a5c785743ee415ea597c745','group-a-tab-view-2')"
>
<span class="tab-nav-text">Group A, Tab View 2</span>
</button>
<button
data-tab-item="group-b"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('8baba5e2ecbbbc3446c43b7cdc129fae','group-b')"
onclick="switchTab('a8b623121a5c785743ee415ea597c745','group-b')"
>
<span class="tab-nav-text">Group B</span>
</button>
@ -9138,8 +9156,8 @@ xychart-beta
</div>
</main>
</div>
<script src="./js/clipboard.min.js?1700525733" defer></script>
<script src="./js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="./js/clipboard.min.js?1700697952" defer></script>
<script src="./js/perfect-scrollbar.min.js?1700697952" defer></script>
<script>
function useMathJax( config ){
if( !Object.assign ){
@ -9168,27 +9186,27 @@ xychart-beta
}
useMathJax( JSON.parse("{}") );
</script>
<script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1700525733"></script>
<script src="./js/d3/d3-color.min.js?1700525733" defer></script>
<script src="./js/d3/d3-dispatch.min.js?1700525733" defer></script>
<script src="./js/d3/d3-drag.min.js?1700525733" defer></script>
<script src="./js/d3/d3-ease.min.js?1700525733" defer></script>
<script src="./js/d3/d3-interpolate.min.js?1700525733" defer></script>
<script src="./js/d3/d3-selection.min.js?1700525733" defer></script>
<script src="./js/d3/d3-timer.min.js?1700525733" defer></script>
<script src="./js/d3/d3-transition.min.js?1700525733" defer></script>
<script src="./js/d3/d3-zoom.min.js?1700525733" defer></script>
<script src="./js/js-yaml.min.js?1700525733" defer></script>
<script src="./js/mermaid.min.js?1700525733" defer></script>
<script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1700697952"></script>
<script src="./js/d3/d3-color.min.js?1700697952" defer></script>
<script src="./js/d3/d3-dispatch.min.js?1700697952" defer></script>
<script src="./js/d3/d3-drag.min.js?1700697952" defer></script>
<script src="./js/d3/d3-ease.min.js?1700697952" defer></script>
<script src="./js/d3/d3-interpolate.min.js?1700697952" defer></script>
<script src="./js/d3/d3-selection.min.js?1700697952" defer></script>
<script src="./js/d3/d3-timer.min.js?1700697952" defer></script>
<script src="./js/d3/d3-transition.min.js?1700697952" defer></script>
<script src="./js/d3/d3-zoom.min.js?1700697952" defer></script>
<script src="./js/js-yaml.min.js?1700697952" defer></script>
<script src="./js/mermaid.min.js?1700697952" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script>window.noZensmooth = true;</script>
<script src="./js/swagger-ui/swagger-ui-bundle.js?1700525733" defer></script>
<script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1700525733" defer></script>
<script src="./js/swagger-ui/swagger-ui-bundle.js?1700697952" defer></script>
<script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1700697952" defer></script>
<script>
window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1700525733", assetsBuster: 1700525733 };
window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1700697952", assetsBuster: 1700697952 };
</script>
<script src="./js/theme.js?1700525733" defer></script>
<script src="./js/theme.js?1700697952" defer></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
<link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525732" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525732" rel="stylesheet">
<link href="../../css/fonts.css?1700525732" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525732" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525732" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525732" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525732" rel="stylesheet">
<link href="../../css/print.css?1700525732" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525732" rel="stylesheet">
<script src="../../js/url.js?1700525732"></script>
<script src="../../js/variant.js?1700525732"></script>
<link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697951" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697951" rel="stylesheet">
<link href="../../css/fonts.css?1700697951" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697951" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697951" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697951" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697951" rel="stylesheet">
<link href="../../css/print.css?1700697951" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697951" rel="stylesheet">
<script src="../../js/url.js?1700697951"></script>
<script src="../../js/variant.js?1700697951"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -284,12 +284,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../js/search.js?1700525733" defer></script>
<script src="../../js/auto-complete.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697951" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697951" defer></script>
<script src="../../js/search.js?1700697951" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -379,9 +379,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -446,13 +448,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525733"></script>
<script async src="../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700525732" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697951" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525733" rel="stylesheet">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697952" rel="stylesheet">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
@ -156,8 +156,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../js/theme.js?1700525733" defer></script>
<script src="../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -19,20 +19,20 @@
<meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
<title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
<base href="https://McShelby.github.io/hugo-theme-relearn/">
<link href="../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700525733" rel="stylesheet">
<link href="../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700525733" rel="stylesheet">
<link href="../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../css/ie.css?1700525733" rel="stylesheet">
<script src="../js/url.js?1700525733"></script>
<script src="../js/variant.js?1700525733"></script>
<link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../css/theme.css?1700697952" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1700697952" rel="stylesheet">
<link href="../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../css/ie.css?1700697952" rel="stylesheet">
<script src="../js/url.js?1700697952"></script>
<script src="../js/variant.js?1700697952"></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
@ -42,7 +42,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/branding/index.print.html" rel="alternate" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -96,6 +96,7 @@
<li><a href="#theme-variant-advanced">Change th' Variant (Advanced)</a>
<ul>
<li><a href="#parameter">Parameter</a></li>
<li><a href="#example-configuration-of-this-site">Example Configurat'n o' This Ship</a></li>
</ul>
</li>
</ul>
@ -182,7 +183,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That&rsquo;s it.</p>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code> t' become an auto mode variant. That&rsquo;s it.</p>
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don&rsquo;t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
@ -239,9 +240,33 @@
<td>see notes</td>
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, th' variant be treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has th' same behavior as th' <code>themeVariantAuto</code> opt'n. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode. Defin'n auto mode variants wit' th' advanced opt'ns has th' benefit that ye can now have multiple auto mode variants instead o' just one wit' th' simple opt'ns.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -338,12 +363,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -433,9 +458,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -500,13 +527,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="canonical" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -124,7 +124,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That&rsquo;s it.</p>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code> t' become an auto mode variant. That&rsquo;s it.</p>
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don&rsquo;t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
@ -181,9 +181,33 @@
<td>see notes</td>
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, th' variant be treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has th' same behavior as th' <code>themeVariantAuto</code> opt'n. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode. Defin'n auto mode variants wit' th' advanced opt'ns has th' benefit that ye can now have multiple auto mode variants instead o' just one wit' th' simple opt'ns.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -199,8 +223,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -142,13 +142,13 @@
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="3af05215a9c9c79b60a95735d81c4236">
<div class="tab-panel" data-tab-group="33288630c8becb79f345305399fd8fa9">
<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('3af05215a9c9c79b60a95735d81c4236','configtoml')"
onclick="switchTab('33288630c8becb79f345305399fd8fa9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -223,26 +223,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># Ye can also define yer own variants. See th' docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' docs provide an interactive theme generator t' help ye wit' this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by th' first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@ -673,12 +667,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -768,9 +762,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -835,13 +831,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -103,13 +103,13 @@
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="3af05215a9c9c79b60a95735d81c4236">
<div class="tab-panel" data-tab-group="33288630c8becb79f345305399fd8fa9">
<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('3af05215a9c9c79b60a95735d81c4236','configtoml')"
onclick="switchTab('33288630c8becb79f345305399fd8fa9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -184,26 +184,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># Ye can also define yer own variants. See th' docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' docs provide an interactive theme generator t' help ye wit' this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by th' first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@ -553,8 +547,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -177,8 +177,8 @@
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-a63d9f35792d51f3fe00646ffd943ccb" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-a63d9f35792d51f3fe00646ffd943ccb"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-c0f4ffed1ca5905acaf2222772bc7a87" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-c0f4ffed1ca5905acaf2222772bc7a87"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@ -219,8 +219,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-4c3da87119f0d91d361a565a33670b9b" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-4c3da87119f0d91d361a565a33670b9b"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-450c230643e84059105dd1a85d72aa68" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-450c230643e84059105dd1a85d72aa68"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -401,12 +401,12 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -496,9 +496,11 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -563,13 +565,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -119,8 +119,8 @@
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-a63d9f35792d51f3fe00646ffd943ccb" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-a63d9f35792d51f3fe00646ffd943ccb"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-c0f4ffed1ca5905acaf2222772bc7a87" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-c0f4ffed1ca5905acaf2222772bc7a87"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@ -161,8 +161,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-4c3da87119f0d91d361a565a33670b9b" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-4c3da87119f0d91d361a565a33670b9b"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-450c230643e84059105dd1a85d72aa68" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-450c230643e84059105dd1a85d72aa68"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -262,8 +262,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -136,13 +136,13 @@
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-52f0e07d7f9ed7db834823204655ceb7" aria-controls="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" >
<label class="expand-label" for="R-expand-52f0e07d7f9ed7db834823204655ceb7" >
<input type="checkbox" id="R-expand-46b7f1960b5d266a476b23f83989b416" aria-controls="R-expandcontent-46b7f1960b5d266a476b23f83989b416" >
<label class="expand-label" for="R-expand-46b7f1960b5d266a476b23f83989b416" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instruct'ns
</label>
<div id="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" class="expand-content">
<div id="R-expandcontent-46b7f1960b5d266a476b23f83989b416" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@ -281,12 +281,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -376,9 +376,11 @@ window.variants && variants.generator( '#R-vargenerator' );
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -443,27 +445,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-color.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1700525734" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1700525734" defer></script>
<script src="../../../js/js-yaml.min.js?1700525734" defer></script>
<script src="../../../js/mermaid.min.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-color.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1700697953" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1700697953" defer></script>
<script src="../../../js/js-yaml.min.js?1700697953" defer></script>
<script src="../../../js/mermaid.min.js?1700697953" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -97,13 +97,13 @@
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-52f0e07d7f9ed7db834823204655ceb7" aria-controls="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" >
<label class="expand-label" for="R-expand-52f0e07d7f9ed7db834823204655ceb7" >
<input type="checkbox" id="R-expand-46b7f1960b5d266a476b23f83989b416" aria-controls="R-expandcontent-46b7f1960b5d266a476b23f83989b416" >
<label class="expand-label" for="R-expand-46b7f1960b5d266a476b23f83989b416" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instruct'ns
</label>
<div id="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" class="expand-content">
<div id="R-expandcontent-46b7f1960b5d266a476b23f83989b416" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@ -161,22 +161,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-color.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1700525735" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1700525735" defer></script>
<script src="../../../js/js-yaml.min.js?1700525735" defer></script>
<script src="../../../js/mermaid.min.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-color.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1700697954" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1700697954" defer></script>
<script src="../../../js/js-yaml.min.js?1700697954" defer></script>
<script src="../../../js/mermaid.min.js?1700697954" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -2257,12 +2257,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2352,9 +2352,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -2419,13 +2421,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -1428,8 +1428,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -224,12 +224,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../js/search.js?1700525734" defer></script>
<script src="../../js/auto-complete.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -319,9 +319,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -386,13 +388,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525734"></script>
<script async src="../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../js/theme.js?1700525734" defer></script>
<script src="../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../js/url.js?1700525735"></script>
<script src="../../js/variant.js?1700525735"></script>
<link href="../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../js/url.js?1700697954"></script>
<script src="../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -139,8 +139,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' provide an extended way t' configure th' automatic switch o' variants based on yer OS sett'ns.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li>
</ul>
<hr>
@ -996,8 +996,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-d045e1efc57f3d3fc2ba65bc67017199" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d045e1efc57f3d3fc2ba65bc67017199"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f628a90f295b9755e3a248b64e27c509" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f628a90f295b9755e3a248b64e27c509"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
@ -1047,8 +1047,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9d70debd2d9b8800223541c02866e0a7" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-9d70debd2d9b8800223541c02866e0a7"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f74b3dba6c5b87761c9cc8bbc462deb4" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-f74b3dba6c5b87761c9cc8bbc462deb4"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n 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 basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -1097,13 +1097,13 @@
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="3af05215a9c9c79b60a95735d81c4236">
<div class="tab-panel" data-tab-group="33288630c8becb79f345305399fd8fa9">
<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('3af05215a9c9c79b60a95735d81c4236','configtoml')"
onclick="switchTab('33288630c8becb79f345305399fd8fa9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1178,26 +1178,20 @@
</span></span><span class="line"><span class="cl"><span class="c"># Ye can also define yer own variants. See th' docs how this works. Also,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' docs provide an interactive theme generator t' help ye wit' this task.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;auto&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-bright&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span><span class="p">,</span> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span><span class="p">,</span> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;learn&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blue&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;green&#34;</span> <span class="p">},</span>
</span></span><span class="line"><span class="cl"> <span class="p">{</span> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;red&#34;</span> <span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ &#34;relearn-light&#34;, &#34;relearn-dark&#34; ], overwritten by th' first</span>
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
</span></span><span class="line"><span class="cl"><span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># General</span>
</span></span><span class="line"><span class="cl"><span class="c"># These opt'ns be defin'n general, non visual behavior.</span>
@ -1580,7 +1574,7 @@
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That&rsquo;s it.</p>
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code> t' become an auto mode variant. That&rsquo;s it.</p>
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;auto&#34;</span><span class="p">,</span> <span class="s2">&#34;red&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don&rsquo;t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
@ -1637,9 +1631,33 @@
<td>see notes</td>
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
</tr>
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, th' variant be treated as an <a href="#adjust-to-os-settings">auto mode variant</a>. It has th' same behavior as th' <code>themeVariantAuto</code> opt'n. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode. Defin'n auto mode variants wit' th' advanced opt'ns has th' benefit that ye can now have multiple auto mode variants instead o' just one wit' th' simple opt'ns.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<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="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Relearn Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;relearn-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-auto&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Zen Light/Dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">auto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;zen-light&#34;</span><span class="p">,</span> <span class="s2">&#34;zen-dark&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-light&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;zen-dark&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;neon&#34;</span></span></span></code></pre></div>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -1683,8 +1701,8 @@
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<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="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-a63d9f35792d51f3fe00646ffd943ccb" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-a63d9f35792d51f3fe00646ffd943ccb"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-c0f4ffed1ca5905acaf2222772bc7a87" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search 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-c0f4ffed1ca5905acaf2222772bc7a87"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@ -1725,8 +1743,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<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="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-4c3da87119f0d91d361a565a33670b9b" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-4c3da87119f0d91d361a565a33670b9b"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-450c230643e84059105dd1a85d72aa68" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" 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-450c230643e84059105dd1a85d72aa68"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -1832,13 +1850,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-52f0e07d7f9ed7db834823204655ceb7" aria-controls="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" >
<label class="expand-label" for="R-expand-52f0e07d7f9ed7db834823204655ceb7" >
<input type="checkbox" id="R-expand-46b7f1960b5d266a476b23f83989b416" aria-controls="R-expandcontent-46b7f1960b5d266a476b23f83989b416" >
<label class="expand-label" for="R-expand-46b7f1960b5d266a476b23f83989b416" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instruct'ns
</label>
<div id="R-expandcontent-52f0e07d7f9ed7db834823204655ceb7" class="expand-content">
<div id="R-expandcontent-46b7f1960b5d266a476b23f83989b416" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
@ -1900,8 +1918,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-be5110ed7098b29c554e5d4e17b81c5d" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-be5110ed7098b29c554e5d4e17b81c5d"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3bce7fccaf80d6de39267ec626cfcefe" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bce7fccaf80d6de39267ec626cfcefe"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip">
@ -1913,8 +1931,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
<h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-32288507b2090cf79d2cb98070ffc626" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32288507b2090cf79d2cb98070ffc626"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-607f48ec9861c60e9a220ae32a57752f" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f48ec9861c60e9a220ae32a57752f"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -3571,22 +3589,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-color.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700525735" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700525735" defer></script>
<script src="../../js/js-yaml.min.js?1700525735" defer></script>
<script src="../../js/mermaid.min.js?1700525735" defer></script>
<script src="../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-color.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-drag.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-ease.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-selection.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-timer.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-transition.min.js?1700697954" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1700697954" defer></script>
<script src="../../js/js-yaml.min.js?1700697954" defer></script>
<script src="../../js/mermaid.min.js?1700697954" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1700525735" defer></script>
<script src="../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -179,8 +179,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9d70debd2d9b8800223541c02866e0a7" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-9d70debd2d9b8800223541c02866e0a7"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f74b3dba6c5b87761c9cc8bbc462deb4" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-f74b3dba6c5b87761c9cc8bbc462deb4"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n 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 basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -298,12 +298,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -393,9 +393,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -460,13 +462,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -125,8 +125,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9d70debd2d9b8800223541c02866e0a7" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-9d70debd2d9b8800223541c02866e0a7"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f74b3dba6c5b87761c9cc8bbc462deb4" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" 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-f74b3dba6c5b87761c9cc8bbc462deb4"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n 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 basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -163,8 +163,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -213,8 +213,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' provide an extended way t' configure th' automatic switch o' variants based on yer OS sett'ns.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li>
</ul>
<hr>
@ -1146,12 +1146,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1241,9 +1241,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -1308,13 +1310,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -124,8 +124,8 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' provide an extended way t' configure th' automatic switch o' variants based on yer OS sett'ns.</p>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li>
</ul>
<hr>
@ -976,8 +976,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -126,8 +126,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-d045e1efc57f3d3fc2ba65bc67017199" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d045e1efc57f3d3fc2ba65bc67017199"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f628a90f295b9755e3a248b64e27c509" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f628a90f295b9755e3a248b64e27c509"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
@ -224,12 +224,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -319,9 +319,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -386,13 +388,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -96,8 +96,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-d045e1efc57f3d3fc2ba65bc67017199" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d045e1efc57f3d3fc2ba65bc67017199"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-f628a90f295b9755e3a248b64e27c509" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f628a90f295b9755e3a248b64e27c509"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
@ -113,8 +113,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -155,8 +155,8 @@
<p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-be5110ed7098b29c554e5d4e17b81c5d" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-be5110ed7098b29c554e5d4e17b81c5d"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3bce7fccaf80d6de39267ec626cfcefe" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bce7fccaf80d6de39267ec626cfcefe"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip">
@ -168,8 +168,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-32288507b2090cf79d2cb98070ffc626" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32288507b2090cf79d2cb98070ffc626"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-607f48ec9861c60e9a220ae32a57752f" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f48ec9861c60e9a220ae32a57752f"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -569,12 +569,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -664,9 +664,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -731,13 +733,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -95,8 +95,8 @@
<p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-be5110ed7098b29c554e5d4e17b81c5d" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-be5110ed7098b29c554e5d4e17b81c5d"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-3bce7fccaf80d6de39267ec626cfcefe" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3bce7fccaf80d6de39267ec626cfcefe"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip">
@ -108,8 +108,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-32288507b2090cf79d2cb98070ffc626" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-32288507b2090cf79d2cb98070ffc626"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-607f48ec9861c60e9a220ae32a57752f" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f48ec9861c60e9a220ae32a57752f"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -428,8 +428,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
<link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -228,12 +228,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525735" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../js/search.js?1700525735" defer></script>
<script src="../../js/auto-complete.js?1700697954" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -323,9 +323,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -390,13 +392,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525735"></script>
<script async src="../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../js/theme.js?1700525735" defer></script>
<script src="../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -217,12 +217,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -312,9 +312,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -379,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -22,20 +22,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -45,7 +45,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -222,12 +222,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525735" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525735" defer></script>
<script src="../../../js/search.js?1700525735" defer></script>
<script src="../../../js/auto-complete.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697954" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697954" defer></script>
<script src="../../../js/search.js?1700697954" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -317,9 +317,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -384,13 +386,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525735"></script>
<script async src="../../../js/github-buttons.js?1700697954"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -155,8 +155,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
<p><a href="#R-image-c14f410863162434966b193edd277064" 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-c14f410863162434966b193edd277064"><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-46441923928e252d61c857264dfedd40" 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-46441923928e252d61c857264dfedd40"><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>T' create a home plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</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 plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
<p><a href="#R-image-be644194dfdfa0def8629e150bcc656b" 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-be644194dfdfa0def8629e150bcc656b"><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-c863c1e681cdebc8ce46b669181055e8" 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-c863c1e681cdebc8ce46b669181055e8"><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>T' create a chapter plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</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 th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
<p><a href="#R-image-a792fc9566ab89d544de6f97c022f91a" 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-a792fc9566ab89d544de6f97c022f91a"><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-cd56e4278f5526b6621add3c2ffef0e2" 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-cd56e4278f5526b6621add3c2ffef0e2"><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>T' create a default plank, run either one o' th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</p>
@ -313,12 +313,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -408,9 +408,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -475,13 +477,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" defer></script>
</body>
</html>

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="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="canonical" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -99,8 +99,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
<p><a href="#R-image-c14f410863162434966b193edd277064" 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-c14f410863162434966b193edd277064"><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-46441923928e252d61c857264dfedd40" 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-46441923928e252d61c857264dfedd40"><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>T' create a home plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</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 plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
<p><a href="#R-image-be644194dfdfa0def8629e150bcc656b" 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-be644194dfdfa0def8629e150bcc656b"><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-c863c1e681cdebc8ce46b669181055e8" 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-c863c1e681cdebc8ce46b669181055e8"><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>T' create a chapter plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</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 th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
<p><a href="#R-image-a792fc9566ab89d544de6f97c022f91a" 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-a792fc9566ab89d544de6f97c022f91a"><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-cd56e4278f5526b6621add3c2ffef0e2" 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-cd56e4278f5526b6621add3c2ffef0e2"><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>T' create a default plank, run either one o' th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</p>
@ -176,8 +176,8 @@
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -152,8 +152,8 @@
<li>Automatic menu generat'n from multilingual rrrambl'n</li>
<li>In-browser language switch'n</li>
</ul>
<p><a href="#R-image-70394f4d09f0a65864ad157665d1d8cc" 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-70394f4d09f0a65864ad157665d1d8cc"><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-37ad4e7f4a5443e2ead5a0b13db76d81" 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-37ad4e7f4a5443e2ead5a0b13db76d81"><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 configurat'n</h2>
<p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
<p>For example wit' current English an' Piratized English website.</p>
@ -335,12 +335,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -430,9 +430,11 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -497,13 +499,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../../js/theme.js?1700697953" 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="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -101,8 +101,8 @@
<li>Automatic menu generat'n from multilingual rrrambl'n</li>
<li>In-browser language switch'n</li>
</ul>
<p><a href="#R-image-70394f4d09f0a65864ad157665d1d8cc" 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-70394f4d09f0a65864ad157665d1d8cc"><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-37ad4e7f4a5443e2ead5a0b13db76d81" 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-37ad4e7f4a5443e2ead5a0b13db76d81"><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 configurat'n</h2>
<p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
<p>For example wit' current English an' Piratized English website.</p>
@ -203,8 +203,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -32,20 +32,20 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -55,7 +55,7 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -154,13 +154,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
<div class="tab-panel" data-tab-group="a6666e486004a00c00c1ff56e3a314b4">
<div class="tab-panel" data-tab-group="687b5bf0ca2c3e5f69a48ae21286a3ca">
<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('a6666e486004a00c00c1ff56e3a314b4','configtoml')"
onclick="switchTab('687b5bf0ca2c3e5f69a48ae21286a3ca','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -181,13 +181,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>This can be overridden 'n a planks frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="36633fc15468f31c9b7cdcbd168d37a9">
<div class="tab-panel" data-tab-group="300a0f4624ca8d9697ccdd8eb947e7e4">
<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('36633fc15468f31c9b7cdcbd168d37a9','frontmatter')"
onclick="switchTab('300a0f4624ca8d9697ccdd8eb947e7e4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -207,13 +207,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>Or by explicitly override sett'ns by URL query parameter</p>
<div class="tab-panel" data-tab-group="9306f0464897ba5c9a68ae4011b439c5">
<div class="tab-panel" data-tab-group="cf4ff04f764ab6750053b7735d1b8a7e">
<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('9306f0464897ba5c9a68ae4011b439c5','url')"
onclick="switchTab('cf4ff04f764ab6750053b7735d1b8a7e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -230,13 +230,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>Th' sett'ns applied t' th' above image would be</p>
<div class="tab-panel" data-tab-group="3a90fec70d384e04812a109a67d8ff8b">
<div class="tab-panel" data-tab-group="dee7cf005be7771af2cbd980fbb6069b">
<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('3a90fec70d384e04812a109a67d8ff8b','result')"
onclick="switchTab('dee7cf005be7771af2cbd980fbb6069b','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -256,13 +256,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
<div class="tab-panel" data-tab-group="1d6f6b9464e10ce2bf2136199fc86a6b">
<div class="tab-panel" data-tab-group="c8de0f9bbbdbd7eecb37085a7d5b682e">
<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('1d6f6b9464e10ce2bf2136199fc86a6b','html')"
onclick="switchTab('c8de0f9bbbdbd7eecb37085a7d5b682e','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -376,12 +376,12 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../../js/search.js?1700525733" defer></script>
<script src="../../../js/auto-complete.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -471,9 +471,11 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -538,13 +540,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525733"></script>
<script async src="../../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../../js/theme.js?1700525733" defer></script>
<script src="../../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -32,21 +32,21 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<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/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -56,7 +56,7 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -110,13 +110,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
<p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
<div class="tab-panel" data-tab-group="a6666e486004a00c00c1ff56e3a314b4">
<div class="tab-panel" data-tab-group="687b5bf0ca2c3e5f69a48ae21286a3ca">
<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('a6666e486004a00c00c1ff56e3a314b4','configtoml')"
onclick="switchTab('687b5bf0ca2c3e5f69a48ae21286a3ca','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -137,13 +137,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>This can be overridden 'n a planks frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="36633fc15468f31c9b7cdcbd168d37a9">
<div class="tab-panel" data-tab-group="300a0f4624ca8d9697ccdd8eb947e7e4">
<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('36633fc15468f31c9b7cdcbd168d37a9','frontmatter')"
onclick="switchTab('300a0f4624ca8d9697ccdd8eb947e7e4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -163,13 +163,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>Or by explicitly override sett'ns by URL query parameter</p>
<div class="tab-panel" data-tab-group="9306f0464897ba5c9a68ae4011b439c5">
<div class="tab-panel" data-tab-group="cf4ff04f764ab6750053b7735d1b8a7e">
<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('9306f0464897ba5c9a68ae4011b439c5','url')"
onclick="switchTab('cf4ff04f764ab6750053b7735d1b8a7e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -186,13 +186,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>Th' sett'ns applied t' th' above image would be</p>
<div class="tab-panel" data-tab-group="3a90fec70d384e04812a109a67d8ff8b">
<div class="tab-panel" data-tab-group="dee7cf005be7771af2cbd980fbb6069b">
<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('3a90fec70d384e04812a109a67d8ff8b','result')"
onclick="switchTab('dee7cf005be7771af2cbd980fbb6069b','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -212,13 +212,13 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
<div class="tab-panel" data-tab-group="1d6f6b9464e10ce2bf2136199fc86a6b">
<div class="tab-panel" data-tab-group="c8de0f9bbbdbd7eecb37085a7d5b682e">
<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('1d6f6b9464e10ce2bf2136199fc86a6b','html')"
onclick="switchTab('c8de0f9bbbdbd7eecb37085a7d5b682e','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -251,8 +251,8 @@ Without any sett&#39;ns &#39;n yer config.toml this defaults t&#39;">
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -23,20 +23,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
<link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/cont/index.print.html" rel="alternate" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../js/url.js?1700525733"></script>
<script src="../../js/variant.js?1700525733"></script>
<link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../js/url.js?1700697952"></script>
<script src="../../js/variant.js?1700697952"></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
@ -46,7 +46,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -224,12 +224,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../js/search.js?1700525734" defer></script>
<script src="../../js/auto-complete.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700697953" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700697953" defer></script>
<script src="../../js/search.js?1700697953" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -319,9 +319,11 @@
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -386,13 +388,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700525734"></script>
<script async src="../../js/github-buttons.js?1700697953"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../js/theme.js?1700525734" defer></script>
<script src="../../js/clipboard.min.js?1700697953" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697953" defer></script>
<script src="../../js/theme.js?1700697953" 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="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="canonical" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../js/url.js?1700525735"></script>
<script src="../../js/variant.js?1700525735"></script>
<link href="../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../js/url.js?1700697954"></script>
<script src="../../js/variant.js?1700697954"></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
@ -47,7 +47,7 @@
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -185,8 +185,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-d55975adeb64483cee35d1996c0ff65f" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' 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-d55975adeb64483cee35d1996c0ff65f"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' 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-97fc5c22d2205d41a026c974f6c9ce9b" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' 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-97fc5c22d2205d41a026c974f6c9ce9b"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
<p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
<p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@ -236,8 +236,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
<p><a href="#R-image-c14f410863162434966b193edd277064" 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-c14f410863162434966b193edd277064"><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-46441923928e252d61c857264dfedd40" 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-46441923928e252d61c857264dfedd40"><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>T' create a home plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -247,8 +247,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer 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 plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
<p><a href="#R-image-be644194dfdfa0def8629e150bcc656b" 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-be644194dfdfa0def8629e150bcc656b"><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-c863c1e681cdebc8ce46b669181055e8" 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-c863c1e681cdebc8ce46b669181055e8"><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>T' create a chapter plank, run th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -260,8 +260,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
<h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
<p><a href="#R-image-a792fc9566ab89d544de6f97c022f91a" 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-a792fc9566ab89d544de6f97c022f91a"><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-cd56e4278f5526b6621add3c2ffef0e2" 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-cd56e4278f5526b6621add3c2ffef0e2"><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>T' create a default plank, run either one o' th' follow'n 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 t' a file wit' th' follow'n rrrambl'n</p>
@ -835,8 +835,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d102233d9d0138fc5defd93c4680ad0d" 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-d102233d9d0138fc5defd93c4680ad0d"><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-85fc1a9b4d2346568268ce2d1bc3d503" 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-85fc1a9b4d2346568268ce2d1bc3d503"><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 wit' Tooltip</h3>
@ -846,8 +846,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0149d024b7eddf3e0076851065ec66ea" 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-0149d024b7eddf3e0076851065ec66ea"><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-f2b4d6318fa7d80a87412628c990db51" 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-f2b4d6318fa7d80a87412628c990db51"><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>
@ -859,8 +859,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-24c6bd85622f1c9d2a028015103aefed" 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-24c6bd85622f1c9d2a028015103aefed"><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-78cca16d14addd3a3275d3cfd60fa060" 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-78cca16d14addd3a3275d3cfd60fa060"><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>
@ -872,8 +872,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-2223114194645eca39dd33cdaea61bed" 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-2223114194645eca39dd33cdaea61bed"><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-eacbf0dcf1ae5f933a9256a5c7d42a23" 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-eacbf0dcf1ae5f933a9256a5c7d42a23"><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>
@ -881,8 +881,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-9a10eb837968eba2af68a5fb99d2318d" 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-9a10eb837968eba2af68a5fb99d2318d"><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-589e2c7f739a1d1efe3c6d7b3f1eb864" 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-589e2c7f739a1d1efe3c6d7b3f1eb864"><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>
@ -890,8 +890,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-f144f18693f874586254788d12f7a960" 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-f144f18693f874586254788d12f7a960"><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-791529c748fe4fc18df9a5d515c3b81a" 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-791529c748fe4fc18df9a5d515c3b81a"><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>
@ -902,8 +902,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-4c562bdaaa198cd2d4f240ae13f526fa" 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-4c562bdaaa198cd2d4f240ae13f526fa"><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-72fe9333ba11e382e7868b886b95f79d" 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-72fe9333ba11e382e7868b886b95f79d"><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>
@ -912,8 +912,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7bb457a3fe1a41c4dfc7246e39f6dd80" 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-7bb457a3fe1a41c4dfc7246e39f6dd80"><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-4fdcd64acf6a54e44ca2d2c2469f2b1d" 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-4fdcd64acf6a54e44ca2d2c2469f2b1d"><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>
@ -922,8 +922,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7436a54f9c59716107e47564d63f6b0d" 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-7436a54f9c59716107e47564d63f6b0d"><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-198eb52d0f58ff53e79cf9ab552468ad" 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-198eb52d0f58ff53e79cf9ab552468ad"><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>
@ -932,8 +932,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-487c627580865b87b59508c8a360259d" 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-487c627580865b87b59508c8a360259d"><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-92fc6ad4cc09eab62d67c76f1352df5d" 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-92fc6ad4cc09eab62d67c76f1352df5d"><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>
@ -945,14 +945,14 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-bf95befaadcfae5ee9010e8c25ff246b" 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-bf95befaadcfae5ee9010e8c25ff246b"><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-caced1efa234c5acf8e46d760abd6b66" 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-caced1efa234c5acf8e46d760abd6b66"><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-f57681a0ea4f6b1098292011381e9a16" 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-f57681a0ea4f6b1098292011381e9a16"><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-25a8043a9474efa9d41f8b465fae49f0" 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-25a8043a9474efa9d41f8b465fae49f0"><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-c540afb7e4bbab459fc34f1f86733ba0" 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-c540afb7e4bbab459fc34f1f86733ba0"><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-2115589c6288d24e0f9e970d345860c2" 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-2115589c6288d24e0f9e970d345860c2"><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-d6903e3814c786575c4a8a069e8fdd76" 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-d6903e3814c786575c4a8a069e8fdd76"><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-90792f669c703a3064bec8a98401cf4c" 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-90792f669c703a3064bec8a98401cf4c"><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">Combinat'n</h5>
@ -961,8 +961,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-daa7c7ad08de77f69a3a46d057a715f4" 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-daa7c7ad08de77f69a3a46d057a715f4"><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-802a04f070edc67bba8f6d31a6bcf722" 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-802a04f070edc67bba8f6d31a6bcf722"><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>
@ -1003,13 +1003,13 @@ line 3 o' code
<p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
<div class="tab-panel" data-tab-group="a6666e486004a00c00c1ff56e3a314b4">
<div class="tab-panel" data-tab-group="687b5bf0ca2c3e5f69a48ae21286a3ca">
<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('a6666e486004a00c00c1ff56e3a314b4','configtoml')"
onclick="switchTab('687b5bf0ca2c3e5f69a48ae21286a3ca','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1030,13 +1030,13 @@ line 3 o' code
</div><p>This can be overridden 'n a planks frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="36633fc15468f31c9b7cdcbd168d37a9">
<div class="tab-panel" data-tab-group="300a0f4624ca8d9697ccdd8eb947e7e4">
<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('36633fc15468f31c9b7cdcbd168d37a9','frontmatter')"
onclick="switchTab('300a0f4624ca8d9697ccdd8eb947e7e4','frontmatter')"
>
<span class="tab-nav-text">frontmatter</span>
</button>
@ -1056,13 +1056,13 @@ line 3 o' code
</div><p>Or by explicitly override sett'ns by URL query parameter</p>
<div class="tab-panel" data-tab-group="9306f0464897ba5c9a68ae4011b439c5">
<div class="tab-panel" data-tab-group="cf4ff04f764ab6750053b7735d1b8a7e">
<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('9306f0464897ba5c9a68ae4011b439c5','url')"
onclick="switchTab('cf4ff04f764ab6750053b7735d1b8a7e','url')"
>
<span class="tab-nav-text">URL</span>
</button>
@ -1079,13 +1079,13 @@ line 3 o' code
</div><p>Th' sett'ns applied t' th' above image would be</p>
<div class="tab-panel" data-tab-group="3a90fec70d384e04812a109a67d8ff8b">
<div class="tab-panel" data-tab-group="dee7cf005be7771af2cbd980fbb6069b">
<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('3a90fec70d384e04812a109a67d8ff8b','result')"
onclick="switchTab('dee7cf005be7771af2cbd980fbb6069b','result')"
>
<span class="tab-nav-text">Result</span>
</button>
@ -1105,13 +1105,13 @@ line 3 o' code
</div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
<div class="tab-panel" data-tab-group="1d6f6b9464e10ce2bf2136199fc86a6b">
<div class="tab-panel" data-tab-group="c8de0f9bbbdbd7eecb37085a7d5b682e">
<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('1d6f6b9464e10ce2bf2136199fc86a6b','html')"
onclick="switchTab('c8de0f9bbbdbd7eecb37085a7d5b682e','html')"
>
<span class="tab-nav-text">HTML</span>
</button>
@ -1290,8 +1290,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
<li>Automatic menu generat'n from multilingual rrrambl'n</li>
<li>In-browser language switch'n</li>
</ul>
<p><a href="#R-image-70394f4d09f0a65864ad157665d1d8cc" 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-70394f4d09f0a65864ad157665d1d8cc"><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-37ad4e7f4a5443e2ead5a0b13db76d81" 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-37ad4e7f4a5443e2ead5a0b13db76d81"><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 configurat'n</h2>
<p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
<p>For example wit' current English an' Piratized English website.</p>
@ -1484,8 +1484,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../js/theme.js?1700525735" defer></script>
<script src="../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -30,20 +30,20 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/markdown/index.print.html" rel="alternate" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -53,7 +53,7 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -712,8 +712,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d102233d9d0138fc5defd93c4680ad0d" 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-d102233d9d0138fc5defd93c4680ad0d"><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-85fc1a9b4d2346568268ce2d1bc3d503" 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-85fc1a9b4d2346568268ce2d1bc3d503"><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 wit' Tooltip</h3>
@ -723,8 +723,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0149d024b7eddf3e0076851065ec66ea" 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-0149d024b7eddf3e0076851065ec66ea"><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-f2b4d6318fa7d80a87412628c990db51" 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-f2b4d6318fa7d80a87412628c990db51"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-24c6bd85622f1c9d2a028015103aefed" 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-24c6bd85622f1c9d2a028015103aefed"><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-78cca16d14addd3a3275d3cfd60fa060" 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-78cca16d14addd3a3275d3cfd60fa060"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-2223114194645eca39dd33cdaea61bed" 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-2223114194645eca39dd33cdaea61bed"><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-eacbf0dcf1ae5f933a9256a5c7d42a23" 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-eacbf0dcf1ae5f933a9256a5c7d42a23"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-9a10eb837968eba2af68a5fb99d2318d" 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-9a10eb837968eba2af68a5fb99d2318d"><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-589e2c7f739a1d1efe3c6d7b3f1eb864" 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-589e2c7f739a1d1efe3c6d7b3f1eb864"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-f144f18693f874586254788d12f7a960" 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-f144f18693f874586254788d12f7a960"><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-791529c748fe4fc18df9a5d515c3b81a" 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-791529c748fe4fc18df9a5d515c3b81a"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-4c562bdaaa198cd2d4f240ae13f526fa" 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-4c562bdaaa198cd2d4f240ae13f526fa"><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-72fe9333ba11e382e7868b886b95f79d" 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-72fe9333ba11e382e7868b886b95f79d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7bb457a3fe1a41c4dfc7246e39f6dd80" 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-7bb457a3fe1a41c4dfc7246e39f6dd80"><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-4fdcd64acf6a54e44ca2d2c2469f2b1d" 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-4fdcd64acf6a54e44ca2d2c2469f2b1d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7436a54f9c59716107e47564d63f6b0d" 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-7436a54f9c59716107e47564d63f6b0d"><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-198eb52d0f58ff53e79cf9ab552468ad" 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-198eb52d0f58ff53e79cf9ab552468ad"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-487c627580865b87b59508c8a360259d" 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-487c627580865b87b59508c8a360259d"><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-92fc6ad4cc09eab62d67c76f1352df5d" 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-92fc6ad4cc09eab62d67c76f1352df5d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-bf95befaadcfae5ee9010e8c25ff246b" 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-bf95befaadcfae5ee9010e8c25ff246b"><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-caced1efa234c5acf8e46d760abd6b66" 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-caced1efa234c5acf8e46d760abd6b66"><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-f57681a0ea4f6b1098292011381e9a16" 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-f57681a0ea4f6b1098292011381e9a16"><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-25a8043a9474efa9d41f8b465fae49f0" 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-25a8043a9474efa9d41f8b465fae49f0"><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-c540afb7e4bbab459fc34f1f86733ba0" 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-c540afb7e4bbab459fc34f1f86733ba0"><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-2115589c6288d24e0f9e970d345860c2" 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-2115589c6288d24e0f9e970d345860c2"><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-d6903e3814c786575c4a8a069e8fdd76" 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-d6903e3814c786575c4a8a069e8fdd76"><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-90792f669c703a3064bec8a98401cf4c" 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-90792f669c703a3064bec8a98401cf4c"><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">Combinat'n</h5>
@ -838,8 +838,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-daa7c7ad08de77f69a3a46d057a715f4" 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-daa7c7ad08de77f69a3a46d057a715f4"><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-802a04f070edc67bba8f6d31a6bcf722" 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-802a04f070edc67bba8f6d31a6bcf722"><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>
@ -951,12 +951,12 @@ line 3 o' code
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525734" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525734" defer></script>
<script src="../../../js/search.js?1700525734" defer></script>
<script src="../../../js/auto-complete.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1046,9 +1046,11 @@ line 3 o' code
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -1113,13 +1115,13 @@ line 3 o' code
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525734"></script>
<script async src="../../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525734" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525734" defer></script>
<script src="../../../js/theme.js?1700525734" defer></script>
<script src="../../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -30,21 +30,21 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
<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/pir/cont/markdown/index.html" rel="canonical" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -54,7 +54,7 @@ Marrrkdown be simple t&#39; learn, wit&#39; minimal extra characters so it&rsquo
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -620,8 +620,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-d102233d9d0138fc5defd93c4680ad0d" 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-d102233d9d0138fc5defd93c4680ad0d"><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-85fc1a9b4d2346568268ce2d1bc3d503" 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-85fc1a9b4d2346568268ce2d1bc3d503"><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 wit' Tooltip</h3>
@ -631,8 +631,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-0149d024b7eddf3e0076851065ec66ea" 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-0149d024b7eddf3e0076851065ec66ea"><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-f2b4d6318fa7d80a87412628c990db51" 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-f2b4d6318fa7d80a87412628c990db51"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-24c6bd85622f1c9d2a028015103aefed" 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-24c6bd85622f1c9d2a028015103aefed"><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-78cca16d14addd3a3275d3cfd60fa060" 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-78cca16d14addd3a3275d3cfd60fa060"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-2223114194645eca39dd33cdaea61bed" 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-2223114194645eca39dd33cdaea61bed"><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-eacbf0dcf1ae5f933a9256a5c7d42a23" 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-eacbf0dcf1ae5f933a9256a5c7d42a23"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-9a10eb837968eba2af68a5fb99d2318d" 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-9a10eb837968eba2af68a5fb99d2318d"><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-589e2c7f739a1d1efe3c6d7b3f1eb864" 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-589e2c7f739a1d1efe3c6d7b3f1eb864"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-f144f18693f874586254788d12f7a960" 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-f144f18693f874586254788d12f7a960"><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-791529c748fe4fc18df9a5d515c3b81a" 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-791529c748fe4fc18df9a5d515c3b81a"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-4c562bdaaa198cd2d4f240ae13f526fa" 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-4c562bdaaa198cd2d4f240ae13f526fa"><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-72fe9333ba11e382e7868b886b95f79d" 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-72fe9333ba11e382e7868b886b95f79d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7bb457a3fe1a41c4dfc7246e39f6dd80" 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-7bb457a3fe1a41c4dfc7246e39f6dd80"><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-4fdcd64acf6a54e44ca2d2c2469f2b1d" 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-4fdcd64acf6a54e44ca2d2c2469f2b1d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-7436a54f9c59716107e47564d63f6b0d" 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-7436a54f9c59716107e47564d63f6b0d"><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-198eb52d0f58ff53e79cf9ab552468ad" 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-198eb52d0f58ff53e79cf9ab552468ad"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-487c627580865b87b59508c8a360259d" 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-487c627580865b87b59508c8a360259d"><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-92fc6ad4cc09eab62d67c76f1352df5d" 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-92fc6ad4cc09eab62d67c76f1352df5d"><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 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-bf95befaadcfae5ee9010e8c25ff246b" 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-bf95befaadcfae5ee9010e8c25ff246b"><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-caced1efa234c5acf8e46d760abd6b66" 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-caced1efa234c5acf8e46d760abd6b66"><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-f57681a0ea4f6b1098292011381e9a16" 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-f57681a0ea4f6b1098292011381e9a16"><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-25a8043a9474efa9d41f8b465fae49f0" 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-25a8043a9474efa9d41f8b465fae49f0"><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-c540afb7e4bbab459fc34f1f86733ba0" 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-c540afb7e4bbab459fc34f1f86733ba0"><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-2115589c6288d24e0f9e970d345860c2" 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-2115589c6288d24e0f9e970d345860c2"><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-d6903e3814c786575c4a8a069e8fdd76" 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-d6903e3814c786575c4a8a069e8fdd76"><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-90792f669c703a3064bec8a98401cf4c" 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-90792f669c703a3064bec8a98401cf4c"><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">Combinat'n</h5>
@ -746,8 +746,8 @@ line 3 o' code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content">
<p><a href="#R-image-daa7c7ad08de77f69a3a46d057a715f4" 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-daa7c7ad08de77f69a3a46d057a715f4"><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-802a04f070edc67bba8f6d31a6bcf722" 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-802a04f070edc67bba8f6d31a6bcf722"><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>
@ -778,8 +778,8 @@ line 3 o' code
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

View File

@ -30,20 +30,20 @@ Example from th&#39; current website:
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525733" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525733" rel="stylesheet">
<link href="../../../css/fonts.css?1700525733" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525733" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525733" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525733" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525733" rel="stylesheet">
<link href="../../../css/print.css?1700525733" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700525733" rel="stylesheet">
<script src="../../../js/url.js?1700525733"></script>
<script src="../../../js/variant.js?1700525733"></script>
<link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697952" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697952" rel="stylesheet">
<link href="../../../css/fonts.css?1700697952" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697952" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697952" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697952" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697952" rel="stylesheet">
<link href="../../../css/print.css?1700697952" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1700697952" rel="stylesheet">
<script src="../../../js/url.js?1700697952"></script>
<script src="../../../js/variant.js?1700697952"></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
@ -53,7 +53,7 @@ Example from th&#39; current website:
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -361,12 +361,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700525733" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700525733" defer></script>
<script src="../../../js/search.js?1700525733" defer></script>
<script src="../../../js/auto-complete.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1700697952" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1700697952" defer></script>
<script src="../../../js/search.js?1700697952" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -456,9 +456,11 @@ However, if ye want t' keep th' title but change its value, it can be overridden
<div class="control-style">
<label class="a11y-only" for="R-select-variant">Theme</label>
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="R-auto" value="auto" selected>Auto</option>
<option id="R-relearn-auto" value="relearn-auto" selected>Relearn Light/Dark</option>
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="R-relearn-bright" value="relearn-bright">Relearn Bright</option>
<option id="R-zen-auto" value="zen-auto">Zen Light/Dark</option>
<option id="R-zen-light" value="zen-light">Zen Light</option>
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
<option id="R-neon" value="neon">Neon</option>
@ -523,13 +525,13 @@ However, if ye want t' keep th' title but change its value, it can be overridden
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../../js/github-buttons.js?1700525733"></script>
<script async src="../../../js/github-buttons.js?1700697952"></script>
</div>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1700525733" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525733" defer></script>
<script src="../../../js/theme.js?1700525733" defer></script>
<script src="../../../js/clipboard.min.js?1700697952" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697952" defer></script>
<script src="../../../js/theme.js?1700697952" defer></script>
</body>
</html>

View File

@ -30,21 +30,21 @@ Example from th&#39; 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/pir/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1700525733" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1700697952" 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?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700525735" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700525735" rel="stylesheet">
<link href="../../../css/fonts.css?1700525735" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700525735" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700525735" rel="stylesheet">
<link href="../../../css/theme-auto.css?1700525735" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700525735" rel="stylesheet">
<link href="../../../css/print.css?1700525735" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700525735" rel="stylesheet">
<link href="../../../css/ie.css?1700525735" rel="stylesheet">
<script src="../../../js/url.js?1700525735"></script>
<script src="../../../js/variant.js?1700525735"></script>
<link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1700697954" rel="stylesheet">
<link href="../../../css/auto-complete.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1700697954" rel="stylesheet">
<link href="../../../css/fonts.css?1700697954" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700697954" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1700697954" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1700697954" rel="stylesheet" id="R-variant-style">
<link href="../../../css/variant.css?1700697954" rel="stylesheet">
<link href="../../../css/print.css?1700697954" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1700697954" rel="stylesheet">
<link href="../../../css/ie.css?1700697954" rel="stylesheet">
<script src="../../../js/url.js?1700697954"></script>
<script src="../../../js/variant.js?1700697954"></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
@ -54,7 +54,7 @@ Example from th&#39; current website:
window.relearn = window.relearn || {};
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
// variant stuff
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
window.T_Copy_to_clipboard = `Copy t' clipboard`;
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
@ -234,8 +234,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1700525735" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700525735" defer></script>
<script src="../../../js/theme.js?1700525735" defer></script>
<script src="../../../js/clipboard.min.js?1700697954" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1700697954" defer></script>
<script src="../../../js/theme.js?1700697954" defer></script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More