nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-05-25 19:20:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deploy: cc97ab0600

Browse source
This commit is contained in:
McShelby 2024-01-21 12:39:51 +00:00
parent 7a786e6441
commit 22b7568ee7
266 changed files with 6856 additions and 6820 deletions

88
basics/branding/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -143,13 +143,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="321e110ce18398ce552b2c85485e988a">
<div class="tab-panel" data-tab-group="3162f7d048f494a9af6a311fc352503d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('321e110ce18398ce552b2c85485e988a','hugotoml')"
onclick="switchTab('3162f7d048f494a9af6a311fc352503d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -177,13 +177,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="0ffa6c7bcca9ac5e1fe744b44f138fbc">
<div class="tab-panel" data-tab-group="e3a3716a83a8c8d64f739d88981071c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ffa6c7bcca9ac5e1fe744b44f138fbc','hugotoml')"
onclick="switchTab('e3a3716a83a8c8d64f739d88981071c3','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -212,13 +212,13 @@
<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="tab-panel" data-tab-group="d7a9766e0ef820dbece837a59df1dcfa">
<div class="tab-panel" data-tab-group="2a8cbb133ad0d105bc3cc3963db52dba">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7a9766e0ef820dbece837a59df1dcfa','hugotoml')"
onclick="switchTab('2a8cbb133ad0d105bc3cc3963db52dba','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -238,13 +238,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9fbb99e529cc24d6a3642202c89dfc55">
<div class="tab-panel" data-tab-group="36fa16e07be21ab50f2c2c9cca728a67">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9fbb99e529cc24d6a3642202c89dfc55','hugotoml')"
onclick="switchTab('36fa16e07be21ab50f2c2c9cca728a67','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -266,13 +266,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="cb89c92d75572d09d0c11661e81f1b8d">
<div class="tab-panel" data-tab-group="a51dba912625a01b30a3a3214c2e155c">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('cb89c92d75572d09d0c11661e81f1b8d','layoutspartialsfaviconhtml')"
onclick="switchTab('a51dba912625a01b30a3a3214c2e155c','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -306,13 +306,13 @@
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="15ea832591b37d504d0c7f42e96d9bb5">
<div class="tab-panel" data-tab-group="281ceab760ea408b939edb94c08f1ce7">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('15ea832591b37d504d0c7f42e96d9bb5','hugotoml')"
onclick="switchTab('281ceab760ea408b939edb94c08f1ce7','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -330,13 +330,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="649bd1508e345e66802c9ab0f985eed1">
<div class="tab-panel" data-tab-group="f724a7e2791955116ae1131f2fd0875d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('649bd1508e345e66802c9ab0f985eed1','hugotoml')"
onclick="switchTab('f724a7e2791955116ae1131f2fd0875d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -385,13 +385,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="966e603b167ef64f1aedf91c59e75602">
<div class="tab-panel" data-tab-group="d17a81d491ee412a1df696f9d7144e15">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('966e603b167ef64f1aedf91c59e75602','hugotoml')"
onclick="switchTab('d17a81d491ee412a1df696f9d7144e15','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -436,13 +436,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="6790aed5e0dc9e37c438e6e5793b3f3b">
<div class="tab-panel" data-tab-group="8d81b0fc2af11807dff38a55bacb5ca1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6790aed5e0dc9e37c438e6e5793b3f3b','staticcsstheme-my-brandingcss')"
onclick="switchTab('8d81b0fc2af11807dff38a55bacb5ca1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -465,13 +465,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="144e001e52244af72d65ffebc4934f25">
<div class="tab-panel" data-tab-group="40c03bfb3e6887da1d9cef30744f256f">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('144e001e52244af72d65ffebc4934f25','hugotoml')"
onclick="switchTab('40c03bfb3e6887da1d9cef30744f256f','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -585,12 +585,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -753,13 +753,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

