This commit is contained in:
McShelby 2023-11-28 21:13:32 +00:00
parent 299aa8b51f
commit 8fe5a19fdb
264 changed files with 6772 additions and 6772 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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="e9cd231c37d22f220c5340d7650bbf36">
<div class="tab-panel" data-tab-group="68f498e64298ad4ac89c8eb3a2adce4e">
<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('e9cd231c37d22f220c5340d7650bbf36','configtoml')"
onclick="switchTab('68f498e64298ad4ac89c8eb3a2adce4e','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="172bc2bec0b82d3226c3597d4c8d5db8">
<div class="tab-panel" data-tab-group="7757a8280435f88a6c08ad4f563e55ad">
<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('172bc2bec0b82d3226c3597d4c8d5db8','configtoml')"
onclick="switchTab('7757a8280435f88a6c08ad4f563e55ad','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="603a492b037d6843f5a8712ee6d6f746">
<div class="tab-panel" data-tab-group="fcf4c08d6021ee4daf70a63f6560ed35">
<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('603a492b037d6843f5a8712ee6d6f746','configtoml')"
onclick="switchTab('fcf4c08d6021ee4daf70a63f6560ed35','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="c742d281d9098909911e607783a3eca6">
<div class="tab-panel" data-tab-group="710b08f5535b5384e523d896210c3219">
<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('c742d281d9098909911e607783a3eca6','configtoml')"
onclick="switchTab('710b08f5535b5384e523d896210c3219','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="dabb00425c868e2c2790f22c0e60825b">
<div class="tab-panel" data-tab-group="96fc27bff744708196b10d817f458572">
<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('dabb00425c868e2c2790f22c0e60825b','layoutspartialsfaviconhtml')"
onclick="switchTab('96fc27bff744708196b10d817f458572','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="7dce56a15f577d439ea48502bd103f4f">
<div class="tab-panel" data-tab-group="3ebed901c92980f0550514faadd01f8c">
<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('7dce56a15f577d439ea48502bd103f4f','configtoml')"
onclick="switchTab('3ebed901c92980f0550514faadd01f8c','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="b6241ad8adf964315713e4dc11f98b73">
<div class="tab-panel" data-tab-group="c0fc5ad7716773582d761d456c576fda">
<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('b6241ad8adf964315713e4dc11f98b73','configtoml')"
onclick="switchTab('c0fc5ad7716773582d761d456c576fda','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="22b7122d9b30c745b8dd2e20c3453977">
<div class="tab-panel" data-tab-group="8ace4df9a735c1a5e79507d8eaa39f04">
<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('22b7122d9b30c745b8dd2e20c3453977','configtoml')"
onclick="switchTab('8ace4df9a735c1a5e79507d8eaa39f04','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="e297c612bef651bbe90006b8ca52b7c0">
<div class="tab-panel" data-tab-group="c21905c4a335dc695bd788ad89b706f5">
<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('e297c612bef651bbe90006b8ca52b7c0','staticcsstheme-my-brandingcss')"
onclick="switchTab('c21905c4a335dc695bd788ad89b706f5','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="31f11212459a81ea6df2c263e7652c3d">
<div class="tab-panel" data-tab-group="26e19939cb5c5a41e7a34c1385c70174">
<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('31f11212459a81ea6df2c263e7652c3d','configtoml')"
onclick="switchTab('26e19939cb5c5a41e7a34c1385c70174','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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -769,13 +769,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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="e9cd231c37d22f220c5340d7650bbf36">
<div class="tab-panel" data-tab-group="68f498e64298ad4ac89c8eb3a2adce4e">
<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('e9cd231c37d22f220c5340d7650bbf36','configtoml')"
onclick="switchTab('68f498e64298ad4ac89c8eb3a2adce4e','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="172bc2bec0b82d3226c3597d4c8d5db8">
<div class="tab-panel" data-tab-group="7757a8280435f88a6c08ad4f563e55ad">
<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('172bc2bec0b82d3226c3597d4c8d5db8','configtoml')"
onclick="switchTab('7757a8280435f88a6c08ad4f563e55ad','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="603a492b037d6843f5a8712ee6d6f746">
<div class="tab-panel" data-tab-group="fcf4c08d6021ee4daf70a63f6560ed35">
<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('603a492b037d6843f5a8712ee6d6f746','configtoml')"
onclick="switchTab('fcf4c08d6021ee4daf70a63f6560ed35','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="c742d281d9098909911e607783a3eca6">
<div class="tab-panel" data-tab-group="710b08f5535b5384e523d896210c3219">
<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('c742d281d9098909911e607783a3eca6','configtoml')"
onclick="switchTab('710b08f5535b5384e523d896210c3219','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="dabb00425c868e2c2790f22c0e60825b">
<div class="tab-panel" data-tab-group="96fc27bff744708196b10d817f458572">
<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('dabb00425c868e2c2790f22c0e60825b','layoutspartialsfaviconhtml')"
onclick="switchTab('96fc27bff744708196b10d817f458572','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="7dce56a15f577d439ea48502bd103f4f">
<div class="tab-panel" data-tab-group="3ebed901c92980f0550514faadd01f8c">
<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('7dce56a15f577d439ea48502bd103f4f','configtoml')"
onclick="switchTab('3ebed901c92980f0550514faadd01f8c','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="b6241ad8adf964315713e4dc11f98b73">
<div class="tab-panel" data-tab-group="c0fc5ad7716773582d761d456c576fda">
<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('b6241ad8adf964315713e4dc11f98b73','configtoml')"
onclick="switchTab('c0fc5ad7716773582d761d456c576fda','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="22b7122d9b30c745b8dd2e20c3453977">
<div class="tab-panel" data-tab-group="8ace4df9a735c1a5e79507d8eaa39f04">
<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('22b7122d9b30c745b8dd2e20c3453977','configtoml')"
onclick="switchTab('8ace4df9a735c1a5e79507d8eaa39f04','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="e297c612bef651bbe90006b8ca52b7c0">
<div class="tab-panel" data-tab-group="c21905c4a335dc695bd788ad89b706f5">
<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('e297c612bef651bbe90006b8ca52b7c0','staticcsstheme-my-brandingcss')"
onclick="switchTab('c21905c4a335dc695bd788ad89b706f5','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="31f11212459a81ea6df2c263e7652c3d">
<div class="tab-panel" data-tab-group="26e19939cb5c5a41e7a34c1385c70174">
<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('31f11212459a81ea6df2c263e7652c3d','configtoml')"
onclick="switchTab('26e19939cb5c5a41e7a34c1385c70174','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -464,8 +464,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2414,13 +2414,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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="40c194d63f14e2ed191df09326b13a52">
<div class="tab-panel" data-tab-group="b6c6b46b2d997ed399986996b5a6b757">
<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('40c194d63f14e2ed191df09326b13a52','configtoml')"
onclick="switchTab('b6c6b46b2d997ed399986996b5a6b757','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -666,12 +666,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -830,13 +830,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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="40c194d63f14e2ed191df09326b13a52">
<div class="tab-panel" data-tab-group="b6c6b46b2d997ed399986996b5a6b757">
<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('40c194d63f14e2ed191df09326b13a52','configtoml')"
onclick="switchTab('b6c6b46b2d997ed399986996b5a6b757','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -546,8 +546,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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-c6fa6f00012663c37ba2a41c224d0865" 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-c6fa6f00012663c37ba2a41c224d0865"><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-db5b01a11e21fadd465325517b786456" 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-db5b01a11e21fadd465325517b786456"><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-5f6fa73047a2e8f84d67d342d845491c" 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-5f6fa73047a2e8f84d67d342d845491c"><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-d728e446ac56bff84a3bfca784d6c188" 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-d728e446ac56bff84a3bfca784d6c188"><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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -564,13 +564,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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-c6fa6f00012663c37ba2a41c224d0865" 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-c6fa6f00012663c37ba2a41c224d0865"><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-db5b01a11e21fadd465325517b786456" 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-db5b01a11e21fadd465325517b786456"><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-5f6fa73047a2e8f84d67d342d845491c" 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-5f6fa73047a2e8f84d67d342d845491c"><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-d728e446ac56bff84a3bfca784d6c188" 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-d728e446ac56bff84a3bfca784d6c188"><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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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-6975a65b69145d7fb587c79a1366e808" aria-controls="R-expandcontent-6975a65b69145d7fb587c79a1366e808" >
<label class="expand-label" for="R-expand-6975a65b69145d7fb587c79a1366e808" >
<input type="checkbox" id="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" aria-controls="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" >
<label class="expand-label" for="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6975a65b69145d7fb587c79a1366e808" class="expand-content">
<div id="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" 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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -444,27 +444,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-color.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701205269" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701205269" defer></script>
<script src="../../js/js-yaml.min.js?1701205269" defer></script>
<script src="../../js/mermaid.min.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-color.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701206006" defer></script>
<script src="../../js/js-yaml.min.js?1701206006" defer></script>
<script src="../../js/mermaid.min.js?1701206006" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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-6975a65b69145d7fb587c79a1366e808" aria-controls="R-expandcontent-6975a65b69145d7fb587c79a1366e808" >
<label class="expand-label" for="R-expand-6975a65b69145d7fb587c79a1366e808" >
<input type="checkbox" id="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" aria-controls="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" >
<label class="expand-label" for="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6975a65b69145d7fb587c79a1366e808" class="expand-content">
<div id="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" 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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-color.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701205270" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701205270" defer></script>
<script src="../../js/js-yaml.min.js?1701205270" defer></script>
<script src="../../js/mermaid.min.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-color.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701206006" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701206006" defer></script>
<script src="../../js/js-yaml.min.js?1701206006" defer></script>
<script src="../../js/mermaid.min.js?1701206006" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2420,13 +2420,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701205269" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701205269" rel="stylesheet">
<link href="../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../css/ie.css?1701205269" rel="stylesheet">
<script src="../js/url.js?1701205269"></script>
<script src="../js/variant.js?1701205269"></script>
<link href="../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701206005" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701206005" rel="stylesheet">
<link href="../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../css/ie.css?1701206005" rel="stylesheet">
<script src="../js/url.js?1701206005"></script>
<script src="../js/variant.js?1701206005"></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?1701205269" defer></script>
<script src="../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../js/search.js?1701205269" defer></script>
<script src="../js/auto-complete.js?1701206006" defer></script>
<script src="../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -387,13 +387,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1701205269"></script>
<script async src="../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1701205269" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../js/theme.js?1701205269" defer></script>
<script src="../js/clipboard.min.js?1701206006" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701205270" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701205270" rel="stylesheet">
<link href="../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701205270" rel="stylesheet">
<link href="../css/ie.css?1701205270" rel="stylesheet">
<script src="../js/url.js?1701205270"></script>
<script src="../js/variant.js?1701205270"></script>
<link href="../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701206006" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701206006" rel="stylesheet">
<link href="../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701206006" rel="stylesheet">
<link href="../css/ie.css?1701206006" rel="stylesheet">
<script src="../js/url.js?1701206006"></script>
<script src="../js/variant.js?1701206006"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -110,7 +110,7 @@
<p>This document shows you what&rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the <a href="../basics/history/index.html">history page</a>.</p>
<ul>
<li>
<p><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.110.0</span></span> The minimum required Hugo version.</p>
<p><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> The minimum required Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
@ -127,7 +127,7 @@
<h2 id="5240">5.24.0.beta</h2>
<ul>
<li>
<p><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.110.0</span></span> This release requires a newer Hugo version.</p>
<p><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> This release requires a newer Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai. If you dislike this, you can create your own color variant file as <a href="../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
@ -987,9 +987,9 @@
<h1 id="requirements">Requirements</h1>
<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.110.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-92dcb2c3738419930dd364d7bc1996a9" 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-92dcb2c3738419930dd364d7bc1996a9"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></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-af04298e03a6737d08325c11bb573a31" 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-af04298e03a6737d08325c11bb573a31"><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-b8c5b84270263500d778af75efc622bf" 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-b8c5b84270263500d778af75efc622bf"><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-8c5cfccff5b44b954cfc72a884d2d7f6" 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-8c5cfccff5b44b954cfc72a884d2d7f6"><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="40c194d63f14e2ed191df09326b13a52">
<div class="tab-panel" data-tab-group="b6c6b46b2d997ed399986996b5a6b757">
<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('40c194d63f14e2ed191df09326b13a52','configtoml')"
onclick="switchTab('b6c6b46b2d997ed399986996b5a6b757','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1539,13 +1539,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="e9cd231c37d22f220c5340d7650bbf36">
<div class="tab-panel" data-tab-group="68f498e64298ad4ac89c8eb3a2adce4e">
<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('e9cd231c37d22f220c5340d7650bbf36','configtoml')"
onclick="switchTab('68f498e64298ad4ac89c8eb3a2adce4e','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1573,13 +1573,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="172bc2bec0b82d3226c3597d4c8d5db8">
<div class="tab-panel" data-tab-group="7757a8280435f88a6c08ad4f563e55ad">
<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('172bc2bec0b82d3226c3597d4c8d5db8','configtoml')"
onclick="switchTab('7757a8280435f88a6c08ad4f563e55ad','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1608,13 +1608,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="603a492b037d6843f5a8712ee6d6f746">
<div class="tab-panel" data-tab-group="fcf4c08d6021ee4daf70a63f6560ed35">
<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('603a492b037d6843f5a8712ee6d6f746','configtoml')"
onclick="switchTab('fcf4c08d6021ee4daf70a63f6560ed35','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1634,13 +1634,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="c742d281d9098909911e607783a3eca6">
<div class="tab-panel" data-tab-group="710b08f5535b5384e523d896210c3219">
<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('c742d281d9098909911e607783a3eca6','configtoml')"
onclick="switchTab('710b08f5535b5384e523d896210c3219','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1662,13 +1662,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="dabb00425c868e2c2790f22c0e60825b">
<div class="tab-panel" data-tab-group="96fc27bff744708196b10d817f458572">
<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('dabb00425c868e2c2790f22c0e60825b','layoutspartialsfaviconhtml')"
onclick="switchTab('96fc27bff744708196b10d817f458572','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -1702,13 +1702,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="7dce56a15f577d439ea48502bd103f4f">
<div class="tab-panel" data-tab-group="3ebed901c92980f0550514faadd01f8c">
<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('7dce56a15f577d439ea48502bd103f4f','configtoml')"
onclick="switchTab('3ebed901c92980f0550514faadd01f8c','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1726,13 +1726,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="b6241ad8adf964315713e4dc11f98b73">
<div class="tab-panel" data-tab-group="c0fc5ad7716773582d761d456c576fda">
<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('b6241ad8adf964315713e4dc11f98b73','configtoml')"
onclick="switchTab('c0fc5ad7716773582d761d456c576fda','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1781,13 +1781,13 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="22b7122d9b30c745b8dd2e20c3453977">
<div class="tab-panel" data-tab-group="8ace4df9a735c1a5e79507d8eaa39f04">
<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('22b7122d9b30c745b8dd2e20c3453977','configtoml')"
onclick="switchTab('8ace4df9a735c1a5e79507d8eaa39f04','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1832,13 +1832,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="e297c612bef651bbe90006b8ca52b7c0">
<div class="tab-panel" data-tab-group="c21905c4a335dc695bd788ad89b706f5">
<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('e297c612bef651bbe90006b8ca52b7c0','staticcsstheme-my-brandingcss')"
onclick="switchTab('c21905c4a335dc695bd788ad89b706f5','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -1861,13 +1861,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="31f11212459a81ea6df2c263e7652c3d">
<div class="tab-panel" data-tab-group="26e19939cb5c5a41e7a34c1385c70174">
<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('31f11212459a81ea6df2c263e7652c3d','configtoml')"
onclick="switchTab('26e19939cb5c5a41e7a34c1385c70174','configtoml')"
>
<span class="tab-nav-text">config.toml</span>
</button>
@ -1927,8 +1927,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-c6fa6f00012663c37ba2a41c224d0865" 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-c6fa6f00012663c37ba2a41c224d0865"><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-db5b01a11e21fadd465325517b786456" 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-db5b01a11e21fadd465325517b786456"><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 +1969,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-5f6fa73047a2e8f84d67d342d845491c" 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-5f6fa73047a2e8f84d67d342d845491c"><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-d728e446ac56bff84a3bfca784d6c188" 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-d728e446ac56bff84a3bfca784d6c188"><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 +2074,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-6975a65b69145d7fb587c79a1366e808" aria-controls="R-expandcontent-6975a65b69145d7fb587c79a1366e808" >
<label class="expand-label" for="R-expand-6975a65b69145d7fb587c79a1366e808" >
<input type="checkbox" id="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" aria-controls="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" >
<label class="expand-label" for="R-expand-d77fdef0395e0fb1c2831083dbc0fb98" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-6975a65b69145d7fb587c79a1366e808" class="expand-content">
<div id="R-expandcontent-d77fdef0395e0fb1c2831083dbc0fb98" 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 +2140,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-df7928168847f0d5d5a76d209852c143" 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-df7928168847f0d5d5a76d209852c143"><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-70d6d3a1430b8cb1d07711eb954655f8" 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-70d6d3a1430b8cb1d07711eb954655f8"><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 +2153,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-a458215946cda7cf5e8eb5fd3b67cc54" 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-a458215946cda7cf5e8eb5fd3b67cc54"><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-b992cecf57a0bf51d07eb814730e7b89" 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-b992cecf57a0bf51d07eb814730e7b89"><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 +3808,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1701205270" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../js/d3/d3-color.min.js?1701205270" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1701205270" defer></script>
<script src="../js/d3/d3-drag.min.js?1701205270" defer></script>
<script src="../js/d3/d3-ease.min.js?1701205270" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1701205270" defer></script>
<script src="../js/d3/d3-selection.min.js?1701205270" defer></script>
<script src="../js/d3/d3-timer.min.js?1701205270" defer></script>
<script src="../js/d3/d3-transition.min.js?1701205270" defer></script>
<script src="../js/d3/d3-zoom.min.js?1701205270" defer></script>
<script src="../js/js-yaml.min.js?1701205270" defer></script>
<script src="../js/mermaid.min.js?1701205270" defer></script>
<script src="../js/clipboard.min.js?1701206006" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../js/d3/d3-color.min.js?1701206006" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1701206006" defer></script>
<script src="../js/d3/d3-drag.min.js?1701206006" defer></script>
<script src="../js/d3/d3-ease.min.js?1701206006" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1701206006" defer></script>
<script src="../js/d3/d3-selection.min.js?1701206006" defer></script>
<script src="../js/d3/d3-timer.min.js?1701206006" defer></script>
<script src="../js/d3/d3-transition.min.js?1701206006" defer></script>
<script src="../js/d3/d3-zoom.min.js?1701206006" defer></script>
<script src="../js/js-yaml.min.js?1701206006" defer></script>
<script src="../js/mermaid.min.js?1701206006" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1701205270" defer></script>
<script src="../js/theme.js?1701206006" defer></script>
</body>
</html>

