This commit is contained in:
McShelby 2023-11-28 22:52:52 +00:00
parent 262ddd9617
commit 6cf6dea7d6
273 changed files with 10323 additions and 7239 deletions

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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -163,13 +163,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="58159eb82d1487120fc1ed6b535aaf96">
<div class="tab-panel" data-tab-group="d4bfad9b2377239e6465845ab3f3e3e5">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('58159eb82d1487120fc1ed6b535aaf96','configtoml')"
onclick="switchTab('d4bfad9b2377239e6465845ab3f3e3e5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -197,13 +197,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="34e8414a9c59eab2e4093e309084458f">
<div class="tab-panel" data-tab-group="583896c50a2fe03ebf7a7ad94e62a67b">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('34e8414a9c59eab2e4093e309084458f','configtoml')"
onclick="switchTab('583896c50a2fe03ebf7a7ad94e62a67b','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -232,13 +232,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="c08502daf6a96ec50c805a51c9506d7b">
<div class="tab-panel" data-tab-group="008017effef99434be78511e5c0ab156">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c08502daf6a96ec50c805a51c9506d7b','configtoml')"
onclick="switchTab('008017effef99434be78511e5c0ab156','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -258,13 +258,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="26f17eb56d306ff061d5d204e39ff783">
<div class="tab-panel" data-tab-group="ef85e2c3cef6408e659cfb429fd60725">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('26f17eb56d306ff061d5d204e39ff783','configtoml')"
onclick="switchTab('ef85e2c3cef6408e659cfb429fd60725','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -286,13 +286,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="6477fb1869bd2a16f4d8136412415d3d">
<div class="tab-panel" data-tab-group="5ac3838790a40d6b98509c207af5e8ae">
<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('6477fb1869bd2a16f4d8136412415d3d','layoutspartialsfaviconhtml')"
onclick="switchTab('5ac3838790a40d6b98509c207af5e8ae','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -326,13 +326,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="659913d34215eb0f23751c2ac834dfa2">
<div class="tab-panel" data-tab-group="5c9fef47c124df4b4f5d31dae3be45d9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('659913d34215eb0f23751c2ac834dfa2','configtoml')"
onclick="switchTab('5c9fef47c124df4b4f5d31dae3be45d9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -350,13 +350,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="8f766118bf291c63cf76af8b72cfe2c9">
<div class="tab-panel" data-tab-group="2ff970f2d0c51b957dc6a648b4053e25">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8f766118bf291c63cf76af8b72cfe2c9','configtoml')"
onclick="switchTab('2ff970f2d0c51b957dc6a648b4053e25','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -405,13 +405,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="e1d71067c77f5d6c38540c81221ca137">
<div class="tab-panel" data-tab-group="939de8b763c759f5b0a1c1efa4721e5d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e1d71067c77f5d6c38540c81221ca137','configtoml')"
onclick="switchTab('939de8b763c759f5b0a1c1efa4721e5d','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -456,13 +456,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="65877e2ce17a037d6f12002d19621c8e">
<div class="tab-panel" data-tab-group="24f9578d947d50f832fa05c17959dfe1">
<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('65877e2ce17a037d6f12002d19621c8e','staticcsstheme-my-brandingcss')"
onclick="switchTab('24f9578d947d50f832fa05c17959dfe1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -485,13 +485,13 @@
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="6d1067ef2612c0110a0174b8716b7d24">
<div class="tab-panel" data-tab-group="a131019036e33e7a7df206ec0bf772e3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6d1067ef2612c0110a0174b8716b7d24','configtoml')"
onclick="switchTab('a131019036e33e7a7df206ec0bf772e3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -605,12 +605,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -630,6 +630,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -769,13 +770,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -103,13 +103,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="58159eb82d1487120fc1ed6b535aaf96">
<div class="tab-panel" data-tab-group="d4bfad9b2377239e6465845ab3f3e3e5">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('58159eb82d1487120fc1ed6b535aaf96','configtoml')"
onclick="switchTab('d4bfad9b2377239e6465845ab3f3e3e5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -137,13 +137,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="34e8414a9c59eab2e4093e309084458f">
<div class="tab-panel" data-tab-group="583896c50a2fe03ebf7a7ad94e62a67b">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('34e8414a9c59eab2e4093e309084458f','configtoml')"
onclick="switchTab('583896c50a2fe03ebf7a7ad94e62a67b','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -172,13 +172,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="c08502daf6a96ec50c805a51c9506d7b">
<div class="tab-panel" data-tab-group="008017effef99434be78511e5c0ab156">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c08502daf6a96ec50c805a51c9506d7b','configtoml')"
onclick="switchTab('008017effef99434be78511e5c0ab156','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -198,13 +198,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="26f17eb56d306ff061d5d204e39ff783">
<div class="tab-panel" data-tab-group="ef85e2c3cef6408e659cfb429fd60725">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('26f17eb56d306ff061d5d204e39ff783','configtoml')"
onclick="switchTab('ef85e2c3cef6408e659cfb429fd60725','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -226,13 +226,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="6477fb1869bd2a16f4d8136412415d3d">
<div class="tab-panel" data-tab-group="5ac3838790a40d6b98509c207af5e8ae">
<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('6477fb1869bd2a16f4d8136412415d3d','layoutspartialsfaviconhtml')"
onclick="switchTab('5ac3838790a40d6b98509c207af5e8ae','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -266,13 +266,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="659913d34215eb0f23751c2ac834dfa2">
<div class="tab-panel" data-tab-group="5c9fef47c124df4b4f5d31dae3be45d9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('659913d34215eb0f23751c2ac834dfa2','configtoml')"
onclick="switchTab('5c9fef47c124df4b4f5d31dae3be45d9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -290,13 +290,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="8f766118bf291c63cf76af8b72cfe2c9">
<div class="tab-panel" data-tab-group="2ff970f2d0c51b957dc6a648b4053e25">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8f766118bf291c63cf76af8b72cfe2c9','configtoml')"
onclick="switchTab('2ff970f2d0c51b957dc6a648b4053e25','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -345,13 +345,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="e1d71067c77f5d6c38540c81221ca137">
<div class="tab-panel" data-tab-group="939de8b763c759f5b0a1c1efa4721e5d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e1d71067c77f5d6c38540c81221ca137','configtoml')"
onclick="switchTab('939de8b763c759f5b0a1c1efa4721e5d','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -396,13 +396,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="65877e2ce17a037d6f12002d19621c8e">
<div class="tab-panel" data-tab-group="24f9578d947d50f832fa05c17959dfe1">
<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('65877e2ce17a037d6f12002d19621c8e','staticcsstheme-my-brandingcss')"
onclick="switchTab('24f9578d947d50f832fa05c17959dfe1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -425,13 +425,13 @@
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="6d1067ef2612c0110a0174b8716b7d24">
<div class="tab-panel" data-tab-group="a131019036e33e7a7df206ec0bf772e3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6d1067ef2612c0110a0174b8716b7d24','configtoml')"
onclick="switchTab('a131019036e33e7a7df206ec0bf772e3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -464,8 +464,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -20,21 +20,21 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<title></title>
<link href="../../images/logo.svg?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -2250,12 +2250,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207962" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207962" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207962" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207962" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207962" defer></script>
<script src="../../js/search.js?1701207962" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2276,6 +2276,7 @@
<li data-nav-id="/basics/changelog/index.html" class="active"><a class="padding" href="../../basics/changelog/index.html"><i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -2414,13 +2415,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207962"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207962" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207962" defer></script>
<script src="../../js/theme.js?1701207962" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -88,8 +88,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -142,13 +142,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="65f89c320999648bd6e885d2c5142969">
<div class="tab-panel" data-tab-group="a8ea1c48d2b8de81387ba99ab73476bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('65f89c320999648bd6e885d2c5142969','configtoml')"
onclick="switchTab('a8ea1c48d2b8de81387ba99ab73476bb','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -376,8 +376,10 @@
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># Hidden pages</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options configure how hidden pages are treated.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu but behaves</span>
</span></span><span class="line"><span class="cl"><span class="c"># like any other page for all other functionality in Hugo.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu if you are</span>
</span></span><span class="line"><span class="cl"><span class="c"># currently not on this page or the hidden page is not part of current page&#39;s</span>
</span></span><span class="line"><span class="cl"><span class="c"># ancestors. For all other functionality in Hugo a hidden page behaves like any</span>
</span></span><span class="line"><span class="cl"><span class="c"># other page if not otherwise configured.</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide hidden pages from search.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
@ -666,12 +668,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -691,6 +693,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -830,13 +833,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -103,13 +103,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="65f89c320999648bd6e885d2c5142969">
<div class="tab-panel" data-tab-group="a8ea1c48d2b8de81387ba99ab73476bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('65f89c320999648bd6e885d2c5142969','configtoml')"
onclick="switchTab('a8ea1c48d2b8de81387ba99ab73476bb','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -337,8 +337,10 @@
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># Hidden pages</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options configure how hidden pages are treated.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu but behaves</span>
</span></span><span class="line"><span class="cl"><span class="c"># like any other page for all other functionality in Hugo.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu if you are</span>
</span></span><span class="line"><span class="cl"><span class="c"># currently not on this page or the hidden page is not part of current page&#39;s</span>
</span></span><span class="line"><span class="cl"><span class="c"># ancestors. For all other functionality in Hugo a hidden page behaves like any</span>
</span></span><span class="line"><span class="cl"><span class="c"># other page if not otherwise configured.</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide hidden pages from search.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
@ -546,8 +548,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -177,8 +177,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-b407725f192ff9fb11cc6ad8d120da37" 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-b407725f192ff9fb11cc6ad8d120da37"><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-91b743532e6d65baa57a01dab1a9833c" 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-91b743532e6d65baa57a01dab1a9833c"><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>
@ -219,8 +219,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-87bee66d2077e4422a77b4c2c8367e50" 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-87bee66d2077e4422a77b4c2c8367e50"><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-944191422c42df40e290b4da9cf12a20" 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-944191422c42df40e290b4da9cf12a20"><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>
@ -400,12 +400,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -425,6 +425,7 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -564,13 +565,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -119,8 +119,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-b407725f192ff9fb11cc6ad8d120da37" 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-b407725f192ff9fb11cc6ad8d120da37"><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-91b743532e6d65baa57a01dab1a9833c" 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-91b743532e6d65baa57a01dab1a9833c"><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>
@ -161,8 +161,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-87bee66d2077e4422a77b4c2c8367e50" 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-87bee66d2077e4422a77b4c2c8367e50"><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-944191422c42df40e290b4da9cf12a20" 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-944191422c42df40e290b4da9cf12a20"><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>
@ -261,8 +261,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -136,13 +136,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-025bd2d414b97091be2ee196b9374793" aria-controls="R-expandcontent-025bd2d414b97091be2ee196b9374793" >
<label class="expand-label" for="R-expand-025bd2d414b97091be2ee196b9374793" >
<input type="checkbox" id="R-expand-484891b758bcfeba8336ab228085e721" aria-controls="R-expandcontent-484891b758bcfeba8336ab228085e721" >
<label class="expand-label" for="R-expand-484891b758bcfeba8336ab228085e721" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-025bd2d414b97091be2ee196b9374793" class="expand-content">
<div id="R-expandcontent-484891b758bcfeba8336ab228085e721" 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>
@ -280,12 +280,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -305,6 +305,7 @@ window.variants && variants.generator( '#R-vargenerator' );
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -444,27 +445,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-color.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701207963" defer></script>
<script src="../../js/js-yaml.min.js?1701207963" defer></script>
<script src="../../js/mermaid.min.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-color.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701211966" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701211966" defer></script>
<script src="../../js/js-yaml.min.js?1701211966" defer></script>
<script src="../../js/mermaid.min.js?1701211966" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -97,13 +97,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-025bd2d414b97091be2ee196b9374793" aria-controls="R-expandcontent-025bd2d414b97091be2ee196b9374793" >
<label class="expand-label" for="R-expand-025bd2d414b97091be2ee196b9374793" >
<input type="checkbox" id="R-expand-484891b758bcfeba8336ab228085e721" aria-controls="R-expandcontent-484891b758bcfeba8336ab228085e721" >
<label class="expand-label" for="R-expand-484891b758bcfeba8336ab228085e721" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-025bd2d414b97091be2ee196b9374793" class="expand-content">
<div id="R-expandcontent-484891b758bcfeba8336ab228085e721" 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>
@ -160,22 +160,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-color.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701207963" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701207963" defer></script>
<script src="../../js/js-yaml.min.js?1701207963" defer></script>
<script src="../../js/mermaid.min.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-color.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701211967" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701211967" defer></script>
<script src="../../js/js-yaml.min.js?1701211967" defer></script>
<script src="../../js/mermaid.min.js?1701211967" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -2256,12 +2256,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2281,6 +2281,7 @@
<li data-nav-id="/basics/history/index.html" class="active"><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -2420,13 +2421,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -1427,8 +1427,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701207962" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701207962" rel="stylesheet">
<link href="../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../css/ie.css?1701207962" rel="stylesheet">
<script src="../js/url.js?1701207962"></script>
<script src="../js/variant.js?1701207962"></script>
<link href="../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701211966" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701211966" rel="stylesheet">
<link href="../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../css/ie.css?1701211966" rel="stylesheet">
<script src="../js/url.js?1701211966"></script>
<script src="../js/variant.js?1701211966"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -223,12 +223,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1701207962" defer></script>
<script src="../js/lunr/lunr.min.js?1701207962" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701207962" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701207962" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701207962" defer></script>
<script src="../js/search.js?1701207962" defer></script>
<script src="../js/auto-complete.js?1701211966" defer></script>
<script src="../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -248,6 +248,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -387,13 +388,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1701207963"></script>
<script async src="../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1701207963" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../js/theme.js?1701207963" defer></script>
<script src="../js/clipboard.min.js?1701211966" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701207963" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701207963" rel="stylesheet">
<link href="../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701207963" rel="stylesheet">
<link href="../css/ie.css?1701207963" rel="stylesheet">
<script src="../js/url.js?1701207963"></script>
<script src="../js/variant.js?1701207963"></script>
<link href="../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701211967" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701211967" rel="stylesheet">
<link href="../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701211967" rel="stylesheet">
<link href="../css/ie.css?1701211967" rel="stylesheet">
<script src="../js/url.js?1701211967"></script>
<script src="../js/variant.js?1701211967"></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
@ -988,8 +988,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-6a4818b7afcd1234080ed049c9d8943f" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a4818b7afcd1234080ed049c9d8943f"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-e485353dae4be83ac6312ed6589958a5" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e485353dae4be83ac6312ed6589958a5"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -1037,8 +1037,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-67fe53ce21e6b112dcf30eab947c29ef" 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-67fe53ce21e6b112dcf30eab947c29ef"><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-11d07102a3dc995ccd2df810aae8e484" 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-11d07102a3dc995ccd2df810aae8e484"><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>
@ -1085,13 +1085,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="65f89c320999648bd6e885d2c5142969">
<div class="tab-panel" data-tab-group="a8ea1c48d2b8de81387ba99ab73476bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('65f89c320999648bd6e885d2c5142969','configtoml')"
onclick="switchTab('a8ea1c48d2b8de81387ba99ab73476bb','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1319,8 +1319,10 @@
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
</span></span><span class="line"><span class="cl"><span class="c"># Hidden pages</span>
</span></span><span class="line"><span class="cl"><span class="c"># These options configure how hidden pages are treated.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu but behaves</span>
</span></span><span class="line"><span class="cl"><span class="c"># like any other page for all other functionality in Hugo.</span>
</span></span><span class="line"><span class="cl"><span class="c"># A page flagged as hidden, is only removed from the main menu if you are</span>
</span></span><span class="line"><span class="cl"><span class="c"># currently not on this page or the hidden page is not part of current page&#39;s</span>
</span></span><span class="line"><span class="cl"><span class="c"># ancestors. For all other functionality in Hugo a hidden page behaves like any</span>
</span></span><span class="line"><span class="cl"><span class="c"># other page if not otherwise configured.</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide hidden pages from search.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
@ -1539,13 +1541,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="58159eb82d1487120fc1ed6b535aaf96">
<div class="tab-panel" data-tab-group="d4bfad9b2377239e6465845ab3f3e3e5">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('58159eb82d1487120fc1ed6b535aaf96','configtoml')"
onclick="switchTab('d4bfad9b2377239e6465845ab3f3e3e5','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1573,13 +1575,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="34e8414a9c59eab2e4093e309084458f">
<div class="tab-panel" data-tab-group="583896c50a2fe03ebf7a7ad94e62a67b">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('34e8414a9c59eab2e4093e309084458f','configtoml')"
onclick="switchTab('583896c50a2fe03ebf7a7ad94e62a67b','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1608,13 +1610,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="c08502daf6a96ec50c805a51c9506d7b">
<div class="tab-panel" data-tab-group="008017effef99434be78511e5c0ab156">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c08502daf6a96ec50c805a51c9506d7b','configtoml')"
onclick="switchTab('008017effef99434be78511e5c0ab156','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1634,13 +1636,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="26f17eb56d306ff061d5d204e39ff783">
<div class="tab-panel" data-tab-group="ef85e2c3cef6408e659cfb429fd60725">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('26f17eb56d306ff061d5d204e39ff783','configtoml')"
onclick="switchTab('ef85e2c3cef6408e659cfb429fd60725','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1662,13 +1664,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="6477fb1869bd2a16f4d8136412415d3d">
<div class="tab-panel" data-tab-group="5ac3838790a40d6b98509c207af5e8ae">
<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('6477fb1869bd2a16f4d8136412415d3d','layoutspartialsfaviconhtml')"
onclick="switchTab('5ac3838790a40d6b98509c207af5e8ae','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -1702,13 +1704,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="659913d34215eb0f23751c2ac834dfa2">
<div class="tab-panel" data-tab-group="5c9fef47c124df4b4f5d31dae3be45d9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('659913d34215eb0f23751c2ac834dfa2','configtoml')"
onclick="switchTab('5c9fef47c124df4b4f5d31dae3be45d9','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1726,13 +1728,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="8f766118bf291c63cf76af8b72cfe2c9">
<div class="tab-panel" data-tab-group="2ff970f2d0c51b957dc6a648b4053e25">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8f766118bf291c63cf76af8b72cfe2c9','configtoml')"
onclick="switchTab('2ff970f2d0c51b957dc6a648b4053e25','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1781,13 +1783,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="e1d71067c77f5d6c38540c81221ca137">
<div class="tab-panel" data-tab-group="939de8b763c759f5b0a1c1efa4721e5d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e1d71067c77f5d6c38540c81221ca137','configtoml')"
onclick="switchTab('939de8b763c759f5b0a1c1efa4721e5d','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1832,13 +1834,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="65877e2ce17a037d6f12002d19621c8e">
<div class="tab-panel" data-tab-group="24f9578d947d50f832fa05c17959dfe1">
<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('65877e2ce17a037d6f12002d19621c8e','staticcsstheme-my-brandingcss')"
onclick="switchTab('24f9578d947d50f832fa05c17959dfe1','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -1861,13 +1863,13 @@
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="6d1067ef2612c0110a0174b8716b7d24">
<div class="tab-panel" data-tab-group="a131019036e33e7a7df206ec0bf772e3">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="configtoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('6d1067ef2612c0110a0174b8716b7d24','configtoml')"
onclick="switchTab('a131019036e33e7a7df206ec0bf772e3','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1927,8 +1929,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-b407725f192ff9fb11cc6ad8d120da37" 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-b407725f192ff9fb11cc6ad8d120da37"><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-91b743532e6d65baa57a01dab1a9833c" 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-91b743532e6d65baa57a01dab1a9833c"><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>
@ -1969,8 +1971,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-87bee66d2077e4422a77b4c2c8367e50" 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-87bee66d2077e4422a77b4c2c8367e50"><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-944191422c42df40e290b4da9cf12a20" 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-944191422c42df40e290b4da9cf12a20"><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>
@ -2074,13 +2076,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-025bd2d414b97091be2ee196b9374793" aria-controls="R-expandcontent-025bd2d414b97091be2ee196b9374793" >
<label class="expand-label" for="R-expand-025bd2d414b97091be2ee196b9374793" >
<input type="checkbox" id="R-expand-484891b758bcfeba8336ab228085e721" aria-controls="R-expandcontent-484891b758bcfeba8336ab228085e721" >
<label class="expand-label" for="R-expand-484891b758bcfeba8336ab228085e721" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-025bd2d414b97091be2ee196b9374793" class="expand-content">
<div id="R-expandcontent-484891b758bcfeba8336ab228085e721" 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>
@ -2140,8 +2142,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-5c874a91d21004d8e6bf10b3f55db776" 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-5c874a91d21004d8e6bf10b3f55db776"><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-18ef736b9ce7e61759b9922ab9ef9b1e" 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-18ef736b9ce7e61759b9922ab9ef9b1e"><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">
@ -2153,8 +2155,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-41138e592bc39a536593ce99e2a92604" 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-41138e592bc39a536593ce99e2a92604"><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-aada2973ac7ab0ad62048be9a1bf3849" 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-aada2973ac7ab0ad62048be9a1bf3849"><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>
@ -3808,22 +3810,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1701207963" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../js/d3/d3-color.min.js?1701207963" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1701207963" defer></script>
<script src="../js/d3/d3-drag.min.js?1701207963" defer></script>
<script src="../js/d3/d3-ease.min.js?1701207963" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1701207963" defer></script>
<script src="../js/d3/d3-selection.min.js?1701207963" defer></script>
<script src="../js/d3/d3-timer.min.js?1701207963" defer></script>
<script src="../js/d3/d3-transition.min.js?1701207963" defer></script>
<script src="../js/d3/d3-zoom.min.js?1701207963" defer></script>
<script src="../js/js-yaml.min.js?1701207963" defer></script>
<script src="../js/mermaid.min.js?1701207963" defer></script>
<script src="../js/clipboard.min.js?1701211967" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../js/d3/d3-color.min.js?1701211967" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1701211967" defer></script>
<script src="../js/d3/d3-drag.min.js?1701211967" defer></script>
<script src="../js/d3/d3-ease.min.js?1701211967" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1701211967" defer></script>
<script src="../js/d3/d3-selection.min.js?1701211967" defer></script>
<script src="../js/d3/d3-timer.min.js?1701211967" defer></script>
<script src="../js/d3/d3-transition.min.js?1701211967" defer></script>
<script src="../js/d3/d3-zoom.min.js?1701211967" defer></script>
<script src="../js/js-yaml.min.js?1701211967" defer></script>
<script src="../js/mermaid.min.js?1701211967" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1701207963" defer></script>
<script src="../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -179,8 +179,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this 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-67fe53ce21e6b112dcf30eab947c29ef" 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-67fe53ce21e6b112dcf30eab947c29ef"><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-11d07102a3dc995ccd2df810aae8e484" 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-11d07102a3dc995ccd2df810aae8e484"><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>
@ -297,12 +297,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -322,6 +322,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -461,13 +462,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -125,8 +125,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this 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-67fe53ce21e6b112dcf30eab947c29ef" 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-67fe53ce21e6b112dcf30eab947c29ef"><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-11d07102a3dc995ccd2df810aae8e484" 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-11d07102a3dc995ccd2df810aae8e484"><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>
@ -162,8 +162,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -1141,12 +1141,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1166,6 +1166,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -1305,13 +1306,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -971,8 +971,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></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
@ -126,8 +126,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-6a4818b7afcd1234080ed049c9d8943f" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a4818b7afcd1234080ed049c9d8943f"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-e485353dae4be83ac6312ed6589958a5" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e485353dae4be83ac6312ed6589958a5"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -223,12 +223,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -248,6 +248,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -387,13 +388,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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
@ -96,8 +96,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-6a4818b7afcd1234080ed049c9d8943f" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-6a4818b7afcd1234080ed049c9d8943f"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-e485353dae4be83ac6312ed6589958a5" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e485353dae4be83ac6312ed6589958a5"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -112,8 +112,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207962" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207962" rel="stylesheet">
<link href="../../css/fonts.css?1701207962" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207962" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207962" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207962" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207962" rel="stylesheet">
<link href="../../css/print.css?1701207962" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701207962" rel="stylesheet">
<script src="../../js/url.js?1701207962"></script>
<script src="../../js/variant.js?1701207962"></script>
<link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211966" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211966" rel="stylesheet">
<link href="../../css/fonts.css?1701211966" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211966" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211966" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211966" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211966" rel="stylesheet">
<link href="../../css/print.css?1701211966" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701211966" rel="stylesheet">
<script src="../../js/url.js?1701211966"></script>
<script src="../../js/variant.js?1701211966"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -155,8 +155,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-5c874a91d21004d8e6bf10b3f55db776" 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-5c874a91d21004d8e6bf10b3f55db776"><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-18ef736b9ce7e61759b9922ab9ef9b1e" 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-18ef736b9ce7e61759b9922ab9ef9b1e"><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">
@ -168,8 +168,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-41138e592bc39a536593ce99e2a92604" 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-41138e592bc39a536593ce99e2a92604"><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-aada2973ac7ab0ad62048be9a1bf3849" 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-aada2973ac7ab0ad62048be9a1bf3849"><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>
@ -568,12 +568,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701207963" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701207963" defer></script>
<script src="../../js/search.js?1701207963" defer></script>
<script src="../../js/auto-complete.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701211966" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701211966" defer></script>
<script src="../../js/search.js?1701211966" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -593,6 +593,7 @@
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/frontmatter/index.html" class=""><a class="padding" href="../../cont/frontmatter/index.html">Frontmatter<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
@ -732,13 +733,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701207963"></script>
<script async src="../../js/github-buttons.js?1701211966"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211966" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211966" defer></script>
<script src="../../js/theme.js?1701211966" defer></script>
</body>
</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?1701207962" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701211966" 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?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701207963" rel="stylesheet">
<link href="../../css/auto-complete.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701207963" rel="stylesheet">
<link href="../../css/fonts.css?1701207963" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701207963" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701207963" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701207963" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701207963" rel="stylesheet">
<link href="../../css/print.css?1701207963" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701207963" rel="stylesheet">
<link href="../../css/ie.css?1701207963" rel="stylesheet">
<script src="../../js/url.js?1701207963"></script>
<script src="../../js/variant.js?1701207963"></script>
<link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701211967" rel="stylesheet">
<link href="../../css/auto-complete.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701211967" rel="stylesheet">
<link href="../../css/fonts.css?1701211967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701211967" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701211967" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701211967" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701211967" rel="stylesheet">
<link href="../../css/print.css?1701211967" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701211967" rel="stylesheet">
<link href="../../css/ie.css?1701211967" rel="stylesheet">
<script src="../../js/url.js?1701211967"></script>
<script src="../../js/variant.js?1701211967"></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,8 +95,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-5c874a91d21004d8e6bf10b3f55db776" 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-5c874a91d21004d8e6bf10b3f55db776"><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-18ef736b9ce7e61759b9922ab9ef9b1e" 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-18ef736b9ce7e61759b9922ab9ef9b1e"><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">
@ -108,8 +108,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-41138e592bc39a536593ce99e2a92604" 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-41138e592bc39a536593ce99e2a92604"><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-aada2973ac7ab0ad62048be9a1bf3849" 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-aada2973ac7ab0ad62048be9a1bf3849"><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>
@ -427,8 +427,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701207963" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701207963" defer></script>
<script src="../../js/theme.js?1701207963" defer></script>
<script src="../../js/clipboard.min.js?1701211967" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701211967" defer></script>
<script src="../../js/theme.js?1701211967" defer></script>
</body>
</html>