76
basics/branding/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -101,13 +101,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="321e110ce18398ce552b2c85485e988a">
<div class="tab-panel" data-tab-group="3162f7d048f494a9af6a311fc352503d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('321e110ce18398ce552b2c85485e988a','hugotoml')"
onclick="switchTab('3162f7d048f494a9af6a311fc352503d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -135,13 +135,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="0ffa6c7bcca9ac5e1fe744b44f138fbc">
<div class="tab-panel" data-tab-group="e3a3716a83a8c8d64f739d88981071c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ffa6c7bcca9ac5e1fe744b44f138fbc','hugotoml')"
onclick="switchTab('e3a3716a83a8c8d64f739d88981071c3','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -170,13 +170,13 @@
<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="tab-panel" data-tab-group="d7a9766e0ef820dbece837a59df1dcfa">
<div class="tab-panel" data-tab-group="2a8cbb133ad0d105bc3cc3963db52dba">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7a9766e0ef820dbece837a59df1dcfa','hugotoml')"
onclick="switchTab('2a8cbb133ad0d105bc3cc3963db52dba','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -196,13 +196,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9fbb99e529cc24d6a3642202c89dfc55">
<div class="tab-panel" data-tab-group="36fa16e07be21ab50f2c2c9cca728a67">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9fbb99e529cc24d6a3642202c89dfc55','hugotoml')"
onclick="switchTab('36fa16e07be21ab50f2c2c9cca728a67','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -224,13 +224,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="cb89c92d75572d09d0c11661e81f1b8d">
<div class="tab-panel" data-tab-group="a51dba912625a01b30a3a3214c2e155c">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('cb89c92d75572d09d0c11661e81f1b8d','layoutspartialsfaviconhtml')"
onclick="switchTab('a51dba912625a01b30a3a3214c2e155c','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -264,13 +264,13 @@
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="15ea832591b37d504d0c7f42e96d9bb5">
<div class="tab-panel" data-tab-group="281ceab760ea408b939edb94c08f1ce7">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('15ea832591b37d504d0c7f42e96d9bb5','hugotoml')"
onclick="switchTab('281ceab760ea408b939edb94c08f1ce7','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -288,13 +288,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="649bd1508e345e66802c9ab0f985eed1">
<div class="tab-panel" data-tab-group="f724a7e2791955116ae1131f2fd0875d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('649bd1508e345e66802c9ab0f985eed1','hugotoml')"
onclick="switchTab('f724a7e2791955116ae1131f2fd0875d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -343,13 +343,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="966e603b167ef64f1aedf91c59e75602">
<div class="tab-panel" data-tab-group="d17a81d491ee412a1df696f9d7144e15">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('966e603b167ef64f1aedf91c59e75602','hugotoml')"
onclick="switchTab('d17a81d491ee412a1df696f9d7144e15','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -394,13 +394,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="6790aed5e0dc9e37c438e6e5793b3f3b">
<div class="tab-panel" data-tab-group="8d81b0fc2af11807dff38a55bacb5ca1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6790aed5e0dc9e37c438e6e5793b3f3b','staticcsstheme-my-brandingcss')"
onclick="switchTab('8d81b0fc2af11807dff38a55bacb5ca1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -423,13 +423,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="144e001e52244af72d65ffebc4934f25">
<div class="tab-panel" data-tab-group="40c03bfb3e6887da1d9cef30744f256f">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('144e001e52244af72d65ffebc4934f25','hugotoml')"
onclick="switchTab('40c03bfb3e6887da1d9cef30744f256f','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -462,8 +462,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

48
basics/changelog/index.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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -2230,12 +2230,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840785" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840785" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840785" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840785" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840785" defer></script>
<script src="../../js/search.js?1705840785" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2398,13 +2398,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840785"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840785" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840785" defer></script>
<script src="../../js/theme.js?1705840785" defer></script>
</body>
</html>

36
basics/changelog/index.print.html
View file

@ -20,22 +20,22 @@
<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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -86,8 +86,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