View file

@ -13,7 +13,7 @@
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html</guid>
<description>This document shows you what&amp;rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the history page.
0.110.0 The minimum required Hugo version.
0.112.4 The minimum required Hugo version.
Breaking A change that requires action by you after upgrading to assure the site is still functional.
Change A change in default behavior that may requires action by you if you want to revert it.</description>
</item>
@ -23,7 +23,7 @@ Change A change in default behavior that may requires action by you if you want
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html</guid>
<description>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
Just download at least version 0.110.0 of the Hugo binary for your OS (Windows, Linux, Mac).</description>
Just download at least version 0.112.4 of the Hugo binary for your OS (Windows, Linux, Mac).</description>
</item>
<item>
<title>Installation</title>

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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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-b8c5b84270263500d778af75efc622bf" 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-b8c5b84270263500d778af75efc622bf"><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-8c5cfccff5b44b954cfc72a884d2d7f6" 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-8c5cfccff5b44b954cfc72a884d2d7f6"><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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -461,13 +461,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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-b8c5b84270263500d778af75efc622bf" 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-b8c5b84270263500d778af75efc622bf"><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-8c5cfccff5b44b954cfc72a884d2d7f6" 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-8c5cfccff5b44b954cfc72a884d2d7f6"><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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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
@ -186,7 +186,7 @@
<p>This document shows you what&rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the <a href="../../basics/history/index.html">history page</a>.</p>
<ul>
<li>
<p><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.110.0</span></span> The minimum required Hugo version.</p>
<p><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> The minimum required Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
@ -203,7 +203,7 @@
<h2 id="5240">5.24.0.beta</h2>
<ul>
<li>
<p><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.110.0</span></span> This release requires a newer Hugo version.</p>
<p><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> This release requires a newer Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai. If you dislike this, you can create your own color variant file as <a href="../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
@ -1141,12 +1141,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1305,13 +1305,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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,7 +97,7 @@
<p>This document shows you what&rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the <a href="../../basics/history/index.html">history page</a>.</p>
<ul>
<li>
<p><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.110.0</span></span> The minimum required Hugo version.</p>
<p><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> The minimum required Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> A change that requires action by you after upgrading to assure the site is still functional.</p>
@ -114,7 +114,7 @@
<h2 id="5240">5.24.0.beta</h2>
<ul>
<li>
<p><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.110.0</span></span> This release requires a newer Hugo version.</p>
<p><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> This release requires a newer Hugo version.</p>
</li>
<li>
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The light themes have a bit more contrast for content text and headings. Also the syntaxhighlighting was changed to the more colorful MonokaiLight. This brings the syntaxhighlightning in sync with the corresponding dark theme variants, which are using Monokai. If you dislike this, you can create your own color variant file as <a href="../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
@ -971,8 +971,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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,9 +125,9 @@
<h1 id="requirements">Requirements</h1>
<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.110.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-92dcb2c3738419930dd364d7bc1996a9" 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-92dcb2c3738419930dd364d7bc1996a9"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></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-af04298e03a6737d08325c11bb573a31" 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-af04298e03a6737d08325c11bb573a31"><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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -387,13 +387,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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,9 +95,9 @@
<h1 id="requirements">Requirements</h1>
<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.110.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-92dcb2c3738419930dd364d7bc1996a9" 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-92dcb2c3738419930dd364d7bc1996a9"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></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-af04298e03a6737d08325c11bb573a31" 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-af04298e03a6737d08325c11bb573a31"><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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205269" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205269" rel="stylesheet">
<link href="../../css/fonts.css?1701205269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205269" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205269" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205269" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205269" rel="stylesheet">
<link href="../../css/print.css?1701205269" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701205269" rel="stylesheet">
<script src="../../js/url.js?1701205269"></script>
<script src="../../js/variant.js?1701205269"></script>
<link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206005" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206005" rel="stylesheet">
<link href="../../css/fonts.css?1701206005" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206005" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206005" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206005" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206005" rel="stylesheet">
<link href="../../css/print.css?1701206005" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701206005" rel="stylesheet">
<script src="../../js/url.js?1701206005"></script>
<script src="../../js/variant.js?1701206005"></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-df7928168847f0d5d5a76d209852c143" 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-df7928168847f0d5d5a76d209852c143"><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-70d6d3a1430b8cb1d07711eb954655f8" 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-70d6d3a1430b8cb1d07711eb954655f8"><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-a458215946cda7cf5e8eb5fd3b67cc54" 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-a458215946cda7cf5e8eb5fd3b67cc54"><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-b992cecf57a0bf51d07eb814730e7b89" 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-b992cecf57a0bf51d07eb814730e7b89"><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?1701205269" defer></script>
<script src="../../js/lunr/lunr.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701205269" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701205269" defer></script>
<script src="../../js/search.js?1701205269" defer></script>
<script src="../../js/auto-complete.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701206006" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701206006" defer></script>
<script src="../../js/search.js?1701206006" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -732,13 +732,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1701205269"></script>
<script async src="../../js/github-buttons.js?1701206006"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1701205269" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205269" defer></script>
<script src="../../js/theme.js?1701205269" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" 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?1701205269" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1701206005" 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?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701205270" rel="stylesheet">
<link href="../../css/auto-complete.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701205270" rel="stylesheet">
<link href="../../css/fonts.css?1701205270" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701205270" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701205270" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701205270" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701205270" rel="stylesheet">
<link href="../../css/print.css?1701205270" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701205270" rel="stylesheet">
<link href="../../css/ie.css?1701205270" rel="stylesheet">
<script src="../../js/url.js?1701205270"></script>
<script src="../../js/variant.js?1701205270"></script>
<link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701206006" rel="stylesheet">
<link href="../../css/auto-complete.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701206006" rel="stylesheet">
<link href="../../css/fonts.css?1701206006" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701206006" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701206006" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701206006" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701206006" rel="stylesheet">
<link href="../../css/print.css?1701206006" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701206006" rel="stylesheet">
<link href="../../css/ie.css?1701206006" rel="stylesheet">
<script src="../../js/url.js?1701206006"></script>
<script src="../../js/variant.js?1701206006"></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-df7928168847f0d5d5a76d209852c143" 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-df7928168847f0d5d5a76d209852c143"><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-70d6d3a1430b8cb1d07711eb954655f8" 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-70d6d3a1430b8cb1d07711eb954655f8"><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-a458215946cda7cf5e8eb5fd3b67cc54" 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-a458215946cda7cf5e8eb5fd3b67cc54"><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-b992cecf57a0bf51d07eb814730e7b89" 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-b992cecf57a0bf51d07eb814730e7b89"><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?1701205270" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701205270" defer></script>
<script src="../../js/theme.js?1701205270" defer></script>
<script src="../../js/clipboard.min.js?1701206006" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701206006" defer></script>
<script src="../../js/theme.js?1701206006" defer></script>
</body>
</html>