52
basics/configuration/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -122,13 +122,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="89a5347fdcbf9b2e305f5a45147229da">
<div class="tab-panel" data-tab-group="a6a6353b9bb2380e73ac565847998e7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89a5347fdcbf9b2e305f5a45147229da','hugotoml')"
onclick="switchTab('a6a6353b9bb2380e73ac565847998e7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -660,12 +660,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -828,13 +828,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

40
basics/configuration/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -101,13 +101,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="89a5347fdcbf9b2e305f5a45147229da">
<div class="tab-panel" data-tab-group="a6a6353b9bb2380e73ac565847998e7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89a5347fdcbf9b2e305f5a45147229da','hugotoml')"
onclick="switchTab('a6a6353b9bb2380e73ac565847998e7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -558,8 +558,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

59
basics/customization/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -157,8 +157,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>hugo.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-7de1d2c171d5ef267d90972145c3d4ec" 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-7de1d2c171d5ef267d90972145c3d4ec"><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-116792dfae84543a5eb2e6d0d3a15505" 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-116792dfae84543a5eb2e6d0d3a15505"><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>
@ -199,8 +199,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-2ad21b1ee10577a317739f25f7c5345b" 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-2ad21b1ee10577a317739f25f7c5345b"><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-5026866962f19561a8a624660cd21cf7" 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-5026866962f19561a8a624660cd21cf7"><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>
@ -232,8 +232,9 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</tbody>
</table>
<p>The values for the screen width breakpoints aren&rsquo;t configurable.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> doesn&rsquo;t exist as the menu is always hidden for small screen sizes.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> applies to the menu flyout width in mobile mode for small screen sizes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-S</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
@ -381,12 +382,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -549,13 +550,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

47
basics/customization/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -117,8 +117,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>hugo.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-7de1d2c171d5ef267d90972145c3d4ec" 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-7de1d2c171d5ef267d90972145c3d4ec"><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-116792dfae84543a5eb2e6d0d3a15505" 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-116792dfae84543a5eb2e6d0d3a15505"><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>
@ -159,8 +159,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-2ad21b1ee10577a317739f25f7c5345b" 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-2ad21b1ee10577a317739f25f7c5345b"><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-5026866962f19561a8a624660cd21cf7" 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-5026866962f19561a8a624660cd21cf7"><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>
@ -192,8 +192,9 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</tbody>
</table>
<p>The values for the screen width breakpoints aren&rsquo;t configurable.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> doesn&rsquo;t exist as the menu is always hidden for small screen sizes.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> applies to the menu flyout width in mobile mode for small screen sizes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-S</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
@ -260,8 +261,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

76
basics/generator/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -116,13 +116,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-abe9ba1fbc9ca7e241c74a415780acd2" aria-controls="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" >
<label class="expand-label" for="R-expand-abe9ba1fbc9ca7e241c74a415780acd2" >
<input type="checkbox" id="R-expand-630b9fb7aa7de51a8787e3fe799f061c" aria-controls="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" >
<label class="expand-label" for="R-expand-630b9fb7aa7de51a8787e3fe799f061c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" class="expand-content">
<div id="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" 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>
@ -236,12 +236,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -404,27 +404,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-color.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-drag.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-ease.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-selection.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-timer.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-transition.min.js?1705608448" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1705608448" defer></script>
<script src="../../js/js-yaml.min.js?1705608448" defer></script>
<script src="../../js/mermaid.min.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-color.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-drag.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-ease.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-selection.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-timer.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-transition.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1705840786" defer></script>
<script src="../../js/js-yaml.min.js?1705840786" defer></script>
<script src="../../js/mermaid.min.js?1705840786" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

64
basics/generator/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -95,13 +95,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-abe9ba1fbc9ca7e241c74a415780acd2" aria-controls="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" >
<label class="expand-label" for="R-expand-abe9ba1fbc9ca7e241c74a415780acd2" >
<input type="checkbox" id="R-expand-630b9fb7aa7de51a8787e3fe799f061c" aria-controls="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" >
<label class="expand-label" for="R-expand-630b9fb7aa7de51a8787e3fe799f061c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" class="expand-content">
<div id="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" 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>
@ -134,22 +134,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-color.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-drag.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-ease.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-selection.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-timer.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-transition.min.js?1705608449" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1705608449" defer></script>
<script src="../../js/js-yaml.min.js?1705608449" defer></script>
<script src="../../js/mermaid.min.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-color.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-drag.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-ease.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-selection.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-timer.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-transition.min.js?1705840786" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1705840786" defer></script>
<script src="../../js/js-yaml.min.js?1705840786" defer></script>
<script src="../../js/mermaid.min.js?1705840786" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

48
basics/history/index.html
View file

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

36
basics/history/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -1425,8 +1425,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

48
basics/index.html
View file

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

134
basics/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../css/theme.css?1705608449" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1705608449" rel="stylesheet">
<link href="../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../css/format-print.css?1705608449" rel="stylesheet">
<link href="../css/ie.css?1705608449" rel="stylesheet">
<script src="../js/url.js?1705608449"></script>
<script src="../js/variant.js?1705608449"></script>
<link href="../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../css/theme.css?1705840786" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1705840786" rel="stylesheet">
<link href="../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../css/format-print.css?1705840786" rel="stylesheet">
<link href="../css/ie.css?1705840786" rel="stylesheet">
<script src="../js/url.js?1705840786"></script>
<script src="../js/variant.js?1705840786"></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
@ -147,6 +147,9 @@
<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> On taxonomy and term pages you can now use prev/next navigation as within the normal page structure.</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> In additiion to the existing <a href="../basics/customization/index.html#change-the-menu-width">menu width customization</a>, it is now alsow possible to set the width of the menu flyout for for small screen sizes with the <code>--MENU-WIDTH-S</code> CSS property.</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> Improvements for accessibility when tabbing thru the page for images, links and tab handles.</p>
</li>
<li>
@ -1059,8 +1062,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-69b2453b1f66fcda865f6bfa1dc02d38" 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-69b2453b1f66fcda865f6bfa1dc02d38"><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-2c34193a1e5f008888d287ddce608345" 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-2c34193a1e5f008888d287ddce608345"><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>
@ -1107,13 +1110,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="89a5347fdcbf9b2e305f5a45147229da">
<div class="tab-panel" data-tab-group="a6a6353b9bb2380e73ac565847998e7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('89a5347fdcbf9b2e305f5a45147229da','hugotoml')"
onclick="switchTab('a6a6353b9bb2380e73ac565847998e7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1575,13 +1578,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="321e110ce18398ce552b2c85485e988a">
<div class="tab-panel" data-tab-group="3162f7d048f494a9af6a311fc352503d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('321e110ce18398ce552b2c85485e988a','hugotoml')"
onclick="switchTab('3162f7d048f494a9af6a311fc352503d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1609,13 +1612,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="0ffa6c7bcca9ac5e1fe744b44f138fbc">
<div class="tab-panel" data-tab-group="e3a3716a83a8c8d64f739d88981071c3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ffa6c7bcca9ac5e1fe744b44f138fbc','hugotoml')"
onclick="switchTab('e3a3716a83a8c8d64f739d88981071c3','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1644,13 +1647,13 @@
<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="tab-panel" data-tab-group="d7a9766e0ef820dbece837a59df1dcfa">
<div class="tab-panel" data-tab-group="2a8cbb133ad0d105bc3cc3963db52dba">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7a9766e0ef820dbece837a59df1dcfa','hugotoml')"
onclick="switchTab('2a8cbb133ad0d105bc3cc3963db52dba','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1670,13 +1673,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9fbb99e529cc24d6a3642202c89dfc55">
<div class="tab-panel" data-tab-group="36fa16e07be21ab50f2c2c9cca728a67">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9fbb99e529cc24d6a3642202c89dfc55','hugotoml')"
onclick="switchTab('36fa16e07be21ab50f2c2c9cca728a67','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1698,13 +1701,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="cb89c92d75572d09d0c11661e81f1b8d">
<div class="tab-panel" data-tab-group="a51dba912625a01b30a3a3214c2e155c">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('cb89c92d75572d09d0c11661e81f1b8d','layoutspartialsfaviconhtml')"
onclick="switchTab('a51dba912625a01b30a3a3214c2e155c','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -1738,13 +1741,13 @@
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="15ea832591b37d504d0c7f42e96d9bb5">
<div class="tab-panel" data-tab-group="281ceab760ea408b939edb94c08f1ce7">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('15ea832591b37d504d0c7f42e96d9bb5','hugotoml')"
onclick="switchTab('281ceab760ea408b939edb94c08f1ce7','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1762,13 +1765,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="649bd1508e345e66802c9ab0f985eed1">
<div class="tab-panel" data-tab-group="f724a7e2791955116ae1131f2fd0875d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('649bd1508e345e66802c9ab0f985eed1','hugotoml')"
onclick="switchTab('f724a7e2791955116ae1131f2fd0875d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1817,13 +1820,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="966e603b167ef64f1aedf91c59e75602">
<div class="tab-panel" data-tab-group="d17a81d491ee412a1df696f9d7144e15">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('966e603b167ef64f1aedf91c59e75602','hugotoml')"
onclick="switchTab('d17a81d491ee412a1df696f9d7144e15','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1868,13 +1871,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="6790aed5e0dc9e37c438e6e5793b3f3b">
<div class="tab-panel" data-tab-group="8d81b0fc2af11807dff38a55bacb5ca1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6790aed5e0dc9e37c438e6e5793b3f3b','staticcsstheme-my-brandingcss')"
onclick="switchTab('8d81b0fc2af11807dff38a55bacb5ca1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -1897,13 +1900,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="144e001e52244af72d65ffebc4934f25">
<div class="tab-panel" data-tab-group="40c03bfb3e6887da1d9cef30744f256f">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('144e001e52244af72d65ffebc4934f25','hugotoml')"
onclick="switchTab('40c03bfb3e6887da1d9cef30744f256f','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1963,8 +1966,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>hugo.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-7de1d2c171d5ef267d90972145c3d4ec" 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-7de1d2c171d5ef267d90972145c3d4ec"><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-116792dfae84543a5eb2e6d0d3a15505" 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-116792dfae84543a5eb2e6d0d3a15505"><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>
@ -2005,8 +2008,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-2ad21b1ee10577a317739f25f7c5345b" 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-2ad21b1ee10577a317739f25f7c5345b"><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-5026866962f19561a8a624660cd21cf7" 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-5026866962f19561a8a624660cd21cf7"><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>
@ -2038,8 +2041,9 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</tbody>
</table>
<p>The values for the screen width breakpoints aren&rsquo;t configurable.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> doesn&rsquo;t exist as the menu is always hidden for small screen sizes.</p>
<p>If you want to adjust the menu width you can define the following CSS variables in your <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> applies to the menu flyout width in mobile mode for small screen sizes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-S</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
@ -2111,13 +2115,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-abe9ba1fbc9ca7e241c74a415780acd2" aria-controls="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" >
<label class="expand-label" for="R-expand-abe9ba1fbc9ca7e241c74a415780acd2" >
<input type="checkbox" id="R-expand-630b9fb7aa7de51a8787e3fe799f061c" aria-controls="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" >
<label class="expand-label" for="R-expand-630b9fb7aa7de51a8787e3fe799f061c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-abe9ba1fbc9ca7e241c74a415780acd2" class="expand-content">
<div id="R-expandcontent-630b9fb7aa7de51a8787e3fe799f061c" 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>
@ -2153,8 +2157,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-2aac567a8c0de86b7c5ef1998fe7324f" 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-2aac567a8c0de86b7c5ef1998fe7324f"><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-b85426a5a104230591545ea186790171" 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-b85426a5a104230591545ea186790171"><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">
@ -2166,8 +2170,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-2ec4728fe425e4595ea10ce550531816" 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-2ec4728fe425e4595ea10ce550531816"><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-d9d2239e8e7ea25326f3adf6a1c5a20c" 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-d9d2239e8e7ea25326f3adf6a1c5a20c"><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>
@ -3777,22 +3781,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1705608449" defer></script>
<script src="../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../js/d3/d3-color.min.js?1705608449" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1705608449" defer></script>
<script src="../js/d3/d3-drag.min.js?1705608449" defer></script>
<script src="../js/d3/d3-ease.min.js?1705608449" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1705608449" defer></script>
<script src="../js/d3/d3-selection.min.js?1705608449" defer></script>
<script src="../js/d3/d3-timer.min.js?1705608449" defer></script>
<script src="../js/d3/d3-transition.min.js?1705608449" defer></script>
<script src="../js/d3/d3-zoom.min.js?1705608449" defer></script>
<script src="../js/js-yaml.min.js?1705608449" defer></script>
<script src="../js/mermaid.min.js?1705608449" defer></script>
<script src="../js/clipboard.min.js?1705840786" defer></script>
<script src="../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../js/d3/d3-color.min.js?1705840786" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1705840786" defer></script>
<script src="../js/d3/d3-drag.min.js?1705840786" defer></script>
<script src="../js/d3/d3-ease.min.js?1705840786" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1705840786" defer></script>
<script src="../js/d3/d3-selection.min.js?1705840786" defer></script>
<script src="../js/d3/d3-timer.min.js?1705840786" defer></script>
<script src="../js/d3/d3-transition.min.js?1705840786" defer></script>
<script src="../js/d3/d3-zoom.min.js?1705840786" defer></script>
<script src="../js/js-yaml.min.js?1705840786" defer></script>
<script src="../js/mermaid.min.js?1705840786" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1705608449" defer></script>
<script src="../js/theme.js?1705840786" defer></script>
</body>
</html>

52
basics/installation/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -159,8 +159,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-69b2453b1f66fcda865f6bfa1dc02d38" 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-69b2453b1f66fcda865f6bfa1dc02d38"><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-2c34193a1e5f008888d287ddce608345" 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-2c34193a1e5f008888d287ddce608345"><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>
@ -277,12 +277,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -445,13 +445,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

40
basics/installation/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -123,8 +123,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-69b2453b1f66fcda865f6bfa1dc02d38" 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-69b2453b1f66fcda865f6bfa1dc02d38"><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-2c34193a1e5f008888d287ddce608345" 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-2c34193a1e5f008888d287ddce608345"><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>
@ -160,8 +160,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

51
basics/migration/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -205,6 +205,9 @@
<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> On taxonomy and term pages you can now use prev/next navigation as within the normal page structure.</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> In additiion to the existing <a href="../../basics/customization/index.html#change-the-menu-width">menu width customization</a>, it is now alsow possible to set the width of the menu flyout for for small screen sizes with the <code>--MENU-WIDTH-S</code> CSS property.</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> Improvements for accessibility when tabbing thru the page for images, links and tab handles.</p>
</li>
<li>
@ -1142,12 +1145,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1310,13 +1313,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

39
basics/migration/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -134,6 +134,9 @@
<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> On taxonomy and term pages you can now use prev/next navigation as within the normal page structure.</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> In additiion to the existing <a href="../../basics/customization/index.html#change-the-menu-width">menu width customization</a>, it is now alsow possible to set the width of the menu flyout for for small screen sizes with the <code>--MENU-WIDTH-S</code> CSS property.</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> Improvements for accessibility when tabbing thru the page for images, links and tab handles.</p>
</li>
<li>
@ -990,8 +993,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

48
basics/requirements/index.html
View file

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

36
basics/requirements/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -113,8 +113,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

56
basics/topbar/index.html
View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608448" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608448" rel="stylesheet">
<link href="../../css/fonts.css?1705608448" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608448" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608448" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608448" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608448" rel="stylesheet">
<link href="../../css/print.css?1705608448" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705608448" rel="stylesheet">
<script src="../../js/url.js?1705608448"></script>
<script src="../../js/variant.js?1705608448"></script>
<link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840785" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840785" rel="stylesheet">
<link href="../../css/fonts.css?1705840785" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840785" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840785" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840785" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840785" rel="stylesheet">
<link href="../../css/print.css?1705840785" rel="stylesheet" media="print">
<link href="../../css/ie.css?1705840785" rel="stylesheet">
<script src="../../js/url.js?1705840785"></script>
<script src="../../js/variant.js?1705840785"></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
@ -135,8 +135,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-2aac567a8c0de86b7c5ef1998fe7324f" 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-2aac567a8c0de86b7c5ef1998fe7324f"><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-b85426a5a104230591545ea186790171" 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-b85426a5a104230591545ea186790171"><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">
@ -148,8 +148,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-2ec4728fe425e4595ea10ce550531816" 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-2ec4728fe425e4595ea10ce550531816"><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-d9d2239e8e7ea25326f3adf6a1c5a20c" 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-d9d2239e8e7ea25326f3adf6a1c5a20c"><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>
@ -504,12 +504,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705608448" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705608448" defer></script>
<script src="../../js/search.js?1705608448" defer></script>
<script src="../../js/auto-complete.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1705840786" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1705840786" defer></script>
<script src="../../js/search.js?1705840786" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -672,13 +672,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1705608448"></script>
<script async src="../../js/github-buttons.js?1705840786"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1705608448" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608448" defer></script>
<script src="../../js/theme.js?1705608448" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>

44
basics/topbar/index.print.html
View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-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?1705608448" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1705840785" 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?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705608449" rel="stylesheet">
<link href="../../css/auto-complete.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705608449" rel="stylesheet">
<link href="../../css/fonts.css?1705608449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705608449" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705608449" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705608449" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705608449" rel="stylesheet">
<link href="../../css/print.css?1705608449" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705608449" rel="stylesheet">
<link href="../../css/ie.css?1705608449" rel="stylesheet">
<script src="../../js/url.js?1705608449"></script>
<script src="../../js/variant.js?1705608449"></script>
<link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1705840786" rel="stylesheet">
<link href="../../css/auto-complete.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1705840786" rel="stylesheet">
<link href="../../css/fonts.css?1705840786" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1705840786" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1705840786" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1705840786" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1705840786" rel="stylesheet">
<link href="../../css/print.css?1705840786" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1705840786" rel="stylesheet">
<link href="../../css/ie.css?1705840786" rel="stylesheet">
<script src="../../js/url.js?1705840786"></script>
<script src="../../js/variant.js?1705840786"></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
@ -93,8 +93,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-2aac567a8c0de86b7c5ef1998fe7324f" 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-2aac567a8c0de86b7c5ef1998fe7324f"><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-b85426a5a104230591545ea186790171" 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-b85426a5a104230591545ea186790171"><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">
@ -106,8 +106,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-2ec4728fe425e4595ea10ce550531816" 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-2ec4728fe425e4595ea10ce550531816"><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-d9d2239e8e7ea25326f3adf6a1c5a20c" 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-d9d2239e8e7ea25326f3adf6a1c5a20c"><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>
@ -381,8 +381,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1705608449" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705608449" defer></script>
<script src="../../js/theme.js?1705608449" defer></script>
<script src="../../js/clipboard.min.js?1705840786" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1705840786" defer></script>
<script src="../../js/theme.js?1705840786" defer></script>
</body>
</html>