deploy: 283c61a0fd8829de827fabe081ce6be7d1f709c6

This commit is contained in:
McShelby 2023-11-29 23:15:02 +00:00
parent 9647f8806c
commit 6527bc4d0a
284 changed files with 7945 additions and 7945 deletions

View File

@ -19,21 +19,21 @@
<meta property="og:site_name" content="Hugo Relearn Theme"> <meta property="og:site_name" content="Hugo Relearn Theme">
<title>404 Page not found :: Hugo Relearn Theme</title> <title>404 Page not found :: Hugo Relearn Theme</title>
<base href="https://McShelby.github.io/hugo-theme-relearn/"> <base href="https://McShelby.github.io/hugo-theme-relearn/">
<link href="./images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="./images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="./css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="./css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1701291161" rel="stylesheet"> <link href="./css/nucleus.css?1701299692" rel="stylesheet">
<link href="./css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="./css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="./css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="./css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="./css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/theme.css?1701291161" rel="stylesheet"> <link href="./css/theme.css?1701299692" rel="stylesheet">
<link href="./css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="./css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="./css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="./css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="./css/variant.css?1701291161" rel="stylesheet"> <link href="./css/variant.css?1701299692" rel="stylesheet">
<link href="./css/print.css?1701291161" rel="stylesheet" media="print"> <link href="./css/print.css?1701299692" rel="stylesheet" media="print">
<link href="./css/ie.css?1701291161" rel="stylesheet"> <link href="./css/ie.css?1701299692" rel="stylesheet">
<script src="./js/url.js?1701291161"></script> <script src="./js/url.js?1701299692"></script>
<script src="./js/variant.js?1701291161"></script> <script src="./js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72

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="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.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="../../basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -155,28 +155,28 @@
<h1 id="branding">Branding</h1> <h1 id="branding">Branding</h1>
<p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p> <p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p>
<p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>config.toml</code>.</p> <p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>hugo.toml</code>.</p>
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p> <p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p> <p>Once configured in your <code>hugo.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
<h2 id="theme-variant">Change the Variant (Simple)</h2> <h2 id="theme-variant">Change the Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<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> <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="d94dd8c754a9a043c5e6ca5b119b82bb"> <div class="tab-panel" data-tab-group="32043b840b52c4883361e43d3cd7d775">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d94dd8c754a9a043c5e6ca5b119b82bb','configtoml')" onclick="switchTab('32043b840b52c4883361e43d3cd7d775','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -197,20 +197,20 @@
<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> <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="c9683c61974881022dbbf8c0756c2187"> <div class="tab-panel" data-tab-group="9aafbbf4461a4363a269fc978fccda3e">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c9683c61974881022dbbf8c0756c2187','configtoml')" onclick="switchTab('9aafbbf4461a4363a269fc978fccda3e','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -232,20 +232,20 @@
<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> <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="dc50f7d39247bb78d05d92f055b1c616"> <div class="tab-panel" data-tab-group="6f581bd78f65195d58119fe6277f665d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('dc50f7d39247bb78d05d92f055b1c616','configtoml')" onclick="switchTab('6f581bd78f65195d58119fe6277f665d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -258,20 +258,20 @@
<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> <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="c7eb1585bf11f779da12f4f8b99b595c"> <div class="tab-panel" data-tab-group="226251fb776c35d4cb6a41fc3e51cfa1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c7eb1585bf11f779da12f4f8b99b595c','configtoml')" onclick="switchTab('226251fb776c35d4cb6a41fc3e51cfa1','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -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> <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="86f2b89a03a1a84db039ebad0980fdd3"> <div class="tab-panel" data-tab-group="335d5cf8468470793e77033cb39d0914">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('86f2b89a03a1a84db039ebad0980fdd3','layoutspartialsfaviconhtml')" onclick="switchTab('335d5cf8468470793e77033cb39d0914','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -319,27 +319,27 @@
<h2 id="syntax-highlightning">Syntax Highlightning</h2> <h2 id="syntax-highlightning">Syntax Highlightning</h2>
<p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p> <p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p>
<p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p> <p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> of the exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> of the exampleSite.</p>
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p> <p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p> <p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
<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> <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="07dcde303ee9068badff00dfd4428d34"> <div class="tab-panel" data-tab-group="7a9cd00acbb2487b5d763688d9784d4d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('07dcde303ee9068badff00dfd4428d34','configtoml')" onclick="switchTab('7a9cd00acbb2487b5d763688d9784d4d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -350,20 +350,20 @@
</div><p>you now write it that way:</p> </div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="9ccdb4737d1535f473d3151e155b2aae"> <div class="tab-panel" data-tab-group="0a58259a7a080924e0930f31d277f4d0">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9ccdb4737d1535f473d3151e155b2aae','configtoml')" onclick="switchTab('0a58259a7a080924e0930f31d277f4d0','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -405,20 +405,20 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3> <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="44a069c71f60a8f692ce539cf58d5c06"> <div class="tab-panel" data-tab-group="b6e0aeac4b0203d3d8bcddbc1fe53975">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('44a069c71f60a8f692ce539cf58d5c06','configtoml')" onclick="switchTab('b6e0aeac4b0203d3d8bcddbc1fe53975','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -448,21 +448,21 @@
<ol> <ol>
<li> <li>
<p>Copy and change</p> <p>Copy and change</p>
<p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
</li> </li>
<li> <li>
<p>Create and import</p> <p>Create and import</p>
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<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> <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="ed58e07bb674a0c1056de92d8fa92c3f"> <div class="tab-panel" data-tab-group="21592337409b55529ad4b8f75d5be130">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ed58e07bb674a0c1056de92d8fa92c3f','staticcsstheme-my-brandingcss')" onclick="switchTab('21592337409b55529ad4b8f75d5be130','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-branding.css</span> <span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button> </button>
@ -482,23 +482,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p> </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="821835dfbe653b7bbd90ee9e353e0a17"> <div class="tab-panel" data-tab-group="404cc9f4002e71e966edb95adbaba2ab">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('821835dfbe653b7bbd90ee9e353e0a17','configtoml')" onclick="switchTab('404cc9f4002e71e966edb95adbaba2ab','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -605,12 +605,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -770,13 +770,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -95,28 +95,28 @@
<h1 id="branding">Branding</h1> <h1 id="branding">Branding</h1>
<p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p> <p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p>
<p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>config.toml</code>.</p> <p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>hugo.toml</code>.</p>
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p> <p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p> <p>Once configured in your <code>hugo.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
<h2 id="theme-variant">Change the Variant (Simple)</h2> <h2 id="theme-variant">Change the Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<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> <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="d94dd8c754a9a043c5e6ca5b119b82bb"> <div class="tab-panel" data-tab-group="32043b840b52c4883361e43d3cd7d775">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d94dd8c754a9a043c5e6ca5b119b82bb','configtoml')" onclick="switchTab('32043b840b52c4883361e43d3cd7d775','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -137,20 +137,20 @@
<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> <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="c9683c61974881022dbbf8c0756c2187"> <div class="tab-panel" data-tab-group="9aafbbf4461a4363a269fc978fccda3e">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c9683c61974881022dbbf8c0756c2187','configtoml')" onclick="switchTab('9aafbbf4461a4363a269fc978fccda3e','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -172,20 +172,20 @@
<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> <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="dc50f7d39247bb78d05d92f055b1c616"> <div class="tab-panel" data-tab-group="6f581bd78f65195d58119fe6277f665d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('dc50f7d39247bb78d05d92f055b1c616','configtoml')" onclick="switchTab('6f581bd78f65195d58119fe6277f665d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -198,20 +198,20 @@
<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> <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="c7eb1585bf11f779da12f4f8b99b595c"> <div class="tab-panel" data-tab-group="226251fb776c35d4cb6a41fc3e51cfa1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c7eb1585bf11f779da12f4f8b99b595c','configtoml')" onclick="switchTab('226251fb776c35d4cb6a41fc3e51cfa1','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -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> <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="86f2b89a03a1a84db039ebad0980fdd3"> <div class="tab-panel" data-tab-group="335d5cf8468470793e77033cb39d0914">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('86f2b89a03a1a84db039ebad0980fdd3','layoutspartialsfaviconhtml')" onclick="switchTab('335d5cf8468470793e77033cb39d0914','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -259,27 +259,27 @@
<h2 id="syntax-highlightning">Syntax Highlightning</h2> <h2 id="syntax-highlightning">Syntax Highlightning</h2>
<p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p> <p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p>
<p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p> <p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> of the exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> of the exampleSite.</p>
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p> <p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p> <p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
<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> <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="07dcde303ee9068badff00dfd4428d34"> <div class="tab-panel" data-tab-group="7a9cd00acbb2487b5d763688d9784d4d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('07dcde303ee9068badff00dfd4428d34','configtoml')" onclick="switchTab('7a9cd00acbb2487b5d763688d9784d4d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -290,20 +290,20 @@
</div><p>you now write it that way:</p> </div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="9ccdb4737d1535f473d3151e155b2aae"> <div class="tab-panel" data-tab-group="0a58259a7a080924e0930f31d277f4d0">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9ccdb4737d1535f473d3151e155b2aae','configtoml')" onclick="switchTab('0a58259a7a080924e0930f31d277f4d0','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -345,20 +345,20 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3> <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="44a069c71f60a8f692ce539cf58d5c06"> <div class="tab-panel" data-tab-group="b6e0aeac4b0203d3d8bcddbc1fe53975">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('44a069c71f60a8f692ce539cf58d5c06','configtoml')" onclick="switchTab('b6e0aeac4b0203d3d8bcddbc1fe53975','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -388,21 +388,21 @@
<ol> <ol>
<li> <li>
<p>Copy and change</p> <p>Copy and change</p>
<p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
</li> </li>
<li> <li>
<p>Create and import</p> <p>Create and import</p>
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<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> <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="ed58e07bb674a0c1056de92d8fa92c3f"> <div class="tab-panel" data-tab-group="21592337409b55529ad4b8f75d5be130">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ed58e07bb674a0c1056de92d8fa92c3f','staticcsstheme-my-brandingcss')" onclick="switchTab('21592337409b55529ad4b8f75d5be130','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-branding.css</span> <span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button> </button>
@ -422,23 +422,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p> </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="821835dfbe653b7bbd90ee9e353e0a17"> <div class="tab-panel" data-tab-group="404cc9f4002e71e966edb95adbaba2ab">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('821835dfbe653b7bbd90ee9e353e0a17','configtoml')" onclick="switchTab('404cc9f4002e71e966edb95adbaba2ab','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -464,8 +464,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -20,21 +20,21 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme"> <meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme"> <meta property="og:site_name" content="Hugo Relearn Theme">
<title></title> <title></title>
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -2250,12 +2250,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -2415,13 +2415,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -20,22 +20,22 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme"> <meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme"> <meta property="og:site_name" content="Hugo Relearn Theme">
<title></title> <title></title>
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -88,8 +88,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -138,24 +138,24 @@
</header> </header>
<h1 id="configuration">Configuration</h1> <h1 id="configuration">Configuration</h1>
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p> <p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>hugo.toml</code>. The defaults are written in the comments of each option.</p>
<p>Note that some of these options are explained in detail in other sections of this documentation.</p> <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="e982a73cc232e5c71417d0698a9a8988"> <div class="tab-panel" data-tab-group="756227cf79eb95ee889e5c30ae337e1a">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e982a73cc232e5c71417d0698a9a8988','configtoml')" onclick="switchTab('756227cf79eb95ee889e5c30ae337e1a','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -276,7 +276,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml of the theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml of the theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span>
</span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span>
@ -668,12 +668,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -833,13 +833,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -99,24 +99,24 @@
</header> </header>
<h1 id="configuration">Configuration</h1> <h1 id="configuration">Configuration</h1>
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p> <p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>hugo.toml</code>. The defaults are written in the comments of each option.</p>
<p>Note that some of these options are explained in detail in other sections of this documentation.</p> <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="e982a73cc232e5c71417d0698a9a8988"> <div class="tab-panel" data-tab-group="756227cf79eb95ee889e5c30ae337e1a">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e982a73cc232e5c71417d0698a9a8988','configtoml')" onclick="switchTab('756227cf79eb95ee889e5c30ae337e1a','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -237,7 +237,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml of the theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml of the theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span>
</span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span>
@ -548,8 +548,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -153,13 +153,13 @@
<h1 id="customization">Customization</h1> <h1 id="customization">Customization</h1>
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p> <p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>config.toml</code>:</p> <p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -170,26 +170,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p> <p>If not already present, add the following lines in your <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
<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> <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <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> </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-699cc4d4e2b9e17fa70abb3f901bd050" 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> <p><a href="#R-image-ee0167b8f8ab1fe636e8ab2b07833586" 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-699cc4d4e2b9e17fa70abb3f901bd050"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-ee0167b8f8ab1fe636e8ab2b07833586"><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 notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p> <p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>hugo.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p> <p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p> <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -199,8 +199,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p> <p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>hugo.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p> <p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>hugo.toml</code> to your liking.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configuration</h2> <h2 id="home-button-configuration">Home Button Configuration</h2>
@ -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="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> </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> <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-9156c106440ffa64e491fd632f10c986" 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> <p><a href="#R-image-27d3f4470921ebfbc14991675ed092dd" 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-9156c106440ffa64e491fd632f10c986"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27d3f4470921ebfbc14991675ed092dd"><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> <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> <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> <h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -264,23 +264,23 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p> <p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the following snippet to your <code>config.toml</code></p> <p>Add the following snippet to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>config.toml</code>.</p> <p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character casing is relevant!</p> <p>Character casing is relevant!</p>
<ul> <ul>
<li>the <code>name</code> setting in your <code>config.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>the <code>name</code> setting in your <code>hugo.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>the key on <code>params.relearn.dependencies</code> in your <code>config.toml</code> must match the base file name of your loader file.</li> <li>the key on <code>params.relearn.dependencies</code> in your <code>hugo.toml</code> must match the base file name of your loader file.</li>
</ul> </ul>
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p> <p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p> <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p> <p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -400,12 +400,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -565,13 +565,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -95,13 +95,13 @@
<h1 id="customization">Customization</h1> <h1 id="customization">Customization</h1>
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p> <p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>config.toml</code>:</p> <p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -112,26 +112,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p> <p>If not already present, add the following lines in your <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
<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> <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <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> </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-699cc4d4e2b9e17fa70abb3f901bd050" 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> <p><a href="#R-image-ee0167b8f8ab1fe636e8ab2b07833586" 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-699cc4d4e2b9e17fa70abb3f901bd050"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-ee0167b8f8ab1fe636e8ab2b07833586"><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 notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p> <p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>hugo.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p> <p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p> <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -141,8 +141,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p> <p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>hugo.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p> <p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>hugo.toml</code> to your liking.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configuration</h2> <h2 id="home-button-configuration">Home Button Configuration</h2>
@ -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="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> </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> <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-9156c106440ffa64e491fd632f10c986" 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> <p><a href="#R-image-27d3f4470921ebfbc14991675ed092dd" 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-9156c106440ffa64e491fd632f10c986"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27d3f4470921ebfbc14991675ed092dd"><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> <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> <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> <h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -206,23 +206,23 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p> <p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the following snippet to your <code>config.toml</code></p> <p>Add the following snippet to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>config.toml</code>.</p> <p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character casing is relevant!</p> <p>Character casing is relevant!</p>
<ul> <ul>
<li>the <code>name</code> setting in your <code>config.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>the <code>name</code> setting in your <code>hugo.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>the key on <code>params.relearn.dependencies</code> in your <code>config.toml</code> must match the base file name of your loader file.</li> <li>the key on <code>params.relearn.dependencies</code> in your <code>hugo.toml</code> must match the base file name of your loader file.</li>
</ul> </ul>
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p> <p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p> <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p> <p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -261,8 +261,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -136,20 +136,20 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p> <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-838c932b8c6bc02e8e7c1d62c712b185" aria-controls="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" > <input type="checkbox" id="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" aria-controls="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<label class="expand-label" for="R-expand-838c932b8c6bc02e8e7c1d62c712b185" > <label class="expand-label" for="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instructions Show usage instructions
</label> </label>
<div id="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" class="expand-content"> <div id="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" 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>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> <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>
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p> <p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p> <p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p> <p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
<p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p> <p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>hugo.toml</code> to your chosen file name.</p>
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p> <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
</div> </div>
</div> </div>
@ -256,12 +256,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -421,27 +421,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-color.min.js?1701291161" defer></script> <script src="../../js/d3/d3-color.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701291161" defer></script> <script src="../../js/d3/d3-dispatch.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701291161" defer></script> <script src="../../js/d3/d3-drag.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701291161" defer></script> <script src="../../js/d3/d3-ease.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701291161" defer></script> <script src="../../js/d3/d3-interpolate.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701291161" defer></script> <script src="../../js/d3/d3-selection.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701291161" defer></script> <script src="../../js/d3/d3-timer.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701291161" defer></script> <script src="../../js/d3/d3-transition.min.js?1701299692" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701291161" defer></script> <script src="../../js/d3/d3-zoom.min.js?1701299692" defer></script>
<script src="../../js/js-yaml.min.js?1701291161" defer></script> <script src="../../js/js-yaml.min.js?1701299692" defer></script>
<script src="../../js/mermaid.min.js?1701291161" defer></script> <script src="../../js/mermaid.min.js?1701299692" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -97,20 +97,20 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p> <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-838c932b8c6bc02e8e7c1d62c712b185" aria-controls="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" > <input type="checkbox" id="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" aria-controls="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<label class="expand-label" for="R-expand-838c932b8c6bc02e8e7c1d62c712b185" > <label class="expand-label" for="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instructions Show usage instructions
</label> </label>
<div id="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" class="expand-content"> <div id="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" 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>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> <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>
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p> <p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p> <p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p> <p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
<p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p> <p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>hugo.toml</code> to your chosen file name.</p>
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p> <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
</div> </div>
</div> </div>
@ -136,22 +136,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-color.min.js?1701291162" defer></script> <script src="../../js/d3/d3-color.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701291162" defer></script> <script src="../../js/d3/d3-dispatch.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701291162" defer></script> <script src="../../js/d3/d3-drag.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701291162" defer></script> <script src="../../js/d3/d3-ease.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701291162" defer></script> <script src="../../js/d3/d3-interpolate.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701291162" defer></script> <script src="../../js/d3/d3-selection.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701291162" defer></script> <script src="../../js/d3/d3-timer.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701291162" defer></script> <script src="../../js/d3/d3-transition.min.js?1701299693" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701291162" defer></script> <script src="../../js/d3/d3-zoom.min.js?1701299693" defer></script>
<script src="../../js/js-yaml.min.js?1701291162" defer></script> <script src="../../js/js-yaml.min.js?1701299693" defer></script>
<script src="../../js/mermaid.min.js?1701291162" defer></script> <script src="../../js/mermaid.min.js?1701299693" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -2256,12 +2256,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -2421,13 +2421,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1427,8 +1427,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291161" rel="stylesheet"> <link href="../css/theme.css?1701299692" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291161" rel="stylesheet"> <link href="../css/variant.css?1701299692" rel="stylesheet">
<link href="../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../css/ie.css?1701291161" rel="stylesheet"> <link href="../css/ie.css?1701299692" rel="stylesheet">
<script src="../js/url.js?1701291161"></script> <script src="../js/url.js?1701299692"></script>
<script src="../js/variant.js?1701291161"></script> <script src="../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -223,12 +223,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../js/auto-complete.js?1701291161" defer></script> <script src="../js/auto-complete.js?1701299692" defer></script>
<script src="../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../js/search.js?1701291161" defer></script> <script src="../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -388,13 +388,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../js/github-buttons.js?1701291161"></script> <script async src="../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../js/clipboard.min.js?1701291161" defer></script> <script src="../js/clipboard.min.js?1701299692" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../js/theme.js?1701291161" defer></script> <script src="../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291162" rel="stylesheet"> <link href="../css/theme.css?1701299693" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291162" rel="stylesheet"> <link href="../css/variant.css?1701299693" rel="stylesheet">
<link href="../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701291162" rel="stylesheet"> <link href="../css/format-print.css?1701299693" rel="stylesheet">
<link href="../css/ie.css?1701291162" rel="stylesheet"> <link href="../css/ie.css?1701299693" rel="stylesheet">
<script src="../js/url.js?1701291162"></script> <script src="../js/url.js?1701299693"></script>
<script src="../js/variant.js?1701291162"></script> <script src="../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -133,7 +133,7 @@
<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> <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>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>hugo.toml</code>. This allows for optional <a href="../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p> <p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li> </li>
</ul> </ul>
@ -141,14 +141,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>config.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p> <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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>hugo.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p>
<p>Change your previous setting from</p> <p>Change your previous setting from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>hugo.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
@ -227,13 +227,13 @@
<p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p> <p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>config.toml</code> inside of a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>hugo.toml</code> inside of a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p>
@ -277,7 +277,7 @@
<p>For existing variants nothing has changed visually.</p> <p>For existing variants nothing has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../cont/markdown/index.html#image-effects">image effects</a> are <a href="../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>config.toml</code> or for each page thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../cont/markdown/index.html#image-effects">image effects</a> are <a href="../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>hugo.toml</code> or for each page thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -327,7 +327,7 @@
<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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p> <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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p>
<p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p> <p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p>
<p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>config.toml</code>.</p> <p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p>
@ -382,7 +382,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p>
@ -395,7 +395,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>config.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>hugo.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -442,7 +442,7 @@
</li> </li>
<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 theme is now capable to visually <a href="../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p> <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 theme is now capable to visually <a href="../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p>
<p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>config.toml</code>.</p> <p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>hugo.toml</code>.</p>
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p> <p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p> <p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
</li> </li>
@ -500,7 +500,7 @@
</li> </li>
<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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p> <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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p>
<p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>config.toml</code>.</p> <p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -540,7 +540,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
<p>To activate this feature, you need to <a href="../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p> <p>To activate this feature, you need to <a href="../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p>
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p> <p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
</li> </li>
<li> <li>
@ -550,7 +550,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
<p>To <a href="../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p> <p>To <a href="../basics/configuration/index.html">configure this</a> in your <code>hugo.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
@ -584,8 +584,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p> <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> <a href="../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>hugo.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>hugo.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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 <a href="../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p> <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 <a href="../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p>
@ -616,7 +616,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>config.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>hugo.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -626,7 +626,7 @@
</li> </li>
<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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p> <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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
<p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p> <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>hugo.toml</code>to:</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -675,7 +675,7 @@
<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> Previously, if the <a href="../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p> <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> Previously, if the <a href="../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p>
</li> </li>
<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 <code>landingPageURL</code> was removed from <code>config.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p> <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 <code>landingPageURL</code> was removed from <code>hugo.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p>
@ -720,10 +720,10 @@
<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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p> <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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>hugo.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../basics/customization/index.html#activate-print-support">print support</a> in your <code>hugo.toml</code> to add the capability to print whole chapters or even the complete site.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
@ -767,7 +767,7 @@
</li> </li>
<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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p> <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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
<p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>config.toml</code>.</p> <p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>hugo.toml</code>. <a href="../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>hugo.toml</code>.</p>
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -785,7 +785,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>hugo.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p> <p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -846,7 +846,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../basics/configuration/index.html">the example configuration</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>hugo.toml</code>. For an example see <a href="../basics/configuration/index.html">the example configuration</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -857,7 +857,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>hugo.toml</code>. See the <a href="../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -871,10 +871,10 @@
<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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p> <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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>config.toml</code>. Please see further <a href="../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>hugo.toml</code>. Please see further <a href="../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p>
@ -896,7 +896,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -908,7 +908,7 @@
<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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p> <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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p>
@ -963,7 +963,7 @@
<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 href="../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p> <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 href="../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -988,8 +988,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p> <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p> <p>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-c9a4943a9306595caaed86394a1226ee" 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> <p><a href="#R-image-8ec42deb615f9fa0b749f01c8475970a" 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-c9a4943a9306595caaed86394a1226ee"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-8ec42deb615f9fa0b749f01c8475970a"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);"> <div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -1024,7 +1024,7 @@
<p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p> <p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p>
<p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p> <p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>config.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</p> <p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>hugo.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</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="c"># Change the default theme to be use when building the site with Hugo</span> <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="c"># Change the default theme to be use when building the site with Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -1037,8 +1037,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><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> </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-892d08e6d5bb3045c73029a7b78b1148" 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> <p><a href="#R-image-b844d5bd0c4bd2d5866fdbf506a0e748" 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-892d08e6d5bb3045c73029a7b78b1148"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-b844d5bd0c4bd2d5866fdbf506a0e748"><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> <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> <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> <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -1081,24 +1081,24 @@
</header> </header>
<h1 id="configuration">Configuration</h1> <h1 id="configuration">Configuration</h1>
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p> <p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>hugo.toml</code>. The defaults are written in the comments of each option.</p>
<p>Note that some of these options are explained in detail in other sections of this documentation.</p> <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="e982a73cc232e5c71417d0698a9a8988"> <div class="tab-panel" data-tab-group="756227cf79eb95ee889e5c30ae337e1a">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e982a73cc232e5c71417d0698a9a8988','configtoml')" onclick="switchTab('756227cf79eb95ee889e5c30ae337e1a','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1219,7 +1219,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml of the theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml of the theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># The theme provides a mechanism to load further JavaScript and CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they are needed. This comes in handy if you</span>
</span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want to add own shortcodes that depend on additional code to be loaded.</span>
@ -1533,28 +1533,28 @@
<h1 id="branding">Branding</h1> <h1 id="branding">Branding</h1>
<p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p> <p>The Relearn theme provides configuration options to change your your site&rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.</p>
<p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>config.toml</code>.</p> <p>A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your <code>hugo.toml</code>.</p>
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p> <p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p> <p>Once configured in your <code>hugo.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
<h2 id="theme-variant">Change the Variant (Simple)</h2> <h2 id="theme-variant">Change the Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<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> <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="d94dd8c754a9a043c5e6ca5b119b82bb"> <div class="tab-panel" data-tab-group="32043b840b52c4883361e43d3cd7d775">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d94dd8c754a9a043c5e6ca5b119b82bb','configtoml')" onclick="switchTab('32043b840b52c4883361e43d3cd7d775','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1575,20 +1575,20 @@
<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> <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="c9683c61974881022dbbf8c0756c2187"> <div class="tab-panel" data-tab-group="9aafbbf4461a4363a269fc978fccda3e">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c9683c61974881022dbbf8c0756c2187','configtoml')" onclick="switchTab('9aafbbf4461a4363a269fc978fccda3e','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1610,20 +1610,20 @@
<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> <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="dc50f7d39247bb78d05d92f055b1c616"> <div class="tab-panel" data-tab-group="6f581bd78f65195d58119fe6277f665d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('dc50f7d39247bb78d05d92f055b1c616','configtoml')" onclick="switchTab('6f581bd78f65195d58119fe6277f665d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1636,20 +1636,20 @@
<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> <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="c7eb1585bf11f779da12f4f8b99b595c"> <div class="tab-panel" data-tab-group="226251fb776c35d4cb6a41fc3e51cfa1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c7eb1585bf11f779da12f4f8b99b595c','configtoml')" onclick="switchTab('226251fb776c35d4cb6a41fc3e51cfa1','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1664,13 +1664,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p> <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="86f2b89a03a1a84db039ebad0980fdd3"> <div class="tab-panel" data-tab-group="335d5cf8468470793e77033cb39d0914">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('86f2b89a03a1a84db039ebad0980fdd3','layoutspartialsfaviconhtml')" onclick="switchTab('335d5cf8468470793e77033cb39d0914','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -1697,27 +1697,27 @@
<h2 id="syntax-highlightning">Syntax Highlightning</h2> <h2 id="syntax-highlightning">Syntax Highlightning</h2>
<p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p> <p>If you want to switch the syntax highlighting theme together with your color variant, you need to configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo&rsquo;s documentation</a> and provide a syntax highlighting stylesheet file.</p>
<p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p> <p>You can use a one of the shipped stylesheet files or use Hugo to generate a file for you. The file must be written to <code>static/css/chroma-&lt;NAME&gt;.css</code>. To use it with your color variant you have to define <code>--CODE-theme: &lt;NAME&gt;</code> in the color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> of the exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> and <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> of the exampleSite.</p>
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p> <p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p> <p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
<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> <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="07dcde303ee9068badff00dfd4428d34"> <div class="tab-panel" data-tab-group="7a9cd00acbb2487b5d763688d9784d4d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('07dcde303ee9068badff00dfd4428d34','configtoml')" onclick="switchTab('7a9cd00acbb2487b5d763688d9784d4d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1728,20 +1728,20 @@
</div><p>you now write it that way:</p> </div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="9ccdb4737d1535f473d3151e155b2aae"> <div class="tab-panel" data-tab-group="0a58259a7a080924e0930f31d277f4d0">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9ccdb4737d1535f473d3151e155b2aae','configtoml')" onclick="switchTab('0a58259a7a080924e0930f31d277f4d0','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1783,20 +1783,20 @@
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3> <h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="44a069c71f60a8f692ce539cf58d5c06"> <div class="tab-panel" data-tab-group="b6e0aeac4b0203d3d8bcddbc1fe53975">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('44a069c71f60a8f692ce539cf58d5c06','configtoml')" onclick="switchTab('b6e0aeac4b0203d3d8bcddbc1fe53975','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1826,21 +1826,21 @@
<ol> <ol>
<li> <li>
<p>Copy and change</p> <p>Copy and change</p>
<p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can copy the shipped variant file from the theme&rsquo;s <code>static/css</code> directory to the site&rsquo;s <code>static/css</code> directory and either store it with the same name or give it a new name. Edit the settings and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
</li> </li>
<li> <li>
<p>Create and import</p> <p>Create and import</p>
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>config.toml</code> by the choosen name.</p> <p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<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> <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="ed58e07bb674a0c1056de92d8fa92c3f"> <div class="tab-panel" data-tab-group="21592337409b55529ad4b8f75d5be130">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('ed58e07bb674a0c1056de92d8fa92c3f','staticcsstheme-my-brandingcss')" onclick="switchTab('21592337409b55529ad4b8f75d5be130','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-branding.css</span> <span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button> </button>
@ -1860,23 +1860,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this in your <code>config.toml</code> to use your new variant:</p> </div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="821835dfbe653b7bbd90ee9e353e0a17"> <div class="tab-panel" data-tab-group="404cc9f4002e71e966edb95adbaba2ab">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('821835dfbe653b7bbd90ee9e353e0a17','configtoml')" onclick="switchTab('404cc9f4002e71e966edb95adbaba2ab','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1905,13 +1905,13 @@
<h1 id="customization">Customization</h1> <h1 id="customization">Customization</h1>
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p> <p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>config.toml</code>:</p> <p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you&rsquo;ll need the following configuration in your <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -1922,26 +1922,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p> <p>If not already present, add the following lines in your <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
<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> <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <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> </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-699cc4d4e2b9e17fa70abb3f901bd050" 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> <p><a href="#R-image-ee0167b8f8ab1fe636e8ab2b07833586" 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-699cc4d4e2b9e17fa70abb3f901bd050"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-ee0167b8f8ab1fe636e8ab2b07833586"><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 notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p> <p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>hugo.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p> <p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p> <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -1951,8 +1951,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p> <p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>hugo.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p> <p>Nevertheless, if you&rsquo;re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>hugo.toml</code> to your liking.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configuration</h2> <h2 id="home-button-configuration">Home Button Configuration</h2>
@ -1971,8 +1971,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span> </span></span><span class="line"><span class="cl"><span class="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> </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> <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-9156c106440ffa64e491fd632f10c986" 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> <p><a href="#R-image-27d3f4470921ebfbc14991675ed092dd" 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-9156c106440ffa64e491fd632f10c986"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27d3f4470921ebfbc14991675ed092dd"><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> <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> <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> <h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -2016,23 +2016,23 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p> <p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the following snippet to your <code>config.toml</code></p> <p>Add the following snippet to your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">location</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>config.toml</code>.</p> <p>Add the dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. The loader file will be appended to your header or footer, dependend on the <code>location</code> setting in your <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character casing is relevant!</p> <p>Character casing is relevant!</p>
<ul> <ul>
<li>the <code>name</code> setting in your <code>config.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>the <code>name</code> setting in your <code>hugo.toml</code> must match the key (that needs to be prefixed with a <code>has</code>) you used for the store in your <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>the key on <code>params.relearn.dependencies</code> in your <code>config.toml</code> must match the base file name of your loader file.</li> <li>the key on <code>params.relearn.dependencies</code> in your <code>hugo.toml</code> must match the base file name of your loader file.</li>
</ul> </ul>
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p> <p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p> <p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p> <p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -2076,20 +2076,20 @@ 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> <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-838c932b8c6bc02e8e7c1d62c712b185" aria-controls="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" > <input type="checkbox" id="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" aria-controls="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<label class="expand-label" for="R-expand-838c932b8c6bc02e8e7c1d62c712b185" > <label class="expand-label" for="R-expand-c82d03ecdaae18ddbca341ee7b5b9bd7" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instructions Show usage instructions
</label> </label>
<div id="R-expandcontent-838c932b8c6bc02e8e7c1d62c712b185" class="expand-content"> <div id="R-expandcontent-c82d03ecdaae18ddbca341ee7b5b9bd7" 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>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> <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>
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p> <p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn&rsquo;t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p> <p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p> <p>Once you&rsquo;ve changed a color, the variant selector will show a &ldquo;My custom variant&rdquo; entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
<p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p> <p>Once you are satisfied, you can download the new variants file and copy it into your site&rsquo;s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>hugo.toml</code> to your chosen file name.</p>
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p> <p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
</div> </div>
</div> </div>
@ -2118,8 +2118,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<h1 id="topbar-modification">Topbar Modification</h1> <h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p> <p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-ed025410d8e51e04398b34905147f71a" 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> <p><a href="#R-image-975fbcf1875f22f8487a29118de4869d" 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-ed025410d8e51e04398b34905147f71a"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-975fbcf1875f22f8487a29118de4869d"><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> <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"> <div class="box notices cstyle tip">
@ -2131,8 +2131,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p> <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-b082fc9230223b7a6908f938a912c789" 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> <p><a href="#R-image-86e5a3f8ddc03869632e63f7fa998105" 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-b082fc9230223b7a6908f938a912c789"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-86e5a3f8ddc03869632e63f7fa998105"><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> <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/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> <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>
@ -3732,22 +3732,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
</main> </main>
</div> </div>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299693" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../js/d3/d3-color.min.js?1701291162" defer></script> <script src="../js/d3/d3-color.min.js?1701299693" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1701291162" defer></script> <script src="../js/d3/d3-dispatch.min.js?1701299693" defer></script>
<script src="../js/d3/d3-drag.min.js?1701291162" defer></script> <script src="../js/d3/d3-drag.min.js?1701299693" defer></script>
<script src="../js/d3/d3-ease.min.js?1701291162" defer></script> <script src="../js/d3/d3-ease.min.js?1701299693" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1701291162" defer></script> <script src="../js/d3/d3-interpolate.min.js?1701299693" defer></script>
<script src="../js/d3/d3-selection.min.js?1701291162" defer></script> <script src="../js/d3/d3-selection.min.js?1701299693" defer></script>
<script src="../js/d3/d3-timer.min.js?1701291162" defer></script> <script src="../js/d3/d3-timer.min.js?1701299693" defer></script>
<script src="../js/d3/d3-transition.min.js?1701291162" defer></script> <script src="../js/d3/d3-transition.min.js?1701299693" defer></script>
<script src="../js/d3/d3-zoom.min.js?1701291162" defer></script> <script src="../js/d3/d3-zoom.min.js?1701299693" defer></script>
<script src="../js/js-yaml.min.js?1701291162" defer></script> <script src="../js/js-yaml.min.js?1701299693" defer></script>
<script src="../js/mermaid.min.js?1701291162" defer></script> <script src="../js/mermaid.min.js?1701299693" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -40,9 +40,9 @@ This theme&amp;rsquo;s repository is: https://github.com/McShelby/hugo-theme-rel
<link>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</link> <link>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</guid>
<description>On top of Hugo&amp;rsquo;s global configuration options, the Relearn theme lets you define further options unique to the theme in your config.toml. The defaults are written in the comments of each option. <description>On top of Hugo&amp;rsquo;s global configuration options, the Relearn theme lets you define further options unique to the theme in your hugo.toml. The defaults are written in the comments of each option.
Note that some of these options are explained in detail in other sections of this documentation. Note that some of these options are explained in detail in other sections of this documentation.
&amp;#8203; config.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value.</description> &amp;#8203; hugo.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value.</description>
</item> </item>
<item> <item>
<title>Branding</title> <title>Branding</title>
@ -50,16 +50,16 @@ Note that some of these options are explained in detail in other sections of thi
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
<description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants. <description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.
A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your config.</description> A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your hugo.</description>
</item> </item>
<item> <item>
<title>Customization</title> <title>Customization</title>
<link>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</link> <link>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</guid>
<description>Serving your page from a subfolder If your site is served from a subfolder, eg. https://example.com/mysite/, you have to set the following lines to your config.toml <description>Serving your page from a subfolder If your site is served from a subfolder, eg. https://example.com/mysite/, you have to set the following lines to your hugo.toml
baseURL = &amp;#34;https://example.com/mysite/&amp;#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs in sublemental pages (like sitemap.xml, rss.xml) will be generated falsly while your HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226. baseURL = &amp;#34;https://example.com/mysite/&amp;#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs in sublemental pages (like sitemap.xml, rss.xml) will be generated falsly while your HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.
Serving your page from the filesystem If you want your page served from the filesystem by using URLs starting with file:// you&amp;rsquo;ll need the following configuration in your config.</description> Serving your page from the filesystem If you want your page served from the filesystem by using URLs starting with file:// you&amp;rsquo;ll need the following configuration in your hugo.</description>
</item> </item>
<item> <item>
<title>Stylesheet generator</title> <title>Stylesheet generator</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="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.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="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -166,7 +166,7 @@
<p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p> <p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p>
<p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p> <p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>config.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</p> <p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>hugo.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</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="c"># Change the default theme to be use when building the site with Hugo</span> <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="c"># Change the default theme to be use when building the site with Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -179,8 +179,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><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> </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-892d08e6d5bb3045c73029a7b78b1148" 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> <p><a href="#R-image-b844d5bd0c4bd2d5866fdbf506a0e748" 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-892d08e6d5bb3045c73029a7b78b1148"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-b844d5bd0c4bd2d5866fdbf506a0e748"><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> <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> <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> <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> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -462,13 +462,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -112,7 +112,7 @@
<p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p> <p>Additionally you can checkout one of the tagged versions. These tagged versions correspond to an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from the GitHub repository</a>.</p>
<p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p> <p>Besides the usual version tags (eg <code>1.2.3</code>) there are also tags for the main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) and the latest (just <code>x</code>) released version making it easier for you to pin the theme to a certain version.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>config.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</p> <p>When building the website, you can set a theme by using <code>--theme</code> option. However, we suggest you modify the configuration file (<code>hugo.toml</code>) and set the theme as the default. You can also add the <code>[outputs]</code> section to enable the search functionality.</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="c"># Change the default theme to be use when building the site with Hugo</span> <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="c"># Change the default theme to be use when building the site with Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -125,8 +125,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><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> </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-892d08e6d5bb3045c73029a7b78b1148" 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> <p><a href="#R-image-b844d5bd0c4bd2d5866fdbf506a0e748" 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-892d08e6d5bb3045c73029a7b78b1148"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-b844d5bd0c4bd2d5866fdbf506a0e748"><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> <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> <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> <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> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -209,7 +209,7 @@
<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> <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>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>hugo.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p> <p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li> </li>
</ul> </ul>
@ -217,14 +217,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>config.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p> <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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>hugo.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p>
<p>Change your previous setting from</p> <p>Change your previous setting from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>hugo.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
@ -303,13 +303,13 @@
<p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p> <p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>config.toml</code> inside of a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>hugo.toml</code> inside of a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p>
@ -353,7 +353,7 @@
<p>For existing variants nothing has changed visually.</p> <p>For existing variants nothing has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../../cont/markdown/index.html#image-effects">image effects</a> are <a href="../../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>config.toml</code> or for each page thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../../cont/markdown/index.html#image-effects">image effects</a> are <a href="../../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>hugo.toml</code> or for each page thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -403,7 +403,7 @@
<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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p> <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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p>
<p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p> <p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p>
<p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>config.toml</code>.</p> <p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p>
@ -458,7 +458,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p>
@ -471,7 +471,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>config.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>hugo.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -518,7 +518,7 @@
</li> </li>
<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 theme is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p> <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 theme is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p>
<p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>config.toml</code>.</p> <p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>hugo.toml</code>.</p>
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p> <p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p> <p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
</li> </li>
@ -576,7 +576,7 @@
</li> </li>
<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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p> <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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p>
<p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>config.toml</code>.</p> <p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -616,7 +616,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
<p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p> <p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p>
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p> <p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
</li> </li>
<li> <li>
@ -626,7 +626,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
<p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p> <p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>hugo.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
@ -660,8 +660,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p> <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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>hugo.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>hugo.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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 <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p> <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 <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p>
@ -692,7 +692,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>config.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>hugo.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -702,7 +702,7 @@
</li> </li>
<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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p> <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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
<p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p> <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>hugo.toml</code>to:</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -751,7 +751,7 @@
<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> Previously, if the <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p> <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> Previously, if the <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p>
</li> </li>
<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 <code>landingPageURL</code> was removed from <code>config.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p> <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 <code>landingPageURL</code> was removed from <code>hugo.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p>
@ -796,10 +796,10 @@
<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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p> <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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>hugo.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>hugo.toml</code> to add the capability to print whole chapters or even the complete site.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
@ -843,7 +843,7 @@
</li> </li>
<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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p> <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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
<p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>config.toml</code>.</p> <p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>hugo.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>hugo.toml</code>.</p>
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -861,7 +861,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>hugo.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p> <p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -922,7 +922,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>hugo.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -933,7 +933,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>hugo.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -947,10 +947,10 @@
<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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p> <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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>config.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>hugo.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p>
@ -972,7 +972,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -984,7 +984,7 @@
<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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p> <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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p>
@ -1039,7 +1039,7 @@
<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 href="../../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p> <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 href="../../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -1141,12 +1141,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -1306,13 +1306,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -120,7 +120,7 @@
<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> <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>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>config.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You now can configure additional options for every theme variant in your <code>hugo.toml</code>. This allows for optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. You don&rsquo;t need to change anything as the old configuration options will still work (but may generate warnings now).</p>
<p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p> <p>The advanced functionality allows you to set an explicit name for a theme variant, set different colors (if you are using monochrome SVGs) or even different icons (handy if you want to adjust colors for PNGs, GIFs or JPGs) and now allows for multiple auto mode variants that adjust to the light/dark preference of your OS settings.</p>
</li> </li>
</ul> </ul>
@ -128,14 +128,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>config.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p> <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> With <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.120.0</span></span> the author settings move into the <code>[params]</code> array in your <code>hugo.toml</code>. Because this collides with the previous way, the theme expected author information, it now adheres to Hugo standards and prints out a warning during built if something is wrong.</p>
<p>Change your previous setting from</p> <p>Change your previous setting from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>to</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>hugo.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
@ -214,13 +214,13 @@
<p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p> <p>In this case it is advised to remove the <code>title</code> from the headless branch parent&rsquo;s frontmatter, as it will otherwise appear in your breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>config.toml</code> inside of a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to overwrite the setting for <code>collapsibleMenu</code> of your <code>hugo.toml</code> inside of a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Mermaid graph is zoomable a button to reset the view is now added to the upper right corner. The button is only shown once the mouse is moved over the graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to remove the root breadcrumb by setting <code>disableRootBreadcrumb=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The output of the dedicated search page now displays the result&rsquo;s breadcrumb.</p>
@ -264,7 +264,7 @@
<p>For existing variants nothing has changed visually.</p> <p>For existing variants nothing has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../../cont/markdown/index.html#image-effects">image effects</a> are <a href="../../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>config.toml</code> or for each page thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The default values for the <a href="../../cont/markdown/index.html#image-effects">image effects</a> are <a href="../../cont/imageeffects/index.html">now configurable</a> for your whole site via <code>hugo.toml</code> or for each page thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstanding bug where Mermaid graphs could not be displayed if they were initially hidden - like in collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -314,7 +314,7 @@
<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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p> <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 default behavior for the copy-to-clipboard feature for code blocks has changed.</p>
<p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p> <p>The copy-to-clipboard button for code blocks will now only be displayed if the reader hovers the code block.</p>
<p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>config.toml</code>.</p> <p>If you dislike this new behavior you can turn it off and revert to the old behavior by adding <code>[params] disableHoverBlockCopyToClipBoard=true</code> to your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility with Hugo <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.114.0</span></span> or higher. This does not change the minimum required Hugo version.</p>
@ -369,7 +369,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The taxonomy pages received some love in this release, making them better leverage available screen space and adding translation support for the taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> and <code>categories</code> are already contained in the theme&rsquo;s i18n files. If you have self-defined taxonomies, you can add translations by adding them to your own i18n files. If you don&rsquo;t provide translations, the singualar and plural forms are taken as configured in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To give you more flexibility in customizing your article layout a new partial <code>content-header.html</code> is introduced.</p>
@ -382,7 +382,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>config.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The new parameter <code>breadcrumbSeparator</code> is now available in your <code>hugo.toml</code> to change the - well - separator of the breadcrumb items. An appropriate default is in place if you do not configure anything.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -429,7 +429,7 @@
</li> </li>
<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 theme is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p> <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 theme is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS&rsquo;s light/dark mode setting</a>.</p>
<p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>config.toml</code>.</p> <p>This is also the new default setting if you haven&rsquo;t configured <code>themeVariant</code> in your <code>hugo.toml</code>.</p>
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p> <p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p> <p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
</li> </li>
@ -487,7 +487,7 @@
</li> </li>
<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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p> <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> Absolute links prefixed with <code>http://</code> or <code>https://</code> are now opened in a separate browser tab.</p>
<p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>config.toml</code>.</p> <p>You can revert back to the old behavior by defining <code>externalLinkTarget=&quot;_self&quot;</code> in the <code>params</code> section of your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -527,7 +527,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
<p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p> <p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don&rsquo;t configure it, no dedicated search page will be accessible and the theme works as before.</p>
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p> <p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
</li> </li>
<li> <li>
@ -537,7 +537,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
<p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p> <p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>hugo.toml</code> make sure to set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
@ -571,8 +571,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p> <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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>hugo.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>hugo.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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 <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p> <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 <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> to set the destination frame/window for the URL to open. If not given, it defaults to a new window/tab for external URLs or is not set at all for internal URLs. Previously even internal URLs where opened in a new window/tab.</p>
@ -603,7 +603,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>config.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> in your <code>hugo.toml</code>, the menu will be expanded if a search term is found in a collapsed submenu. The menu will return to its initial collapse state once the search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -613,7 +613,7 @@
</li> </li>
<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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p> <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> Because the print preview URLs were non deterministic for normal pages in comparison to page bundles, this is now changed. Each print preview is now accessible by adding a <code>index.print.html</code> to the default URL.</p>
<p>You can revert this behavior by overwriting the PRINT output format setting in your <code>config.toml</code>to:</p> <p>You can revert this behavior by overwriting the PRINT output format setting in your <code>hugo.toml</code>to:</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -662,7 +662,7 @@
<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> Previously, if the <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p> <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> Previously, if the <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, the tabs ended up empty. Now the first tab is selected instead.</p>
</li> </li>
<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 <code>landingPageURL</code> was removed from <code>config.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p> <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 <code>landingPageURL</code> was removed from <code>hugo.toml</code>. You can safely remove this as well from your configuration as it is not used anymore. The theme will detect the landing page URL automatically and will point to the project&rsquo;s homepage. If you want to support a different link, overwrite the <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shortcodes can now be also called from your partials. Examples for this are added to the documentation of each shortcode.</p>
@ -707,10 +707,10 @@
<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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p> <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> If you had previously overwritten the <code>custom-footer.html</code> partial to add visual elements below the content of your page, you have to move this content to the new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant to contain HTML other than additional styles and JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>hugo.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>hugo.toml</code> to add the capability to print whole chapters or even the complete site.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
@ -754,7 +754,7 @@
</li> </li>
<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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p> <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> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
<p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>config.toml</code>.</p> <p>This change will only affect your installation if you&rsquo;ve not set the <code>themeVariant</code> parameter in your <code>hugo.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant=&quot;learn&quot;</code> in your <code>hugo.toml</code>.</p>
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -772,7 +772,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>hugo.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p> <p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -833,7 +833,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>hugo.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -844,7 +844,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>hugo.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -858,10 +858,10 @@
<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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p> <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> Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting <code>disableTagHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>config.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can define the expansion state of your menus for the whole site by setting the <code>alwaysopen</code> option in your <code>hugo.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> option to change immediate children sorting in menu and <code>children</code> shortcode. Possible values are <code>title</code> or <code>weight</code>.</p>
@ -883,7 +883,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting <code>disableSeoHiddenPages=true</code> in your <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -895,7 +895,7 @@
<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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p> <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> In case the site&rsquo;s structure contains additional *.md files not part of the site (eg files that are meant to be included by site pages - see <code>CHANGELOG.md</code> in the exampleSite), they will now be ignored by the search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting <code>disableSearchHiddenPages=true</code> in your <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term is found in an <code>expand</code> shortcode, the expand will be opened.</p>
@ -950,7 +950,7 @@
<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 href="../../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p> <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 href="../../shortcodes/mermaid/index.html">Mermaid</a> diagrams can now be panned and zoomed. This isn&rsquo;t configurable yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Mermaid</code></a> config options can be set in <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -971,8 +971,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -126,8 +126,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p> <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p> <p>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-c9a4943a9306595caaed86394a1226ee" 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> <p><a href="#R-image-8ec42deb615f9fa0b749f01c8475970a" 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-c9a4943a9306595caaed86394a1226ee"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-8ec42deb615f9fa0b749f01c8475970a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);"> <div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -223,12 +223,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -388,13 +388,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -96,8 +96,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p> <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p> <p>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-c9a4943a9306595caaed86394a1226ee" 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> <p><a href="#R-image-8ec42deb615f9fa0b749f01c8475970a" 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-c9a4943a9306595caaed86394a1226ee"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-8ec42deb615f9fa0b749f01c8475970a"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);"> <div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -112,8 +112,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </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="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.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="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -155,8 +155,8 @@
<h1 id="topbar-modification">Topbar Modification</h1> <h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p> <p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-ed025410d8e51e04398b34905147f71a" 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> <p><a href="#R-image-975fbcf1875f22f8487a29118de4869d" 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-ed025410d8e51e04398b34905147f71a"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-975fbcf1875f22f8487a29118de4869d"><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> <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"> <div class="box notices cstyle tip">
@ -168,8 +168,8 @@
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p> <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-b082fc9230223b7a6908f938a912c789" 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> <p><a href="#R-image-86e5a3f8ddc03869632e63f7fa998105" 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-b082fc9230223b7a6908f938a912c789"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-86e5a3f8ddc03869632e63f7fa998105"><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> <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/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> <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>
@ -514,12 +514,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -679,13 +679,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </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/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="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="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -95,8 +95,8 @@
<h1 id="topbar-modification">Topbar Modification</h1> <h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p> <p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-ed025410d8e51e04398b34905147f71a" 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> <p><a href="#R-image-975fbcf1875f22f8487a29118de4869d" 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-ed025410d8e51e04398b34905147f71a"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-975fbcf1875f22f8487a29118de4869d"><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> <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"> <div class="box notices cstyle tip">
@ -108,8 +108,8 @@
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p> <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-b082fc9230223b7a6908f938a912c789" 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> <p><a href="#R-image-86e5a3f8ddc03869632e63f7fa998105" 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-b082fc9230223b7a6908f938a912c789"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-86e5a3f8ddc03869632e63f7fa998105"><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> <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/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> <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>
@ -373,8 +373,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="art-pir">
<link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme"> <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="art-pir">
<link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme"> <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="art-pir">
<link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme"> <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -13,7 +13,7 @@
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
<description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants. <description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.
A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your config.</description> A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your hugo.</description>
</item> </item>
</channel> </channel>
</rss> </rss>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="art-pir">
<link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme"> <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291161" rel="stylesheet"> <link href="../css/theme.css?1701299692" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291161" rel="stylesheet"> <link href="../css/variant.css?1701299692" rel="stylesheet">
<link href="../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../css/ie.css?1701291161" rel="stylesheet"> <link href="../css/ie.css?1701299692" rel="stylesheet">
<script src="../js/url.js?1701291161"></script> <script src="../js/url.js?1701299692"></script>
<script src="../js/variant.js?1701291161"></script> <script src="../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -229,12 +229,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../js/auto-complete.js?1701291162" defer></script> <script src="../js/auto-complete.js?1701299693" defer></script>
<script src="../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../js/search.js?1701291162" defer></script> <script src="../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -394,13 +394,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../js/github-buttons.js?1701291162"></script> <script async src="../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299693" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="art-pir">
<link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme"> <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="art-pir">
<link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme"> <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -223,12 +223,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299693" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299693" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299693" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -388,13 +388,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299693"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -13,7 +13,7 @@
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
<description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants. <description>The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.
A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your config.</description> A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your hugo.</description>
</item> </item>
<item> <item>
<title>Stylesheet generator</title> <title>Stylesheet generator</title>

View File

@ -114,7 +114,7 @@ disableRandomIds = false
additionalContentLanguage = [ "en" ] additionalContentLanguage = [ "en" ]
# Additional code dependencies. # Additional code dependencies.
# Default: See config.toml of the theme # Default: See hugo.toml of the theme
# The theme provides a mechanism to load further JavaScript and CSS # The theme provides a mechanism to load further JavaScript and CSS
# dependencies on demand only if they are needed. This comes in handy if you # dependencies on demand only if they are needed. This comes in handy if you
# want to add own shortcodes that depend on additional code to be loaded. # want to add own shortcodes that depend on additional code to be loaded.

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme"> <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
<link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme"> <link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -155,8 +155,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2> <h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3> <h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p> <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-35268825fb961ebb7b054ea3c7ab1947" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-517a53c1e433b26ad9d39795ff04a64a" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-35268825fb961ebb7b054ea3c7ab1947"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-517a53c1e433b26ad9d39795ff04a64a"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p> <p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -166,8 +166,8 @@
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p> <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-fcdd6d4c56d5df6169f9049d04a43c04" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-2c7ba288fc148f3966668e13bc36868c" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcdd6d4c56d5df6169f9049d04a43c04"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-2c7ba288fc148f3966668e13bc36868c"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p> <p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -179,8 +179,8 @@
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3> <h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p> <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-ed5fbab571af4438aff8a0ccca71b2be" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-fd68c540a0fb63622dd6aeea869c3e7a" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ed5fbab571af4438aff8a0ccca71b2be"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-fd68c540a0fb63622dd6aeea869c3e7a"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p> <p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -222,7 +222,7 @@
</table> </table>
<p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p> <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
<h4 id="output-formats">Output formats</h4> <h4 id="output-formats">Output formats</h4>
<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p> <p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -312,12 +312,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -477,13 +477,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme"> <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -99,8 +99,8 @@
<h2 id="predefined-archetypes">Predefined Archetypes</h2> <h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3> <h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p> <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-35268825fb961ebb7b054ea3c7ab1947" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-517a53c1e433b26ad9d39795ff04a64a" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-35268825fb961ebb7b054ea3c7ab1947"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-517a53c1e433b26ad9d39795ff04a64a"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p> <p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -110,8 +110,8 @@
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p> <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-fcdd6d4c56d5df6169f9049d04a43c04" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-2c7ba288fc148f3966668e13bc36868c" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcdd6d4c56d5df6169f9049d04a43c04"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-2c7ba288fc148f3966668e13bc36868c"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p> <p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -123,8 +123,8 @@
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3> <h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p> <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-ed5fbab571af4438aff8a0ccca71b2be" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-fd68c540a0fb63622dd6aeea869c3e7a" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ed5fbab571af4438aff8a0ccca71b2be"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-fd68c540a0fb63622dd6aeea869c3e7a"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p> <p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -166,7 +166,7 @@
</table> </table>
<p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p> <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
<h4 id="output-formats">Output formats</h4> <h4 id="output-formats">Output formats</h4>
<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p> <p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -175,8 +175,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme"> <link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme">
<link href="../../cont/frontmatter/index.print.html" rel="alternate" type="text/html" title="Frontmatter :: Hugo Relearn Theme"> <link href="../../cont/frontmatter/index.print.html" rel="alternate" type="text/html" title="Frontmatter :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -159,7 +159,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span>
</span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span> </span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span>
@ -171,7 +171,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span>
</span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used for the html</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used for the html</span>
</span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span> </span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span>
</span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
@ -187,7 +187,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span> </span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span> </span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span>
@ -293,7 +293,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span> </span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span>
</span></span><span class="line"><span class="cl"><span class="c"># here.</span> </span></span><span class="line"><span class="cl"><span class="c"># here.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span> </span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span>
</span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -304,7 +304,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span> </span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span>
</span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span> </span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span>
</span></span><span class="line"><span class="cl"><span class="c"># the list.</span> </span></span><span class="line"><span class="cl"><span class="c"># the list.</span>
</span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s config.toml and can be</span> </span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s hugo.toml and can be</span>
</span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span> </span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span>
</span></span><span class="line"><span class="cl"><span class="c"># details.</span> </span></span><span class="line"><span class="cl"><span class="c"># details.</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -322,7 +322,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span>
@ -333,14 +333,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -351,14 +351,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span> </span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span>
</span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span> </span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span>
@ -369,14 +369,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -391,14 +391,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2>
<h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3> <h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3>
@ -406,8 +406,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-b37afb75142a342f118b96364187ad72" class="lightbox-link"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-edd386c067d71bc50f3d6101dc71dd5e" class="lightbox-link"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b37afb75142a342f118b96364187ad72"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-edd386c067d71bc50f3d6101dc71dd5e"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3> <h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p> <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p> <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -439,7 +439,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p> <p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p>
<p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</p> <p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</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="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your config.toml</span> </span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your hugo.toml</span>
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span> </span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div>
@ -531,12 +531,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -696,13 +696,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/frontmatter/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/frontmatter/index.html" rel="canonical" type="text/html" title="Frontmatter :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/frontmatter/index.html" rel="canonical" type="text/html" title="Frontmatter :: Hugo Relearn Theme">
<link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme"> <link href="../../cont/frontmatter/index.xml" rel="alternate" type="application/rss+xml" title="Frontmatter :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -107,7 +107,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span>
</span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span> </span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span>
@ -119,7 +119,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span>
</span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used for the html</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used for the html</span>
</span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span> </span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span>
</span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
@ -135,7 +135,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span> </span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span> </span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span>
@ -241,7 +241,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span> </span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span>
</span></span><span class="line"><span class="cl"><span class="c"># here.</span> </span></span><span class="line"><span class="cl"><span class="c"># here.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span> </span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span>
</span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -252,7 +252,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span> </span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span>
</span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span> </span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span>
</span></span><span class="line"><span class="cl"><span class="c"># the list.</span> </span></span><span class="line"><span class="cl"><span class="c"># the list.</span>
</span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s config.toml and can be</span> </span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s hugo.toml and can be</span>
</span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span> </span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span>
</span></span><span class="line"><span class="cl"><span class="c"># details.</span> </span></span><span class="line"><span class="cl"><span class="c"># details.</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -270,7 +270,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span>
@ -281,14 +281,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -299,14 +299,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span> </span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span>
</span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span> </span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span>
@ -317,14 +317,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -339,14 +339,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2>
<h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3> <h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3>
@ -354,8 +354,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-b37afb75142a342f118b96364187ad72" class="lightbox-link"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-edd386c067d71bc50f3d6101dc71dd5e" class="lightbox-link"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b37afb75142a342f118b96364187ad72"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-edd386c067d71bc50f3d6101dc71dd5e"><img src="../../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3> <h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p> <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p> <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -387,7 +387,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p> <p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p>
<p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</p> <p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</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="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your config.toml</span> </span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your hugo.toml</span>
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span> </span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div>
@ -398,8 +398,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme"> <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme"> <link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -152,10 +152,10 @@
<li>Automatic menu generation from multilingual content</li> <li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li> <li>In-browser language switching</li>
</ul> </ul>
<p><a href="#R-image-681278605fcb7d52c0cd7d24c2459cb5" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> <p><a href="#R-image-5c747c0f6c8f5dcde851fe2ba559f1be" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-681278605fcb7d52c0cd7d24c2459cb5"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5c747c0f6c8f5dcde851fe2ba559f1be"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p> <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>hugo.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p> <p>For example with current English and Piratized English website.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -226,7 +226,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div> </div>
</div> </div>
<h3 id="search-with-mixed-language-support">Search with mixed language support</h3> <h3 id="search-with-mixed-language-support">Search with mixed language support</h3>
<p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>config.toml</code> to broaden search.</p> <p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>hugo.toml</code> to broaden search.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p> </span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p>
@ -242,7 +242,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p> <p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p>
<h2 id="disable-language-switching">Disable language switching</h2> <h2 id="disable-language-switching">Disable language switching</h2>
<p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p> <p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p>
<p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>config.toml</code></p> <p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span> </span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
@ -334,12 +334,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -499,13 +499,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme"> <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -101,10 +101,10 @@
<li>Automatic menu generation from multilingual content</li> <li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li> <li>In-browser language switching</li>
</ul> </ul>
<p><a href="#R-image-681278605fcb7d52c0cd7d24c2459cb5" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> <p><a href="#R-image-5c747c0f6c8f5dcde851fe2ba559f1be" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-681278605fcb7d52c0cd7d24c2459cb5"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5c747c0f6c8f5dcde851fe2ba559f1be"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p> <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>hugo.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p> <p>For example with current English and Piratized English website.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -175,7 +175,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div> </div>
</div> </div>
<h3 id="search-with-mixed-language-support">Search with mixed language support</h3> <h3 id="search-with-mixed-language-support">Search with mixed language support</h3>
<p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>config.toml</code> to broaden search.</p> <p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>hugo.toml</code> to broaden search.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p> </span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p>
@ -191,7 +191,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p> <p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p>
<h2 id="disable-language-switching">Disable language switching</h2> <h2 id="disable-language-switching">Disable language switching</h2>
<p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p> <p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p>
<p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>config.toml</code></p> <p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span> </span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
@ -202,8 +202,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -12,15 +12,15 @@
<meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme"> <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
<meta name="twitter:description" content="The theme supports non-standard image effects. <meta name="twitter:description" content="The theme supports non-standard image effects.
As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page. As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter. Instead, you can configure the defaults in your hugo.toml aswell as overriding these default in the pages frontmatter.
Explicitly set URL query parameter will override the defaults in effect for a page. Explicitly set URL query parameter will override the defaults in effect for a page.
Without any settings in your config.toml this defaults to"> Without any settings in your hugo.toml this defaults to">
<meta property="og:title" content="Image Effects :: Hugo Relearn Theme"> <meta property="og:title" content="Image Effects :: Hugo Relearn Theme">
<meta property="og:description" content="The theme supports non-standard image effects. <meta property="og:description" content="The theme supports non-standard image effects.
As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page. As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter. Instead, you can configure the defaults in your hugo.toml aswell as overriding these default in the pages frontmatter.
Explicitly set URL query parameter will override the defaults in effect for a page. Explicitly set URL query parameter will override the defaults in effect for a page.
Without any settings in your config.toml this defaults to"> Without any settings in your hugo.toml this defaults to">
<meta property="og:type" content="article"> <meta property="og:type" content="article">
<meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html"> <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html">
<meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png"> <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
@ -32,21 +32,21 @@ Without any settings in your config.toml this defaults to">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme"> <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
<link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme"> <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -149,25 +149,25 @@ Without any settings in your config.toml this defaults to">
<p>The theme supports non-standard <a href="../../cont/markdown/index.html#image-effects">image effects</a>.</p> <p>The theme supports non-standard <a href="../../cont/markdown/index.html#image-effects">image effects</a>.</p>
<p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p> <p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p>
<p>Instead, you can configure the defaults in your <code>config.toml</code> aswell as overriding these default in the pages frontmatter.</p> <p>Instead, you can configure the defaults in your <code>hugo.toml</code> aswell as overriding these default in the pages frontmatter.</p>
<p>Explicitly set URL query parameter will override the defaults in effect for a page.</p> <p>Explicitly set URL query parameter will override the defaults in effect for a page.</p>
<p>Without any settings in your <code>config.toml</code> this defaults to</p> <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="25561fe86be6ab9d5f766b00e6f74a86"> <div class="tab-panel" data-tab-group="2771b4267c0699e4f525cf817299b417">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('25561fe86be6ab9d5f766b00e6f74a86','configtoml')" onclick="switchTab('2771b4267c0699e4f525cf817299b417','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -181,13 +181,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This can be overridden in a pages frontmatter by eg.</p> </div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="2dfd7c565d689b80edd71291d5b7d9b7"> <div class="tab-panel" data-tab-group="d9d41086c6e519d05ea996258af008dd">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="frontmatter" data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2dfd7c565d689b80edd71291d5b7d9b7','frontmatter')" onclick="switchTab('d9d41086c6e519d05ea996258af008dd','frontmatter')"
> >
<span class="tab-nav-text">frontmatter</span> <span class="tab-nav-text">frontmatter</span>
</button> </button>
@ -207,13 +207,13 @@ Without any settings in your config.toml this defaults to">
</div><p>Or by explicitly override settings by URL query parameter</p> </div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="a5aa1308cd1e2674dfd1128128ab057b"> <div class="tab-panel" data-tab-group="340db7cdf951bd220d2f353dd0356558">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="url" data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a5aa1308cd1e2674dfd1128128ab057b','url')" onclick="switchTab('340db7cdf951bd220d2f353dd0356558','url')"
> >
<span class="tab-nav-text">URL</span> <span class="tab-nav-text">URL</span>
</button> </button>
@ -230,13 +230,13 @@ Without any settings in your config.toml this defaults to">
</div><p>The settings applied to the above image would be</p> </div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="252ff8f0e6fa4bb44d68acbdf982bfed"> <div class="tab-panel" data-tab-group="26f51cc75dd9b8467ee766c0692ed1e4">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="result" data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('252ff8f0e6fa4bb44d68acbdf982bfed','result')" onclick="switchTab('26f51cc75dd9b8467ee766c0692ed1e4','result')"
> >
<span class="tab-nav-text">Result</span> <span class="tab-nav-text">Result</span>
</button> </button>
@ -256,13 +256,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p> </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="3378f8a5e51def943ca6196a376116c3"> <div class="tab-panel" data-tab-group="87a00965dc3c6e0f6d64fe4e8982735d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="html" data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3378f8a5e51def943ca6196a376116c3','html')" onclick="switchTab('87a00965dc3c6e0f6d64fe4e8982735d','html')"
> >
<span class="tab-nav-text">HTML</span> <span class="tab-nav-text">HTML</span>
</button> </button>
@ -277,13 +277,13 @@ Without any settings in your config.toml this defaults to">
</div> </div>
</div> </div>
</div><h2 id="extending">Extending</h2> </div><h2 id="extending">Extending</h2>
<p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>config.toml</code> or pages frontmatter.</p> <p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>hugo.toml</code> or pages frontmatter.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>config.toml</code> or pages frontmatter.</p> <p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>hugo.toml</code> or pages frontmatter.</p>
</div> </div>
</div> </div>
@ -375,12 +375,12 @@ Without any settings in your config.toml this defaults to">
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -540,13 +540,13 @@ Without any settings in your config.toml this defaults to">
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -12,15 +12,15 @@
<meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme"> <meta name="twitter:title" content="Image Effects :: Hugo Relearn Theme">
<meta name="twitter:description" content="The theme supports non-standard image effects. <meta name="twitter:description" content="The theme supports non-standard image effects.
As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page. As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter. Instead, you can configure the defaults in your hugo.toml aswell as overriding these default in the pages frontmatter.
Explicitly set URL query parameter will override the defaults in effect for a page. Explicitly set URL query parameter will override the defaults in effect for a page.
Without any settings in your config.toml this defaults to"> Without any settings in your hugo.toml this defaults to">
<meta property="og:title" content="Image Effects :: Hugo Relearn Theme"> <meta property="og:title" content="Image Effects :: Hugo Relearn Theme">
<meta property="og:description" content="The theme supports non-standard image effects. <meta property="og:description" content="The theme supports non-standard image effects.
As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page. As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter. Instead, you can configure the defaults in your hugo.toml aswell as overriding these default in the pages frontmatter.
Explicitly set URL query parameter will override the defaults in effect for a page. Explicitly set URL query parameter will override the defaults in effect for a page.
Without any settings in your config.toml this defaults to"> Without any settings in your hugo.toml this defaults to">
<meta property="og:type" content="article"> <meta property="og:type" content="article">
<meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html"> <meta property="og:url" content="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html">
<meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png"> <meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
@ -32,22 +32,22 @@ Without any settings in your config.toml this defaults to">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme"> <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -105,25 +105,25 @@ Without any settings in your config.toml this defaults to">
<p>The theme supports non-standard <a href="../../cont/markdown/index.html#image-effects">image effects</a>.</p> <p>The theme supports non-standard <a href="../../cont/markdown/index.html#image-effects">image effects</a>.</p>
<p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p> <p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p>
<p>Instead, you can configure the defaults in your <code>config.toml</code> aswell as overriding these default in the pages frontmatter.</p> <p>Instead, you can configure the defaults in your <code>hugo.toml</code> aswell as overriding these default in the pages frontmatter.</p>
<p>Explicitly set URL query parameter will override the defaults in effect for a page.</p> <p>Explicitly set URL query parameter will override the defaults in effect for a page.</p>
<p>Without any settings in your <code>config.toml</code> this defaults to</p> <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="25561fe86be6ab9d5f766b00e6f74a86"> <div class="tab-panel" data-tab-group="2771b4267c0699e4f525cf817299b417">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('25561fe86be6ab9d5f766b00e6f74a86','configtoml')" onclick="switchTab('2771b4267c0699e4f525cf817299b417','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -137,13 +137,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This can be overridden in a pages frontmatter by eg.</p> </div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="2dfd7c565d689b80edd71291d5b7d9b7"> <div class="tab-panel" data-tab-group="d9d41086c6e519d05ea996258af008dd">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="frontmatter" data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2dfd7c565d689b80edd71291d5b7d9b7','frontmatter')" onclick="switchTab('d9d41086c6e519d05ea996258af008dd','frontmatter')"
> >
<span class="tab-nav-text">frontmatter</span> <span class="tab-nav-text">frontmatter</span>
</button> </button>
@ -163,13 +163,13 @@ Without any settings in your config.toml this defaults to">
</div><p>Or by explicitly override settings by URL query parameter</p> </div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="a5aa1308cd1e2674dfd1128128ab057b"> <div class="tab-panel" data-tab-group="340db7cdf951bd220d2f353dd0356558">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="url" data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a5aa1308cd1e2674dfd1128128ab057b','url')" onclick="switchTab('340db7cdf951bd220d2f353dd0356558','url')"
> >
<span class="tab-nav-text">URL</span> <span class="tab-nav-text">URL</span>
</button> </button>
@ -186,13 +186,13 @@ Without any settings in your config.toml this defaults to">
</div><p>The settings applied to the above image would be</p> </div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="252ff8f0e6fa4bb44d68acbdf982bfed"> <div class="tab-panel" data-tab-group="26f51cc75dd9b8467ee766c0692ed1e4">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="result" data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('252ff8f0e6fa4bb44d68acbdf982bfed','result')" onclick="switchTab('26f51cc75dd9b8467ee766c0692ed1e4','result')"
> >
<span class="tab-nav-text">Result</span> <span class="tab-nav-text">Result</span>
</button> </button>
@ -212,13 +212,13 @@ Without any settings in your config.toml this defaults to">
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p> </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="3378f8a5e51def943ca6196a376116c3"> <div class="tab-panel" data-tab-group="87a00965dc3c6e0f6d64fe4e8982735d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="html" data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3378f8a5e51def943ca6196a376116c3','html')" onclick="switchTab('87a00965dc3c6e0f6d64fe4e8982735d','html')"
> >
<span class="tab-nav-text">HTML</span> <span class="tab-nav-text">HTML</span>
</button> </button>
@ -233,13 +233,13 @@ Without any settings in your config.toml this defaults to">
</div> </div>
</div> </div>
</div><h2 id="extending">Extending</h2> </div><h2 id="extending">Extending</h2>
<p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>config.toml</code> or pages frontmatter.</p> <p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>hugo.toml</code> or pages frontmatter.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>config.toml</code> or pages frontmatter.</p> <p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>hugo.toml</code> or pages frontmatter.</p>
</div> </div>
</div> </div>
@ -250,8 +250,8 @@ Without any settings in your config.toml this defaults to">
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-pir">
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme"> <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
<link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme"> <link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291161" rel="stylesheet"> <link href="../css/theme.css?1701299692" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291161" rel="stylesheet"> <link href="../css/variant.css?1701299692" rel="stylesheet">
<link href="../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../css/ie.css?1701291161" rel="stylesheet"> <link href="../css/ie.css?1701299692" rel="stylesheet">
<script src="../js/url.js?1701291161"></script> <script src="../js/url.js?1701299692"></script>
<script src="../js/variant.js?1701291161"></script> <script src="../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -223,12 +223,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../js/auto-complete.js?1701291161" defer></script> <script src="../js/auto-complete.js?1701299692" defer></script>
<script src="../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../js/search.js?1701291161" defer></script> <script src="../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -388,13 +388,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../js/github-buttons.js?1701291162"></script> <script async src="../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299692" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme"> <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291162" rel="stylesheet"> <link href="../css/theme.css?1701299693" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291162" rel="stylesheet"> <link href="../css/variant.css?1701299693" rel="stylesheet">
<link href="../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701291162" rel="stylesheet"> <link href="../css/format-print.css?1701299693" rel="stylesheet">
<link href="../css/ie.css?1701291162" rel="stylesheet"> <link href="../css/ie.css?1701299693" rel="stylesheet">
<script src="../js/url.js?1701291162"></script> <script src="../js/url.js?1701299693"></script>
<script src="../js/variant.js?1701291162"></script> <script src="../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -167,7 +167,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating social media meta information for the opengraph</span>
</span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">images</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;images/hero.png&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span> </span></span><span class="line"><span class="cl"><span class="c"># The title of your page.</span>
@ -179,7 +179,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span> </span></span><span class="line"><span class="cl"><span class="c"># This is used for generating HTML meta tags, social media meta information</span>
</span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># for the opengraph protocol and twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used for the html</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used for the html</span>
</span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span> </span></span><span class="line"><span class="cl"><span class="c"># meta tag, social media meta information for the opengraph protocol and</span>
</span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span> </span></span><span class="line"><span class="cl"><span class="c"># twitter cards.</span>
</span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">description</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
@ -195,7 +195,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the table of contents button.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span> </span></span><span class="line"><span class="cl"><span class="c"># If the TOC button is hidden, also the keyboard shortcut is disabled.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span> </span></span><span class="line"><span class="cl"><span class="nx">disableToc</span> <span class="p">=</span> <span class="kc">false</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span> </span></span><span class="line"><span class="cl"><span class="c"># Hide the breadcrumbs.</span>
@ -301,7 +301,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span> </span></span><span class="line"><span class="cl"><span class="c"># displayed on screen. If you dislike this behavior, you can reconfigure it</span>
</span></span><span class="line"><span class="cl"><span class="c"># here.</span> </span></span><span class="line"><span class="cl"><span class="c"># here.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span> </span></span><span class="line"><span class="cl"><span class="c"># Note that lines always wrap in print mode regardless of this option.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual code blocks.</span>
</span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">highlightWrap</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -312,7 +312,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span> </span></span><span class="line"><span class="cl"><span class="c"># Image effects.</span>
</span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span> </span></span><span class="line"><span class="cl"><span class="c"># See the documentation for how you can even add your own arbitrary effects to</span>
</span></span><span class="line"><span class="cl"><span class="c"># the list.</span> </span></span><span class="line"><span class="cl"><span class="c"># the list.</span>
</span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s config.toml and can be</span> </span></span><span class="line"><span class="cl"><span class="c"># All effect values default to the values of your site&#39;s hugo.toml and can be</span>
</span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span> </span></span><span class="line"><span class="cl"><span class="c"># overridden thru URL parameter given to the image. See the documentation for</span>
</span></span><span class="line"><span class="cl"><span class="c"># details.</span> </span></span><span class="line"><span class="cl"><span class="c"># details.</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -330,7 +330,7 @@
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for MathJax.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the MathJaxdocumentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mathJaxInitialize</span> <span class="p">=</span> <span class="s2">&#34;{}&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load MathJax if needed.</span>
@ -341,14 +341,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMathJax=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMathJax</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external MathJax library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the MathJax library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMathJaxURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mathjax/es5/tex-mml-chtml.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -359,14 +359,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># Default: false</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: false</span>
</span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span> </span></span><span class="line"><span class="cl"><span class="c"># For huge graphs it can be helpful to make them zoomable. Zoomable graphs come</span>
</span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span> </span></span><span class="line"><span class="cl"><span class="c"># with a reset button for the zoom.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used or given as a</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used or given as a</span>
</span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span> </span></span><span class="line"><span class="cl"><span class="c"># parameter to individual graphs.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidZoom</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span> </span></span><span class="line"><span class="cl"><span class="c"># Initialization options for Mermaid.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span> </span></span><span class="line"><span class="cl"><span class="c"># A JSON value. See the Mermaid documentation for possible parameter.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;securityLevel\&#34;: \&#34;loose\&#34; }&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span> </span></span><span class="line"><span class="cl"><span class="c"># Only load Mermaid if needed.</span>
@ -377,14 +377,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableMermaid=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableMermaid</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external Mermaid library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the Mermaid library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customMermaidURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/mermaid/dist/mermaid.min.js&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span> </span></span><span class="line"><span class="cl"><span class="c">#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>
@ -399,14 +399,14 @@
</span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span> </span></span><span class="line"><span class="cl"><span class="c"># codefence is involved and the library is not loaded by default. In this case</span>
</span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span> </span></span><span class="line"><span class="cl"><span class="c"># you can set `disableOpenapi=false` in your frontmatter to force the library to</span>
</span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span> </span></span><span class="line"><span class="cl"><span class="c"># be loaded.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">disableOpenapi</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span> </span></span><span class="line"><span class="cl"><span class="c"># URL for external OpenAPI library.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: not set</span>
</span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span> </span></span><span class="line"><span class="cl"><span class="c"># Specifies the remote location of the OpenAPI library. By default the shipped</span>
</span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span> </span></span><span class="line"><span class="cl"><span class="c"># version will be used.</span>
</span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s config.toml is used.</span> </span></span><span class="line"><span class="cl"><span class="c"># If not set, the set value of your site&#39;s hugo.toml is used.</span>
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span> <span class="c"># &#34;https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js&#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><h2 id="some-detailed-examples">Some Detailed Examples</h2>
<h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3> <h3 id="add-icon-to-a-menu-entry">Add Icon to a Menu Entry</h3>
@ -414,8 +414,8 @@
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-b37afb75142a342f118b96364187ad72" class="lightbox-link"><img src="../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-edd386c067d71bc50f3d6101dc71dd5e" class="lightbox-link"><img src="../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-b37afb75142a342f118b96364187ad72"><img src="../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-edd386c067d71bc50f3d6101dc71dd5e"><img src="../cont/frontmatter/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3> <h3 id="ordering-sibling-menupage-entries">Ordering Sibling Menu/Page Entries</h3>
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p> <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
<p>The simplest way is to set <code>weight</code> parameter to a number.</p> <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@ -447,7 +447,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p> <p>To stay with the initial example: Suppose you want <code>level-one</code> appear in the sidebar but don&rsquo;t want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.</p>
<p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</p> <p>For this, open <code>content/level-one/_index.md</code> and add the following frontmatter</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="err">+++</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your config.toml</span> </span></span><span class="line"><span class="cl"><span class="nx">collapsibleMenu</span> <span class="p">=</span> <span class="kc">true</span> <span class="c"># this adds the expander to the menu entry if not already set in your hugo.toml</span>
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">_build</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span> </span></span><span class="line"><span class="cl"> <span class="nx">render</span> <span class="p">=</span> <span class="s2">&#34;never&#34;</span> <span class="c"># no page will be generated so the page does not have a url</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div>
@ -465,8 +465,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
<h2 id="predefined-archetypes">Predefined Archetypes</h2> <h2 id="predefined-archetypes">Predefined Archetypes</h2>
<h3 id="archetypes-home">Home</h3> <h3 id="archetypes-home">Home</h3>
<p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p> <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
<p><a href="#R-image-35268825fb961ebb7b054ea3c7ab1947" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-517a53c1e433b26ad9d39795ff04a64a" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-35268825fb961ebb7b054ea3c7ab1947"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-517a53c1e433b26ad9d39795ff04a64a"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a home page, run the following command</p> <p>To create a home page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -476,8 +476,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p> <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
<p><a href="#R-image-fcdd6d4c56d5df6169f9049d04a43c04" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-2c7ba288fc148f3966668e13bc36868c" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcdd6d4c56d5df6169f9049d04a43c04"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-2c7ba288fc148f3966668e13bc36868c"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a chapter page, run the following command</p> <p>To create a chapter page, run the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++ <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@ -489,8 +489,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p> </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
<h3 id="archetypes-default">Default</h3> <h3 id="archetypes-default">Default</h3>
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p> <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
<p><a href="#R-image-ed5fbab571af4438aff8a0ccca71b2be" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-fd68c540a0fb63622dd6aeea869c3e7a" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ed5fbab571af4438aff8a0ccca71b2be"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-fd68c540a0fb63622dd6aeea869c3e7a"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>To create a default page, run either one of the following commands</p> <p>To create a default page, run either one of the following commands</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@ -532,7 +532,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
</table> </table>
<p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p> <p>Take a look at the existing archetypes of this theme to get an idea how to utilize it.</p>
<h4 id="output-formats">Output formats</h4> <h4 id="output-formats">Output formats</h4>
<p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p> <p>Each hook file can be overridden of a specific <a href="https://gohugo.io/templates/output-formats/" target="_blank">output format</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>hugo.toml</code>, you can add a file <code>layouts/partials/archetypes/default.plaintext.html</code> to change the way how normal content is written for that output format.</p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -1062,8 +1062,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-238990ad855baf7effb6634ab92117a1" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-3311cc66455840e0b17d5aa4db693113" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-238990ad855baf7effb6634ab92117a1"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3311cc66455840e0b17d5aa4db693113"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-with-tooltip">Image with Tooltip</h3> <h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -1073,8 +1073,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-448d93b68ab31bf8acc41c446b0b52a7" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-448d93b68ab31bf8acc41c446b0b52a7"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-references">Image References</h3> <h3 id="image-references">Image References</h3>
@ -1086,12 +1086,12 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e504de1174eeb783ddf21b69bbe407a7" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-7aac4b48718c9df62946770f1b9c3285" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e504de1174eeb783ddf21b69bbe407a7"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7aac4b48718c9df62946770f1b9c3285"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-effects">Image Effects</h3> <h3 id="image-effects">Image Effects</h3>
<p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>config.toml</code> or frontmatter parameter.</p> <p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>hugo.toml</code> or frontmatter parameter.</p>
<h4 id="resizing">Resizing</h4> <h4 id="resizing">Resizing</h4>
<p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p> <p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div>
@ -1099,8 +1099,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4a7aae2908819a31bacd301eb5f86df6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-e6c80c695622ee19deae005f319e1fee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7aae2908819a31bacd301eb5f86df6"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-e6c80c695622ee19deae005f319e1fee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -1108,8 +1108,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4151917d2babeb9a68ec0b7bbc89f266" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a> <p><a href="#R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4151917d2babeb9a68ec0b7bbc89f266"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -1117,8 +1117,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-cd1b76831f4233a262ec75d86a8952b0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a> <p><a href="#R-image-27a453fe3c2872b0259ff3e36c7583e1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd1b76831f4233a262ec75d86a8952b0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27a453fe3c2872b0259ff3e36c7583e1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="css-classes">CSS Classes</h4> <h4 id="css-classes">CSS Classes</h4>
@ -1129,8 +1129,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e484316cbaafeb05d46202cdbb7362df" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-da20da8cc2318ff18726093247bdc15d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e484316cbaafeb05d46202cdbb7362df"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-da20da8cc2318ff18726093247bdc15d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="border">Border</h5> <h5 id="border">Border</h5>
@ -1139,8 +1139,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-a23bbbff4f61854b28ee87fc0d30fa23" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-eb2906ad7ed7d91e6b133975502f17e7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a23bbbff4f61854b28ee87fc0d30fa23"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-eb2906ad7ed7d91e6b133975502f17e7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="left">Left</h5> <h5 id="left">Left</h5>
@ -1149,8 +1149,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4185742a2177fd71b68c60affed8bf94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-caa5c0746bef882c06aed23975896a94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4185742a2177fd71b68c60affed8bf94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-caa5c0746bef882c06aed23975896a94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="right">Right</h5> <h5 id="right">Right</h5>
@ -1159,8 +1159,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-805399d30bc598e74e6e84dbff1a3cf1" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-6d9772467c1be8f7e5d0ebb41415b09a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-805399d30bc598e74e6e84dbff1a3cf1"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6d9772467c1be8f7e5d0ebb41415b09a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="inline">Inline</h5> <h5 id="inline">Inline</h5>
@ -1172,14 +1172,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-c03aea18410127346522e4ce508da3cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <p><a href="#R-image-6a2bcc7dde75b88bc7189c411201c784" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c03aea18410127346522e4ce508da3cb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6a2bcc7dde75b88bc7189c411201c784"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5a257a248b58cc2ab57f8838c36370cd" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-6512094d8b6329a269f2f889f2076572" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5a257a248b58cc2ab57f8838c36370cd"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6512094d8b6329a269f2f889f2076572"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-81d21ebfc669c2778c1c9731def613ee" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-3567c81546dc82e6e6e867900d94fb65" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-81d21ebfc669c2778c1c9731def613ee"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3567c81546dc82e6e6e867900d94fb65"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-38583a32ffbaa6a32c9a19fba8e60492" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-5051b87d946f0697a1ce47c87fd4e09f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-38583a32ffbaa6a32c9a19fba8e60492"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5051b87d946f0697a1ce47c87fd4e09f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="combination">Combination</h5> <h5 id="combination">Combination</h5>
@ -1188,8 +1188,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-d42f72eb2feee47b5bd2d75fcc6f5a76" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-a23e40c0433eedeb487f1f15eab60b0d" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d42f72eb2feee47b5bd2d75fcc6f5a76"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-a23e40c0433eedeb487f1f15eab60b0d"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="lightbox">Lightbox</h4> <h4 id="lightbox">Lightbox</h4>
@ -1223,25 +1223,25 @@ line 3 of code
<p>The theme supports non-standard <a href="../cont/markdown/index.html#image-effects">image effects</a>.</p> <p>The theme supports non-standard <a href="../cont/markdown/index.html#image-effects">image effects</a>.</p>
<p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p> <p>As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.</p>
<p>Instead, you can configure the defaults in your <code>config.toml</code> aswell as overriding these default in the pages frontmatter.</p> <p>Instead, you can configure the defaults in your <code>hugo.toml</code> aswell as overriding these default in the pages frontmatter.</p>
<p>Explicitly set URL query parameter will override the defaults in effect for a page.</p> <p>Explicitly set URL query parameter will override the defaults in effect for a page.</p>
<p>Without any settings in your <code>config.toml</code> this defaults to</p> <p>Without any settings in your <code>hugo.toml</code> this defaults to</p>
<div class="tab-panel" data-tab-group="25561fe86be6ab9d5f766b00e6f74a86"> <div class="tab-panel" data-tab-group="2771b4267c0699e4f525cf817299b417">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('25561fe86be6ab9d5f766b00e6f74a86','configtoml')" onclick="switchTab('2771b4267c0699e4f525cf817299b417','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1255,13 +1255,13 @@ line 3 of code
</div><p>This can be overridden in a pages frontmatter by eg.</p> </div><p>This can be overridden in a pages frontmatter by eg.</p>
<div class="tab-panel" data-tab-group="2dfd7c565d689b80edd71291d5b7d9b7"> <div class="tab-panel" data-tab-group="d9d41086c6e519d05ea996258af008dd">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="frontmatter" data-tab-item="frontmatter"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2dfd7c565d689b80edd71291d5b7d9b7','frontmatter')" onclick="switchTab('d9d41086c6e519d05ea996258af008dd','frontmatter')"
> >
<span class="tab-nav-text">frontmatter</span> <span class="tab-nav-text">frontmatter</span>
</button> </button>
@ -1281,13 +1281,13 @@ line 3 of code
</div><p>Or by explicitly override settings by URL query parameter</p> </div><p>Or by explicitly override settings by URL query parameter</p>
<div class="tab-panel" data-tab-group="a5aa1308cd1e2674dfd1128128ab057b"> <div class="tab-panel" data-tab-group="340db7cdf951bd220d2f353dd0356558">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="url" data-tab-item="url"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a5aa1308cd1e2674dfd1128128ab057b','url')" onclick="switchTab('340db7cdf951bd220d2f353dd0356558','url')"
> >
<span class="tab-nav-text">URL</span> <span class="tab-nav-text">URL</span>
</button> </button>
@ -1304,13 +1304,13 @@ line 3 of code
</div><p>The settings applied to the above image would be</p> </div><p>The settings applied to the above image would be</p>
<div class="tab-panel" data-tab-group="252ff8f0e6fa4bb44d68acbdf982bfed"> <div class="tab-panel" data-tab-group="26f51cc75dd9b8467ee766c0692ed1e4">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="result" data-tab-item="result"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('252ff8f0e6fa4bb44d68acbdf982bfed','result')" onclick="switchTab('26f51cc75dd9b8467ee766c0692ed1e4','result')"
> >
<span class="tab-nav-text">Result</span> <span class="tab-nav-text">Result</span>
</button> </button>
@ -1330,13 +1330,13 @@ line 3 of code
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p> </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
<div class="tab-panel" data-tab-group="3378f8a5e51def943ca6196a376116c3"> <div class="tab-panel" data-tab-group="87a00965dc3c6e0f6d64fe4e8982735d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="html" data-tab-item="html"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3378f8a5e51def943ca6196a376116c3','html')" onclick="switchTab('87a00965dc3c6e0f6d64fe4e8982735d','html')"
> >
<span class="tab-nav-text">HTML</span> <span class="tab-nav-text">HTML</span>
</button> </button>
@ -1351,13 +1351,13 @@ line 3 of code
</div> </div>
</div> </div>
</div><h2 id="extending">Extending</h2> </div><h2 id="extending">Extending</h2>
<p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>config.toml</code> or pages frontmatter.</p> <p>As you can see in the above example, the <code>bg-white</code> parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your <code>hugo.toml</code> or pages frontmatter.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content"> <div class="box-content">
<p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>config.toml</code> or pages frontmatter.</p> <p>If no extended parameter like <code>bg-white</code> in the example is set on the URL, a <code>class=&quot;nobg-white&quot;</code> in the HTML will only be generated if a default value was set in the <code>hugo.toml</code> or pages frontmatter.</p>
</div> </div>
</div> </div>
@ -1372,7 +1372,7 @@ line 3 of code
<p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p> <p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>Edit the website configuration <code>config.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p> <p>Edit the website configuration <code>hugo.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span>
@ -1405,7 +1405,7 @@ However, if you want to keep the title but change its value, it can be overridde
<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">Shortcuts-Title</span><span class="p">]</span> <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">Shortcuts-Title</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p> </span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p>
<h2 id="i18n">Configuration for Multilingual mode</h2> <h2 id="i18n">Configuration for Multilingual mode</h2>
<p>When using a multilingual website, you can set different menus for each language. In the <code>config.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p> <p>When using a multilingual website, you can set different menus for each language. In the <code>hugo.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">languages</span><span class="p">]</span> <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">languages</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
@ -1511,10 +1511,10 @@ However, if you want to keep the title but change its value, it can be overridde
<li>Automatic menu generation from multilingual content</li> <li>Automatic menu generation from multilingual content</li>
<li>In-browser language switching</li> <li>In-browser language switching</li>
</ul> </ul>
<p><a href="#R-image-681278605fcb7d52c0cd7d24c2459cb5" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a> <p><a href="#R-image-5c747c0f6c8f5dcde851fe2ba559f1be" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-681278605fcb7d52c0cd7d24c2459cb5"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5c747c0f6c8f5dcde851fe2ba559f1be"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p> <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>hugo.toml</code> file.</p>
<p>For example with current English and Piratized English website.</p> <p>For example with current English and Piratized English website.</p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -1585,7 +1585,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div> </div>
</div> </div>
<h3 id="search-with-mixed-language-support">Search with mixed language support</h3> <h3 id="search-with-mixed-language-support">Search with mixed language support</h3>
<p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>config.toml</code> to broaden search.</p> <p>In case your page&rsquo;s content contains text in multiple languages (e.g. you are writing a Russian documentation for your english API), you can add those languages to your <code>hugo.toml</code> to broaden search.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p> </span></span><span class="line"><span class="cl"> <span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span></span></span></code></pre></div><p>As this is an array, you can add multiple additional languages.</p>
@ -1601,7 +1601,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p> <p>To override these values, create a new file in your local i18n folder <code>i18n/&lt;idlanguage&gt;.toml</code> and inspire yourself from the theme <code>themes/hugo-theme-relearn/i18n/en.toml</code></p>
<h2 id="disable-language-switching">Disable language switching</h2> <h2 id="disable-language-switching">Disable language switching</h2>
<p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p> <p>Switching the language in the browser is a great feature, but for some reasons you may want to disable it.</p>
<p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>config.toml</code></p> <p>Just set <code>disableLanguageSwitchingButton=true</code> in your <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span> </span></span><span class="line"><span class="cl"> <span class="c"># When using multilingual website, disable the switch language button.</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableLanguageSwitchingButton</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
@ -1631,7 +1631,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
<p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p> <p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p>
<p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p> <p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p>
<h2 id="list-all-the-tags">List all the tags</h2> <h2 id="list-all-the-tags">List all the tags</h2>
<p>In the <code>config.toml</code> file you can add a shortcut to display all the tags and categories</p> <p>In the <code>hugo.toml</code> file you can add a shortcut to display all the tags and categories</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span>
@ -1702,8 +1702,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
</div> </div>
</main> </main>
</div> </div>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299693" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -49,9 +49,9 @@ Markdown is simple to learn, with minimal extra characters so it&amp;rsquo;s als
<guid>https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html</guid>
<description>The theme supports non-standard image effects. <description>The theme supports non-standard image effects.
As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page. As described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.
Instead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter. Instead, you can configure the defaults in your hugo.toml aswell as overriding these default in the pages frontmatter.
Explicitly set URL query parameter will override the defaults in effect for a page. Explicitly set URL query parameter will override the defaults in effect for a page.
Without any settings in your config.toml this defaults to</description> Without any settings in your hugo.toml this defaults to</description>
</item> </item>
<item> <item>
<title>Menu extra shortcuts</title> <title>Menu extra shortcuts</title>
@ -59,7 +59,7 @@ Without any settings in your config.toml this defaults to</description>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html</guid>
<description>You can define additional menu entries or shortcuts in the navigation menu without any link to content. <description>You can define additional menu entries or shortcuts in the navigation menu without any link to content.
Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add. Basic configuration Edit the website configuration hugo.toml and add a [[menu.shortcuts]] entry for each link your want to add.
Example from the current website: Example from the current website:
[[menu.shortcuts]] name = &amp;#34;&amp;lt;i class=&amp;#39;fab fa-fw fa-github&amp;#39;&amp;gt;&amp;lt;/i&amp;gt; GitHub repo&amp;#34; identifier = &amp;#34;ds&amp;#34; url = &amp;#34;https://github.com/McShelby/hugo-theme-relearn&amp;#34; weight = 10 [[menu.shortcuts]] name = &amp;#34;&amp;lt;i class=&amp;#39;fas fa-fw fa-camera&amp;#39;&amp;gt;&amp;lt;/i&amp;gt; Showcases&amp;#34; url = &amp;#34;showcase/&amp;#34; weight = 11 [[menu.</description> [[menu.shortcuts]] name = &amp;#34;&amp;lt;i class=&amp;#39;fab fa-fw fa-github&amp;#39;&amp;gt;&amp;lt;/i&amp;gt; GitHub repo&amp;#34; identifier = &amp;#34;ds&amp;#34; url = &amp;#34;https://github.com/McShelby/hugo-theme-relearn&amp;#34; weight = 10 [[menu.shortcuts]] name = &amp;#34;&amp;lt;i class=&amp;#39;fas fa-fw fa-camera&amp;#39;&amp;gt;&amp;lt;/i&amp;gt; Showcases&amp;#34; url = &amp;#34;showcase/&amp;#34; weight = 11 [[menu.</description>
</item> </item>
@ -69,7 +69,7 @@ Example from the current website:
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html</guid>
<description>The Relearn theme is fully compatible with Hugo multilingual mode. <description>The Relearn theme is fully compatible with Hugo multilingual mode.
Available languages: Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, English, Finnish, French, German, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Swahili, Turkish, Vietnamese. Feel free to contribute! Full support for languages written right to left Automatic menu generation from multilingual content In-browser language switching Basic configuration After learning how Hugo handle multilingual websites, define your languages in your config.</description> Available languages: Arabic, Simplified Chinese, Traditional Chinese, Czech, Dutch, English, Finnish, French, German, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Swahili, Turkish, Vietnamese. Feel free to contribute! Full support for languages written right to left Automatic menu generation from multilingual content In-browser language switching Basic configuration After learning how Hugo handle multilingual websites, define your languages in your hugo.</description>
</item> </item>
<item> <item>
<title>Taxonomy</title> <title>Taxonomy</title>

View File

@ -30,21 +30,21 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme"> <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme"> <link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -712,8 +712,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-238990ad855baf7effb6634ab92117a1" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-3311cc66455840e0b17d5aa4db693113" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-238990ad855baf7effb6634ab92117a1"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3311cc66455840e0b17d5aa4db693113"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-with-tooltip">Image with Tooltip</h3> <h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -723,8 +723,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-448d93b68ab31bf8acc41c446b0b52a7" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-448d93b68ab31bf8acc41c446b0b52a7"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-references">Image References</h3> <h3 id="image-references">Image References</h3>
@ -736,12 +736,12 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e504de1174eeb783ddf21b69bbe407a7" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-7aac4b48718c9df62946770f1b9c3285" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e504de1174eeb783ddf21b69bbe407a7"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7aac4b48718c9df62946770f1b9c3285"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-effects">Image Effects</h3> <h3 id="image-effects">Image Effects</h3>
<p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>config.toml</code> or frontmatter parameter.</p> <p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>hugo.toml</code> or frontmatter parameter.</p>
<h4 id="resizing">Resizing</h4> <h4 id="resizing">Resizing</h4>
<p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p> <p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div>
@ -749,8 +749,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4a7aae2908819a31bacd301eb5f86df6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-e6c80c695622ee19deae005f319e1fee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7aae2908819a31bacd301eb5f86df6"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-e6c80c695622ee19deae005f319e1fee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -758,8 +758,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4151917d2babeb9a68ec0b7bbc89f266" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a> <p><a href="#R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4151917d2babeb9a68ec0b7bbc89f266"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -767,8 +767,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-cd1b76831f4233a262ec75d86a8952b0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a> <p><a href="#R-image-27a453fe3c2872b0259ff3e36c7583e1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd1b76831f4233a262ec75d86a8952b0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27a453fe3c2872b0259ff3e36c7583e1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="css-classes">CSS Classes</h4> <h4 id="css-classes">CSS Classes</h4>
@ -779,8 +779,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e484316cbaafeb05d46202cdbb7362df" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-da20da8cc2318ff18726093247bdc15d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e484316cbaafeb05d46202cdbb7362df"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-da20da8cc2318ff18726093247bdc15d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="border">Border</h5> <h5 id="border">Border</h5>
@ -789,8 +789,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-a23bbbff4f61854b28ee87fc0d30fa23" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-eb2906ad7ed7d91e6b133975502f17e7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a23bbbff4f61854b28ee87fc0d30fa23"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-eb2906ad7ed7d91e6b133975502f17e7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="left">Left</h5> <h5 id="left">Left</h5>
@ -799,8 +799,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4185742a2177fd71b68c60affed8bf94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-caa5c0746bef882c06aed23975896a94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4185742a2177fd71b68c60affed8bf94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-caa5c0746bef882c06aed23975896a94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="right">Right</h5> <h5 id="right">Right</h5>
@ -809,8 +809,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-805399d30bc598e74e6e84dbff1a3cf1" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-6d9772467c1be8f7e5d0ebb41415b09a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-805399d30bc598e74e6e84dbff1a3cf1"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6d9772467c1be8f7e5d0ebb41415b09a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="inline">Inline</h5> <h5 id="inline">Inline</h5>
@ -822,14 +822,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-c03aea18410127346522e4ce508da3cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <p><a href="#R-image-6a2bcc7dde75b88bc7189c411201c784" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c03aea18410127346522e4ce508da3cb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6a2bcc7dde75b88bc7189c411201c784"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5a257a248b58cc2ab57f8838c36370cd" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-6512094d8b6329a269f2f889f2076572" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5a257a248b58cc2ab57f8838c36370cd"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6512094d8b6329a269f2f889f2076572"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-81d21ebfc669c2778c1c9731def613ee" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-3567c81546dc82e6e6e867900d94fb65" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-81d21ebfc669c2778c1c9731def613ee"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3567c81546dc82e6e6e867900d94fb65"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-38583a32ffbaa6a32c9a19fba8e60492" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-5051b87d946f0697a1ce47c87fd4e09f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-38583a32ffbaa6a32c9a19fba8e60492"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5051b87d946f0697a1ce47c87fd4e09f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="combination">Combination</h5> <h5 id="combination">Combination</h5>
@ -838,8 +838,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-d42f72eb2feee47b5bd2d75fcc6f5a76" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-a23e40c0433eedeb487f1f15eab60b0d" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d42f72eb2feee47b5bd2d75fcc6f5a76"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-a23e40c0433eedeb487f1f15eab60b0d"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="lightbox">Lightbox</h4> <h4 id="lightbox">Lightbox</h4>
@ -950,12 +950,12 @@ line 3 of code
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -1115,13 +1115,13 @@ line 3 of code
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -30,22 +30,22 @@ Markdown is simple to learn, with minimal extra characters so it&rsquo;s also qu
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme"> <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -620,8 +620,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-238990ad855baf7effb6634ab92117a1" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-3311cc66455840e0b17d5aa4db693113" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-238990ad855baf7effb6634ab92117a1"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3311cc66455840e0b17d5aa4db693113"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-with-tooltip">Image with Tooltip</h3> <h3 id="image-with-tooltip">Image with Tooltip</h3>
@ -631,8 +631,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-448d93b68ab31bf8acc41c446b0b52a7" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ffd2d5dec68c20a8a9d406e5dbaf94d1"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-448d93b68ab31bf8acc41c446b0b52a7"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-references">Image References</h3> <h3 id="image-references">Image References</h3>
@ -644,12 +644,12 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e504de1174eeb783ddf21b69bbe407a7" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-7aac4b48718c9df62946770f1b9c3285" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e504de1174eeb783ddf21b69bbe407a7"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7aac4b48718c9df62946770f1b9c3285"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h3 id="image-effects">Image Effects</h3> <h3 id="image-effects">Image Effects</h3>
<p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>config.toml</code> or frontmatter parameter.</p> <p>This theme allows additional non-standard formatting by setting query parameter at the end of the image URL. The default <a href="../../cont/imageeffects/index.html">behavior is configurable</a> thru your <code>hugo.toml</code> or frontmatter parameter.</p>
<h4 id="resizing">Resizing</h4> <h4 id="resizing">Resizing</h4>
<p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p> <p>Add query parameter <code>width</code> and/or <code>height</code> to the link image to resize the image. Values are CSS values (default is <code>auto</code>).</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?width=20vw</span>)</span></span></code></pre></div>
@ -657,8 +657,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4a7aae2908819a31bacd301eb5f86df6" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-e6c80c695622ee19deae005f319e1fee" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a7aae2908819a31bacd301eb5f86df6"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-e6c80c695622ee19deae005f319e1fee"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@ -666,8 +666,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4151917d2babeb9a68ec0b7bbc89f266" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a> <p><a href="#R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4151917d2babeb9a68ec0b7bbc89f266"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4e85d7bcb5f8ad5841e9ad9597e3ef59"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@ -675,8 +675,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-cd1b76831f4233a262ec75d86a8952b0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a> <p><a href="#R-image-27a453fe3c2872b0259ff3e36c7583e1" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd1b76831f4233a262ec75d86a8952b0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-27a453fe3c2872b0259ff3e36c7583e1"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="css-classes">CSS Classes</h4> <h4 id="css-classes">CSS Classes</h4>
@ -687,8 +687,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-e484316cbaafeb05d46202cdbb7362df" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-da20da8cc2318ff18726093247bdc15d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e484316cbaafeb05d46202cdbb7362df"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-da20da8cc2318ff18726093247bdc15d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="border">Border</h5> <h5 id="border">Border</h5>
@ -697,8 +697,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-a23bbbff4f61854b28ee87fc0d30fa23" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-eb2906ad7ed7d91e6b133975502f17e7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a23bbbff4f61854b28ee87fc0d30fa23"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-eb2906ad7ed7d91e6b133975502f17e7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="left">Left</h5> <h5 id="left">Left</h5>
@ -707,8 +707,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-4185742a2177fd71b68c60affed8bf94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-caa5c0746bef882c06aed23975896a94" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4185742a2177fd71b68c60affed8bf94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-caa5c0746bef882c06aed23975896a94"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="right">Right</h5> <h5 id="right">Right</h5>
@ -717,8 +717,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-805399d30bc598e74e6e84dbff1a3cf1" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-6d9772467c1be8f7e5d0ebb41415b09a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-805399d30bc598e74e6e84dbff1a3cf1"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6d9772467c1be8f7e5d0ebb41415b09a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="inline">Inline</h5> <h5 id="inline">Inline</h5>
@ -730,14 +730,14 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-c03aea18410127346522e4ce508da3cb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <p><a href="#R-image-6a2bcc7dde75b88bc7189c411201c784" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c03aea18410127346522e4ce508da3cb"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6a2bcc7dde75b88bc7189c411201c784"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5a257a248b58cc2ab57f8838c36370cd" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-6512094d8b6329a269f2f889f2076572" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5a257a248b58cc2ab57f8838c36370cd"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-6512094d8b6329a269f2f889f2076572"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-81d21ebfc669c2778c1c9731def613ee" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-3567c81546dc82e6e6e867900d94fb65" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-81d21ebfc669c2778c1c9731def613ee"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3567c81546dc82e6e6e867900d94fb65"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-38583a32ffbaa6a32c9a19fba8e60492" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a> <a href="#R-image-5051b87d946f0697a1ce47c87fd4e09f" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-38583a32ffbaa6a32c9a19fba8e60492"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-5051b87d946f0697a1ce47c87fd4e09f"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h5 id="combination">Combination</h5> <h5 id="combination">Combination</h5>
@ -746,8 +746,8 @@ line 3 of code
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div> <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
<div class="box-content"> <div class="box-content">
<p><a href="#R-image-d42f72eb2feee47b5bd2d75fcc6f5a76" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a> <p><a href="#R-image-a23e40c0433eedeb487f1f15eab60b0d" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d42f72eb2feee47b5bd2d75fcc6f5a76"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-a23e40c0433eedeb487f1f15eab60b0d"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
</div> </div>
</div> </div>
<h4 id="lightbox">Lightbox</h4> <h4 id="lightbox">Lightbox</h4>
@ -777,8 +777,8 @@ line 3 of code
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -11,12 +11,12 @@
<meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png"> <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme"> <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
<meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content. <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add. Basic configuration Edit the website configuration hugo.toml and add a [[menu.shortcuts]] entry for each link your want to add.
Example from the current website: Example from the current website:
[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu."> [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
<meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme"> <meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
<meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content. <meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add. Basic configuration Edit the website configuration hugo.toml and add a [[menu.shortcuts]] entry for each link your want to add.
Example from the current website: Example from the current website:
[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu."> [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
<meta property="og:type" content="article"> <meta property="og:type" content="article">
@ -30,21 +30,21 @@ Example from the current website:
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme"> <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme"> <link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -149,7 +149,7 @@ Example from the current website:
<p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p> <p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>Edit the website configuration <code>config.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p> <p>Edit the website configuration <code>hugo.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span>
@ -182,7 +182,7 @@ However, if you want to keep the title but change its value, it can be overridde
<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">Shortcuts-Title</span><span class="p">]</span> <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">Shortcuts-Title</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p> </span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p>
<h2 id="i18n">Configuration for Multilingual mode</h2> <h2 id="i18n">Configuration for Multilingual mode</h2>
<p>When using a multilingual website, you can set different menus for each language. In the <code>config.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p> <p>When using a multilingual website, you can set different menus for each language. In the <code>hugo.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">languages</span><span class="p">]</span> <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">languages</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
@ -360,12 +360,12 @@ However, if you want to keep the title but change its value, it can be overridde
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -525,13 +525,13 @@ However, if you want to keep the title but change its value, it can be overridde
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -11,12 +11,12 @@
<meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png"> <meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme"> <meta name="twitter:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
<meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content. <meta name="twitter:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add. Basic configuration Edit the website configuration hugo.toml and add a [[menu.shortcuts]] entry for each link your want to add.
Example from the current website: Example from the current website:
[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu."> [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
<meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme"> <meta property="og:title" content="Menu extra shortcuts :: Hugo Relearn Theme">
<meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content. <meta property="og:description" content="You can define additional menu entries or shortcuts in the navigation menu without any link to content.
Basic configuration Edit the website configuration config.toml and add a [[menu.shortcuts]] entry for each link your want to add. Basic configuration Edit the website configuration hugo.toml and add a [[menu.shortcuts]] entry for each link your want to add.
Example from the current website: Example from the current website:
[[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu."> [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34; identifier = &#34;ds&#34; url = &#34;https://github.com/McShelby/hugo-theme-relearn&#34; weight = 10 [[menu.shortcuts]] name = &#34;&lt;i class=&#39;fas fa-fw fa-camera&#39;&gt;&lt;/i&gt; Showcases&#34; url = &#34;showcase/&#34; weight = 11 [[menu.">
<meta property="og:type" content="article"> <meta property="og:type" content="article">
@ -30,22 +30,22 @@ Example from the current website:
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme"> <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -103,7 +103,7 @@ Example from the current website:
<p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p> <p>You can define additional menu entries or shortcuts in the navigation menu without any link to content.</p>
<h2 id="basic-configuration">Basic configuration</h2> <h2 id="basic-configuration">Basic configuration</h2>
<p>Edit the website configuration <code>config.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p> <p>Edit the website configuration <code>hugo.toml</code> and add a <code>[[menu.shortcuts]]</code> entry for each link your want to add.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-fw fa-github&#39;&gt;&lt;/i&gt; GitHub repo&#34;</span>
@ -136,7 +136,7 @@ However, if you want to keep the title but change its value, it can be overridde
<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">Shortcuts-Title</span><span class="p">]</span> <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">Shortcuts-Title</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p> </span></span><span class="line"><span class="cl"><span class="nx">other</span> <span class="p">=</span> <span class="s2">&#34;&lt;Your value&gt;&#34;</span></span></span></code></pre></div><p>Read more about <a href="https://gohugo.io/extras/menus/" target="_blank">hugo menu</a> and <a href="https://gohugo.io/content-management/multilingual/#translation-of-strings" target="_blank">hugo i18n translation strings</a></p>
<h2 id="i18n">Configuration for Multilingual mode</h2> <h2 id="i18n">Configuration for Multilingual mode</h2>
<p>When using a multilingual website, you can set different menus for each language. In the <code>config.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p> <p>When using a multilingual website, you can set different menus for each language. In the <code>hugo.toml</code> file, prefix your menu configuration by <code>Languages.&lt;language-id&gt;</code>.</p>
<p>Example from the current website:</p> <p>Example from the current website:</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">languages</span><span class="p">]</span> <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">languages</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
@ -233,8 +233,8 @@ However, if you want to keep the title but change its value, it can be overridde
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme"> <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
<link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme"> <link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -265,12 +265,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -430,13 +430,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme"> <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -139,8 +139,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -30,21 +30,21 @@ The categories are displayed at the bottom of the page in alphabetical order in
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-pir">
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme"> <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme"> <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -169,7 +169,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
<p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p> <p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p>
<p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p> <p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p>
<h2 id="list-all-the-tags">List all the tags</h2> <h2 id="list-all-the-tags">List all the tags</h2>
<p>In the <code>config.toml</code> file you can add a shortcut to display all the tags and categories</p> <p>In the <code>hugo.toml</code> file you can add a shortcut to display all the tags and categories</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span>
@ -320,12 +320,12 @@ The categories are displayed at the bottom of the page in alphabetical order in
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291161" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291161" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -485,13 +485,13 @@ The categories are displayed at the bottom of the page in alphabetical order in
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291161"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291161" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291161" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -30,22 +30,22 @@ The categories are displayed at the bottom of the page in alphabetical order in
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme"> <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -118,7 +118,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
<p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p> <p>The categories are displayed at the bottom of the page in alphabetical order in the default implementation of the theme but can be customized by providing your own <code>content-footer.html</code> partial.</p>
<p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p> <p>Each item is a link to a taxonomy page displaying all the articles with the given term.</p>
<h2 id="list-all-the-tags">List all the tags</h2> <h2 id="list-all-the-tags">List all the tags</h2>
<p>In the <code>config.toml</code> file you can add a shortcut to display all the tags and categories</p> <p>In the <code>hugo.toml</code> file you can add a shortcut to display all the tags and categories</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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span> <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">menu</span><span class="p">.</span><span class="nx">shortcuts</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; Tags&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/tags&#34;</span>
@ -188,8 +188,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,9 @@
--CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: tomorrow-night; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: tomorrow-night; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */ --MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */

View File

@ -17,9 +17,9 @@
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */ --MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */
--MENU-HEADER-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu header and menu */ --MENU-HEADER-SEPARATOR-color: rgba( 96, 96, 96, 1 ); /* separator color between menu header and menu */

View File

@ -17,9 +17,9 @@
--CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 70, 70, 70, 1 ); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */

View File

@ -17,9 +17,9 @@
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */ --MENU-HOME-LINK-color: rgba( 64, 64, 64, 1 ); /* home button color if configured */
--MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */ --MENU-HOME-LINK-HOVER-color: rgba( 0, 0, 0, 1 ); /* hovered home button color if configured */

View File

@ -17,9 +17,9 @@
--CODE-INLINE-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of inline code */
--BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: dark; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: dark; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: obsidian; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color between menu and content */ --MENU-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color between menu and content */
--MENU-TOPBAR-BORDER-color: rgba( 39, 39, 39, 1 ); /* separator color of vertical line between menu and topbar */ --MENU-TOPBAR-BORDER-color: rgba( 39, 39, 39, 1 ); /* separator color of vertical line between menu and topbar */

View File

@ -17,9 +17,9 @@
--CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */ --CODE-INLINE-BORDER-color: rgba( 248, 232, 200, 1 ); /* border color of inline code */
--BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */ --BROWSER-theme: light; /* name of the theme for browser scrollbars of the main section */
--MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in hugo.toml */
--OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in config.toml */ --OPENAPI-theme: light; /* name of the default OpenAPI theme for this variant, can be overridden in hugo.toml */
--OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in config.toml */ --OPENAPI-CODE-theme: idea; /* name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml */
--MENU-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between menu and content */ --MENU-BORDER-color: rgba( 210, 210, 210, 1 ); /* border color between menu and content */
--MENU-TOPBAR-BORDER-color: rgba( 247, 247, 247, 1 ); /* border color of vertical line between menu and topbar */ --MENU-TOPBAR-BORDER-color: rgba( 247, 247, 247, 1 ); /* border color of vertical line between menu and topbar */

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -344,12 +344,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -513,13 +513,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -22,22 +22,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,8 +218,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291161" rel="stylesheet"> <link href="../css/theme.css?1701299692" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291161" rel="stylesheet"> <link href="../css/variant.css?1701299692" rel="stylesheet">
<link href="../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../css/ie.css?1701291161" rel="stylesheet"> <link href="../css/ie.css?1701299692" rel="stylesheet">
<script src="../js/url.js?1701291161"></script> <script src="../js/url.js?1701299692"></script>
<script src="../js/variant.js?1701291161"></script> <script src="../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -229,12 +229,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../js/auto-complete.js?1701291162" defer></script> <script src="../js/auto-complete.js?1701299692" defer></script>
<script src="../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../js/search.js?1701291162" defer></script> <script src="../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -398,13 +398,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../js/github-buttons.js?1701291162"></script> <script async src="../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299692" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -22,22 +22,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="art-pir">
<link href="../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291162" rel="stylesheet"> <link href="../css/theme.css?1701299693" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291162" rel="stylesheet"> <link href="../css/variant.css?1701299693" rel="stylesheet">
<link href="../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../css/format-print.css?1701291162" rel="stylesheet"> <link href="../css/format-print.css?1701299693" rel="stylesheet">
<link href="../css/ie.css?1701291162" rel="stylesheet"> <link href="../css/ie.css?1701299693" rel="stylesheet">
<script src="../js/url.js?1701291162"></script> <script src="../js/url.js?1701299693"></script>
<script src="../js/variant.js?1701291162"></script> <script src="../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -478,8 +478,8 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p> <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-608917f406797a6d7140f935f68d7c42" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-02566a3e476c4031b1133a06c5de115e" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-608917f406797a6d7140f935f68d7c42"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-02566a3e476c4031b1133a06c5de115e"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2> <h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p> <p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p> <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -508,11 +508,11 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p> <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-847acdea89be5b7c8acc016819f93601" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4635c000256a47c408b05b8bea3a429e" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-847acdea89be5b7c8acc016819f93601"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4635c000256a47c408b05b8bea3a429e"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p> <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-88c5172a0e0728fb9d36feba69edd371" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4ff8e599dd401992a06c625319ae3973" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88c5172a0e0728fb9d36feba69edd371"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4ff8e599dd401992a06c625319ae3973"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -522,8 +522,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../js/clipboard.min.js?1701291162" defer></script> <script src="../js/clipboard.min.js?1701299693" defer></script>
<script src="../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../js/theme.js?1701291162" defer></script> <script src="../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -435,12 +435,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -604,13 +604,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -22,22 +22,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -298,8 +298,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -170,8 +170,8 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p> <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-608917f406797a6d7140f935f68d7c42" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-02566a3e476c4031b1133a06c5de115e" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-608917f406797a6d7140f935f68d7c42"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-02566a3e476c4031b1133a06c5de115e"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2> <h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p> <p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p> <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -200,11 +200,11 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p> <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-847acdea89be5b7c8acc016819f93601" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4635c000256a47c408b05b8bea3a429e" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-847acdea89be5b7c8acc016819f93601"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4635c000256a47c408b05b8bea3a429e"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p> <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-88c5172a0e0728fb9d36feba69edd371" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4ff8e599dd401992a06c625319ae3973" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88c5172a0e0728fb9d36feba69edd371"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4ff8e599dd401992a06c625319ae3973"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -294,12 +294,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -463,13 +463,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -22,22 +22,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="art-pir">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -124,8 +124,8 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p> <p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p><a href="#R-image-608917f406797a6d7140f935f68d7c42" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-02566a3e476c4031b1133a06c5de115e" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-608917f406797a6d7140f935f68d7c42"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-02566a3e476c4031b1133a06c5de115e"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="hero-image">Hero Image</h2> <h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p> <p><strong>Content</strong>:</p>
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p> <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@ -154,11 +154,11 @@
<p><strong>Remarks</strong>:</p> <p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p> <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p> <p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p><a href="#R-image-847acdea89be5b7c8acc016819f93601" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4635c000256a47c408b05b8bea3a429e" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-847acdea89be5b7c8acc016819f93601"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4635c000256a47c408b05b8bea3a429e"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p> <p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p><a href="#R-image-88c5172a0e0728fb9d36feba69edd371" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a> <p><a href="#R-image-4ff8e599dd401992a06c625319ae3973" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88c5172a0e0728fb9d36feba69edd371"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-4ff8e599dd401992a06c625319ae3973"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
</footer> </footer>
@ -167,8 +167,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="art-pir">
<link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme"> <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
<link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme"> <link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
<link href="./images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="./images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="./css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="./css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/nucleus.css?1701291161" rel="stylesheet"> <link href="./css/nucleus.css?1701299692" rel="stylesheet">
<link href="./css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="./css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="./css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="./css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="./css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="./css/theme.css?1701291161" rel="stylesheet"> <link href="./css/theme.css?1701299692" rel="stylesheet">
<link href="./css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="./css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="./css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="./css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="./css/variant.css?1701291161" rel="stylesheet"> <link href="./css/variant.css?1701299692" rel="stylesheet">
<link href="./css/print.css?1701291161" rel="stylesheet" media="print"> <link href="./css/print.css?1701299692" rel="stylesheet" media="print">
<link href="./css/ie.css?1701291161" rel="stylesheet"> <link href="./css/ie.css?1701299692" rel="stylesheet">
<script src="./js/url.js?1701291161"></script> <script src="./js/url.js?1701299692"></script>
<script src="./js/variant.js?1701291161"></script> <script src="./js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -143,8 +143,8 @@
<p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p> <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
<p><a href="./basics/migration/index.html">★ What&rsquo;s new in the latest release ★</a></p> <p><a href="./basics/migration/index.html">★ What&rsquo;s new in the latest release ★</a></p>
<p><a href="#R-image-f26f664291512bb9240c0efeae88ddc8" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a> <p><a href="#R-image-36062e592ea7b8fac7d7e536fa879ad5" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f26f664291512bb9240c0efeae88ddc8"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-36062e592ea7b8fac7d7e536fa879ad5"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="motivation">Motivation</h2> <h2 id="motivation">Motivation</h2>
<p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adapting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p> <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adapting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
<h2 id="features">Features</h2> <h2 id="features">Features</h2>
@ -313,12 +313,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="./js/auto-complete.js?1701291161" defer></script> <script src="./js/auto-complete.js?1701299692" defer></script>
<script src="./js/lunr/lunr.min.js?1701291161" defer></script> <script src="./js/lunr/lunr.min.js?1701299692" defer></script>
<script src="./js/lunr/lunr.stemmer.support.min.js?1701291161" defer></script> <script src="./js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="./js/lunr/lunr.multi.min.js?1701291161" defer></script> <script src="./js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="./js/lunr/lunr.en.min.js?1701291161" defer></script> <script src="./js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="./js/search.js?1701291161" defer></script> <script src="./js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -478,13 +478,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="./js/github-buttons.js?1701291161"></script> <script async src="./js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="./js/clipboard.min.js?1701291161" defer></script> <script src="./js/clipboard.min.js?1701299692" defer></script>
<script src="./js/perfect-scrollbar.min.js?1701291161" defer></script> <script src="./js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="./js/theme.js?1701291161" defer></script> <script src="./js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -585,9 +585,9 @@ var variants = {
{ name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code', }, { name: 'CODE-INLINE-BORDER-color', group: 'inline code', default: '#fbf0cb', tooltip: 'border color of inline code', },
{ name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section', }, { name: 'BROWSER-theme', group: '3rd party', default: 'light', tooltip: 'name of the theme for browser scrollbars of the main section', },
{ name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in config.toml', }, { name: 'MERMAID-theme', group: '3rd party', default: 'default', tooltip: 'name of the default Mermaid theme for this variant, can be overridden in hugo.toml', },
{ name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in config.toml', }, { name: 'OPENAPI-theme', group: '3rd party', default: 'light', tooltip: 'name of the default OpenAPI theme for this variant, can be overridden in hugo.toml', },
{ name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in config.toml', }, { name: 'OPENAPI-CODE-theme', group: '3rd party', default: 'obsidian', tooltip: 'name of the default OpenAPI code theme for this variant, can be overridden in hugo.toml', },
{ name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content', }, { name: 'MENU-BORDER-color', group: 'header', default: 'transparent', tooltip: 'border color between menu and content', },
{ name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar', }, { name: 'MENU-TOPBAR-BORDER-color', group: 'header', fallback: 'MENU-HEADER-BG-color', tooltip: 'border color of vertical line between menu and topbar', },

View File

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-pir">
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme"> <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
<link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme"> <link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291161" rel="stylesheet"> <link href="../../css/nucleus.css?1701299692" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291161" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299692" rel="stylesheet">
<link href="../../css/fonts.css?1701291161" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291161" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299692" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299692" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291161" rel="stylesheet"> <link href="../../css/theme.css?1701299692" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291161" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299692" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291161" rel="stylesheet"> <link href="../../css/variant.css?1701299692" rel="stylesheet">
<link href="../../css/print.css?1701291161" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299692" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291161" rel="stylesheet"> <link href="../../css/ie.css?1701299692" rel="stylesheet">
<script src="../../js/url.js?1701291161"></script> <script src="../../js/url.js?1701299692"></script>
<script src="../../js/variant.js?1701291161"></script> <script src="../../js/variant.js?1701299692"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -285,12 +285,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291162" defer></script> <script src="../../js/auto-complete.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299692" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291162" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299692" defer></script>
<script src="../../js/search.js?1701291162" defer></script> <script src="../../js/search.js?1701299692" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -450,13 +450,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291162"></script> <script async src="../../js/github-buttons.js?1701299692"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299692" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299692" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299692" defer></script>
</body> </body>
</html> </html>

View File

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme"> <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1701291161" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299692" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291162" rel="stylesheet"> <link href="../../css/format-print.css?1701299693" rel="stylesheet">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -157,8 +157,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291162" defer></script> <script src="../../js/clipboard.min.js?1701299693" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291162" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299693" defer></script>
<script src="../../js/theme.js?1701291162" defer></script> <script src="../../js/theme.js?1701299693" defer></script>
</body> </body>
</html> </html>

View File

@ -19,21 +19,21 @@
<meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme"> <meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
<title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title> <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
<base href="https://McShelby.github.io/hugo-theme-relearn/"> <base href="https://McShelby.github.io/hugo-theme-relearn/">
<link href="../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../css/theme.css?1701291162" rel="stylesheet"> <link href="../css/theme.css?1701299693" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1701291162" rel="stylesheet"> <link href="../css/variant.css?1701299693" rel="stylesheet">
<link href="../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../css/ie.css?1701291162" rel="stylesheet"> <link href="../css/ie.css?1701299693" rel="stylesheet">
<script src="../js/url.js?1701291162"></script> <script src="../js/url.js?1701299693"></script>
<script src="../js/variant.js?1701291162"></script> <script src="../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72

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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/branding/index.print.html" rel="alternate" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/branding/index.print.html" rel="alternate" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -156,28 +156,28 @@
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p> <p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p> <p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>hugo.toml</code>.</p>
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p> <p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p> <p>Once configured 'n yer <code>hugo.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
<h2 id="theme-variant">Change th' Variant (Simple)</h2> <h2 id="theme-variant">Change th' Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p> <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
<div class="tab-panel" data-tab-group="d7631541f927b07a823aeebf562ff21e"> <div class="tab-panel" data-tab-group="194ca1a0bd342bec36dfa80e91cada6d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7631541f927b07a823aeebf562ff21e','configtoml')" onclick="switchTab('194ca1a0bd342bec36dfa80e91cada6d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -198,20 +198,20 @@
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="a58e6e42c35b55b6040c3a90dbcf7319"> <div class="tab-panel" data-tab-group="1586f9dfab0bec0e79efcf3a9c3cb123">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a58e6e42c35b55b6040c3a90dbcf7319','configtoml')" onclick="switchTab('1586f9dfab0bec0e79efcf3a9c3cb123','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -233,20 +233,20 @@
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p> <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<div class="tab-panel" data-tab-group="bd5954bcf77a0340d2f537a4f9de3cdf"> <div class="tab-panel" data-tab-group="08c24e677a17a8519304679642c32ad6">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd5954bcf77a0340d2f537a4f9de3cdf','configtoml')" onclick="switchTab('08c24e677a17a8519304679642c32ad6','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -259,20 +259,20 @@
<p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p> <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
<div class="tab-panel" data-tab-group="f298bedbdb50dbeec7dc22ea8d1ef9fc"> <div class="tab-panel" data-tab-group="dde4afb1b306b6ba08490f836de01c35">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f298bedbdb50dbeec7dc22ea8d1ef9fc','configtoml')" onclick="switchTab('dde4afb1b306b6ba08490f836de01c35','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -287,13 +287,13 @@
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p> <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
<div class="tab-panel" data-tab-group="d4449fd77011ad54b7ea60f204adff86"> <div class="tab-panel" data-tab-group="eff16795050167eb9d19d15d28fb4a1d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d4449fd77011ad54b7ea60f204adff86','layoutspartialsfaviconhtml')" onclick="switchTab('eff16795050167eb9d19d15d28fb4a1d','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -320,27 +320,27 @@
<h2 id="syntax-highlightning">Rules Highlightn'n</h2> <h2 id="syntax-highlightning">Rules Highlightn'n</h2>
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p> <p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p>
<p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p> <p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> o' th' exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> o' th' exampleSite.</p>
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p> <p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p> <p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c11cf602cfbb60a4a12d53ecf47bbbf2"> <div class="tab-panel" data-tab-group="420ddb975056c4ba4e8b98a172227c89">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c11cf602cfbb60a4a12d53ecf47bbbf2','configtoml')" onclick="switchTab('420ddb975056c4ba4e8b98a172227c89','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -351,20 +351,20 @@
</div><p>ye now write it that way:</p> </div><p>ye now write it that way:</p>
<div class="tab-panel" data-tab-group="8c73ac0f89fdb9e9e3c416bb4b6fd84d"> <div class="tab-panel" data-tab-group="61f20c231a4d3931419aa9bd878aba06">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8c73ac0f89fdb9e9e3c416bb4b6fd84d','configtoml')" onclick="switchTab('61f20c231a4d3931419aa9bd878aba06','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -406,20 +406,20 @@
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3> <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<div class="tab-panel" data-tab-group="8bebe677040f3f229fb95c7d92222c51"> <div class="tab-panel" data-tab-group="9710b300d712faf13ea327f19773d23f">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8bebe677040f3f229fb95c7d92222c51','configtoml')" onclick="switchTab('9710b300d712faf13ea327f19773d23f','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -449,21 +449,21 @@
<ol> <ol>
<li> <li>
<p>Copy an' change</p> <p>Copy an' change</p>
<p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
</li> </li>
<li> <li>
<p>Create an' import</p> <p>Create an' import</p>
<p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
<p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p> <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
<div class="tab-panel" data-tab-group="012f49b339b6dedcd270919e54857700"> <div class="tab-panel" data-tab-group="23f30935d2f20ee2b3c0ba19540efbd1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('012f49b339b6dedcd270919e54857700','staticcsstheme-my-brandingcss')" onclick="switchTab('23f30935d2f20ee2b3c0ba19540efbd1','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-brand'n.css</span> <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
</button> </button>
@ -483,23 +483,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this 'n yer <code>config.toml</code> t' use yer new variant:</p> </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
<div class="tab-panel" data-tab-group="0290cc4cad6b05c553dcacd2e92e3266"> <div class="tab-panel" data-tab-group="450ca26013bec4cc67fcfa67b897ad99">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0290cc4cad6b05c553dcacd2e92e3266','configtoml')" onclick="switchTab('450ca26013bec4cc67fcfa67b897ad99','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -607,12 +607,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -772,13 +772,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="canonical" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="canonical" type="text/html" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -96,28 +96,28 @@
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p> <p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p> <p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>hugo.toml</code>.</p>
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p> <p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p> <p>Once configured 'n yer <code>hugo.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
<h2 id="theme-variant">Change th' Variant (Simple)</h2> <h2 id="theme-variant">Change th' Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p> <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
<div class="tab-panel" data-tab-group="d7631541f927b07a823aeebf562ff21e"> <div class="tab-panel" data-tab-group="194ca1a0bd342bec36dfa80e91cada6d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7631541f927b07a823aeebf562ff21e','configtoml')" onclick="switchTab('194ca1a0bd342bec36dfa80e91cada6d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -138,20 +138,20 @@
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="a58e6e42c35b55b6040c3a90dbcf7319"> <div class="tab-panel" data-tab-group="1586f9dfab0bec0e79efcf3a9c3cb123">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a58e6e42c35b55b6040c3a90dbcf7319','configtoml')" onclick="switchTab('1586f9dfab0bec0e79efcf3a9c3cb123','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -173,20 +173,20 @@
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p> <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<div class="tab-panel" data-tab-group="bd5954bcf77a0340d2f537a4f9de3cdf"> <div class="tab-panel" data-tab-group="08c24e677a17a8519304679642c32ad6">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd5954bcf77a0340d2f537a4f9de3cdf','configtoml')" onclick="switchTab('08c24e677a17a8519304679642c32ad6','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -199,20 +199,20 @@
<p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p> <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
<div class="tab-panel" data-tab-group="f298bedbdb50dbeec7dc22ea8d1ef9fc"> <div class="tab-panel" data-tab-group="dde4afb1b306b6ba08490f836de01c35">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f298bedbdb50dbeec7dc22ea8d1ef9fc','configtoml')" onclick="switchTab('dde4afb1b306b6ba08490f836de01c35','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -227,13 +227,13 @@
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p> <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
<div class="tab-panel" data-tab-group="d4449fd77011ad54b7ea60f204adff86"> <div class="tab-panel" data-tab-group="eff16795050167eb9d19d15d28fb4a1d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d4449fd77011ad54b7ea60f204adff86','layoutspartialsfaviconhtml')" onclick="switchTab('eff16795050167eb9d19d15d28fb4a1d','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -260,27 +260,27 @@
<h2 id="syntax-highlightning">Rules Highlightn'n</h2> <h2 id="syntax-highlightning">Rules Highlightn'n</h2>
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p> <p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p>
<p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p> <p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> o' th' exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> o' th' exampleSite.</p>
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p> <p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p> <p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c11cf602cfbb60a4a12d53ecf47bbbf2"> <div class="tab-panel" data-tab-group="420ddb975056c4ba4e8b98a172227c89">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c11cf602cfbb60a4a12d53ecf47bbbf2','configtoml')" onclick="switchTab('420ddb975056c4ba4e8b98a172227c89','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -291,20 +291,20 @@
</div><p>ye now write it that way:</p> </div><p>ye now write it that way:</p>
<div class="tab-panel" data-tab-group="8c73ac0f89fdb9e9e3c416bb4b6fd84d"> <div class="tab-panel" data-tab-group="61f20c231a4d3931419aa9bd878aba06">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8c73ac0f89fdb9e9e3c416bb4b6fd84d','configtoml')" onclick="switchTab('61f20c231a4d3931419aa9bd878aba06','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -346,20 +346,20 @@
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3> <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<div class="tab-panel" data-tab-group="8bebe677040f3f229fb95c7d92222c51"> <div class="tab-panel" data-tab-group="9710b300d712faf13ea327f19773d23f">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8bebe677040f3f229fb95c7d92222c51','configtoml')" onclick="switchTab('9710b300d712faf13ea327f19773d23f','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -389,21 +389,21 @@
<ol> <ol>
<li> <li>
<p>Copy an' change</p> <p>Copy an' change</p>
<p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
</li> </li>
<li> <li>
<p>Create an' import</p> <p>Create an' import</p>
<p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
<p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p> <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
<div class="tab-panel" data-tab-group="012f49b339b6dedcd270919e54857700"> <div class="tab-panel" data-tab-group="23f30935d2f20ee2b3c0ba19540efbd1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('012f49b339b6dedcd270919e54857700','staticcsstheme-my-brandingcss')" onclick="switchTab('23f30935d2f20ee2b3c0ba19540efbd1','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-brand'n.css</span> <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
</button> </button>
@ -423,23 +423,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this 'n yer <code>config.toml</code> t' use yer new variant:</p> </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
<div class="tab-panel" data-tab-group="0290cc4cad6b05c553dcacd2e92e3266"> <div class="tab-panel" data-tab-group="450ca26013bec4cc67fcfa67b897ad99">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0290cc4cad6b05c553dcacd2e92e3266','configtoml')" onclick="switchTab('450ca26013bec4cc67fcfa67b897ad99','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -466,8 +466,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -139,24 +139,24 @@
<h1 id="configurrratn">Configurrrat&#39;n</h1> <h1 id="configurrratn">Configurrrat&#39;n</h1>
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p> <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>hugo.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p> <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="119812a8e8a55efa28d6d7a8c091fe12"> <div class="tab-panel" data-tab-group="6f275edfae9fdf03727ebb7eddca8421">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('119812a8e8a55efa28d6d7a8c091fe12','configtoml')" onclick="switchTab('6f275edfae9fdf03727ebb7eddca8421','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -277,7 +277,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml o' th' theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml o' th' theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span>
</span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span>
@ -670,12 +670,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -835,13 +835,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -100,24 +100,24 @@
<h1 id="configurrratn">Configurrrat&#39;n</h1> <h1 id="configurrratn">Configurrrat&#39;n</h1>
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p> <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>hugo.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p> <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="119812a8e8a55efa28d6d7a8c091fe12"> <div class="tab-panel" data-tab-group="6f275edfae9fdf03727ebb7eddca8421">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('119812a8e8a55efa28d6d7a8c091fe12','configtoml')" onclick="switchTab('6f275edfae9fdf03727ebb7eddca8421','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -238,7 +238,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml o' th' theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml o' th' theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span>
</span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span>
@ -550,8 +550,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -154,13 +154,13 @@
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p> <p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p> <p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -171,26 +171,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p> <p>If not already present, add th' follow'n lines 'n yer <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p> <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>hugo.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p> </span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-84541657a2a50c56fc5dc3322fb08d77" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-84541657a2a50c56fc5dc3322fb08d77"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p> <p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p> <p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p> <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -200,8 +200,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p> <p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p> <p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>hugo.toml</code> t' yer lik'n.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configurat'n</h2> <h2 id="home-button-configuration">Home Button Configurat'n</h2>
@ -220,8 +220,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p> </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-f944b73629c2e3cfd4f8fb524a515cbf" 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> <p><a href="#R-image-7a16f258c429fa2f89a7e0a9e3bc9381" 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-f944b73629c2e3cfd4f8fb524a515cbf"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7a16f258c429fa2f89a7e0a9e3bc9381"><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> <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p> <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2> <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -265,23 +265,23 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p> <p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' follow'n snippet t' yer <code>config.toml</code></p> <p>Add th' follow'n snippet t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>config.toml</code>.</p> <p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character cas'n be relevant!</p> <p>Character cas'n be relevant!</p>
<ul> <ul>
<li>th' <code>name</code> sett'n 'n yer <code>config.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>th' <code>name</code> sett'n 'n yer <code>hugo.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>config.toml</code> must match th' base file name o' yer loader file.</li> <li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>hugo.toml</code> must match th' base file name o' yer loader file.</li>
</ul> </ul>
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p> <p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p> <p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>hugo.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p> <p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -402,12 +402,12 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -567,13 +567,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -96,13 +96,13 @@
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p> <p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p> <p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -113,26 +113,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p> <p>If not already present, add th' follow'n lines 'n yer <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p> <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>hugo.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p> </span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-84541657a2a50c56fc5dc3322fb08d77" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-84541657a2a50c56fc5dc3322fb08d77"><img src="../../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p> <p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p> <p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p> <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -142,8 +142,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p> <p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p> <p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>hugo.toml</code> t' yer lik'n.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configurat'n</h2> <h2 id="home-button-configuration">Home Button Configurat'n</h2>
@ -162,8 +162,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p> </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-f944b73629c2e3cfd4f8fb524a515cbf" 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> <p><a href="#R-image-7a16f258c429fa2f89a7e0a9e3bc9381" 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-f944b73629c2e3cfd4f8fb524a515cbf"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7a16f258c429fa2f89a7e0a9e3bc9381"><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> <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p> <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2> <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -207,23 +207,23 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p> <p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' follow'n snippet t' yer <code>config.toml</code></p> <p>Add th' follow'n snippet t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>config.toml</code>.</p> <p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character cas'n be relevant!</p> <p>Character cas'n be relevant!</p>
<ul> <ul>
<li>th' <code>name</code> sett'n 'n yer <code>config.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>th' <code>name</code> sett'n 'n yer <code>hugo.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>config.toml</code> must match th' base file name o' yer loader file.</li> <li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>hugo.toml</code> must match th' base file name o' yer loader file.</li>
</ul> </ul>
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p> <p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p> <p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>hugo.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p> <p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -263,8 +263,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -137,20 +137,20 @@
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p> <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-edb138b2840fe5f4d640d9147722c703" aria-controls="R-expandcontent-edb138b2840fe5f4d640d9147722c703" > <input type="checkbox" id="R-expand-666c6f907dbde2a4f688a353eeac0182" aria-controls="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" >
<label class="expand-label" for="R-expand-edb138b2840fe5f4d640d9147722c703" > <label class="expand-label" for="R-expand-666c6f907dbde2a4f688a353eeac0182" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instruct'ns Show usage instruct'ns
</label> </label>
<div id="R-expandcontent-edb138b2840fe5f4d640d9147722c703" class="expand-content"> <div id="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p> <p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p> <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p> <p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p> <p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p> <p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p> <p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code> t' yer chosen file name.</p>
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p> <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
</div> </div>
</div> </div>
@ -258,12 +258,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -423,27 +423,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-color.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-color.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-dispatch.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-drag.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-ease.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-interpolate.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-selection.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-timer.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-transition.min.js?1701299694" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1701291163" defer></script> <script src="../../../js/d3/d3-zoom.min.js?1701299694" defer></script>
<script src="../../../js/js-yaml.min.js?1701291163" defer></script> <script src="../../../js/js-yaml.min.js?1701299694" defer></script>
<script src="../../../js/mermaid.min.js?1701291163" defer></script> <script src="../../../js/mermaid.min.js?1701299694" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -98,20 +98,20 @@
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p> <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-edb138b2840fe5f4d640d9147722c703" aria-controls="R-expandcontent-edb138b2840fe5f4d640d9147722c703" > <input type="checkbox" id="R-expand-666c6f907dbde2a4f688a353eeac0182" aria-controls="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" >
<label class="expand-label" for="R-expand-edb138b2840fe5f4d640d9147722c703" > <label class="expand-label" for="R-expand-666c6f907dbde2a4f688a353eeac0182" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instruct'ns Show usage instruct'ns
</label> </label>
<div id="R-expandcontent-edb138b2840fe5f4d640d9147722c703" class="expand-content"> <div id="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p> <p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p> <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p> <p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p> <p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p> <p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p> <p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code> t' yer chosen file name.</p>
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p> <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
</div> </div>
</div> </div>
@ -138,22 +138,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-color.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-color.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-dispatch.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-dispatch.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-drag.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-drag.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-ease.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-ease.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-interpolate.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-interpolate.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-selection.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-selection.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-timer.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-timer.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-transition.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-transition.min.js?1701299695" defer></script>
<script src="../../../js/d3/d3-zoom.min.js?1701291164" defer></script> <script src="../../../js/d3/d3-zoom.min.js?1701299695" defer></script>
<script src="../../../js/js-yaml.min.js?1701291164" defer></script> <script src="../../../js/js-yaml.min.js?1701299695" defer></script>
<script src="../../../js/mermaid.min.js?1701291164" defer></script> <script src="../../../js/mermaid.min.js?1701299695" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -2258,12 +2258,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291164" defer></script> <script src="../../../js/auto-complete.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299695" defer></script>
<script src="../../../js/search.js?1701291164" defer></script> <script src="../../../js/search.js?1701299695" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -2423,13 +2423,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291164"></script> <script async src="../../../js/github-buttons.js?1701299695"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1429,8 +1429,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../js/url.js?1701291162"></script> <script src="../../js/url.js?1701299693"></script>
<script src="../../js/variant.js?1701291162"></script> <script src="../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -225,12 +225,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../js/auto-complete.js?1701291163" defer></script> <script src="../../js/auto-complete.js?1701299694" defer></script>
<script src="../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../js/search.js?1701291163" defer></script> <script src="../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -390,13 +390,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../js/github-buttons.js?1701291163"></script> <script async src="../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../js/clipboard.min.js?1701291163" defer></script> <script src="../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../js/theme.js?1701291163" defer></script> <script src="../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../js/url.js?1701291164"></script> <script src="../../js/url.js?1701299695"></script>
<script src="../../js/variant.js?1701291164"></script> <script src="../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -143,7 +143,7 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>hugo.toml</code>. This allows fer optional <a href="../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p> <p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li> </li>
</ul> </ul>
@ -151,14 +151,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>config.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p> <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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>hugo.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p>
<p>Change yer previous sett'n from</p> <p>Change yer previous sett'n from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>hugo.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
@ -237,13 +237,13 @@
<p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p> <p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>config.toml</code> inside o' a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>hugo.toml</code> inside o' a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p>
@ -287,7 +287,7 @@
<p>For exist'n variants noth'n has changed visually.</p> <p>For exist'n variants noth'n has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>config.toml</code> or fer each plank thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>hugo.toml</code> or fer each plank thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -337,7 +337,7 @@
<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> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p>
<p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p> <p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p>
<p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>config.toml</code>.</p> <p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p>
@ -392,7 +392,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p>
@ -405,7 +405,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>config.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>hugo.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -452,7 +452,7 @@
</li> </li>
<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> Th' theme be now cap'ble t' visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' theme be now cap'ble t' visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p>
<p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p> <p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>hugo.toml</code>.</p>
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p> <p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p> <p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
</li> </li>
@ -510,7 +510,7 @@
</li> </li>
<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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p> <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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p>
<p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>config.toml</code>.</p> <p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -550,7 +550,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
<p>T' activate this feature, ye need t' <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p> <p>T' activate this feature, ye need t' <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p> <p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
</li> </li>
<li> <li>
@ -560,7 +560,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
<p>T' <a href="../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p> <p>T' <a href="../../basics/configuration/index.html">configure this</a> 'n yer <code>hugo.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
@ -594,8 +594,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p> <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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>hugo.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>hugo.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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> Th' <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <a href="../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p>
@ -626,7 +626,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>config.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>hugo.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -636,7 +636,7 @@
</li> </li>
<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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p> <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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
<p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p> <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>hugo.toml</code>t':</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -685,7 +685,7 @@
<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> Previously, if th' <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p> <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> Previously, if th' <a href="../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p>
</li> </li>
<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> Th' <code>landingPageURL</code> was removed from <code>config.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <code>landingPageURL</code> was removed from <code>hugo.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p>
@ -730,10 +730,10 @@
<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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p> <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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>hugo.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>hugo.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
@ -777,7 +777,7 @@
</li> </li>
<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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p> <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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
<p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>config.toml</code>.</p> <p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>hugo.toml</code>.</p>
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -795,7 +795,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>hugo.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p> <p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -856,7 +856,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">th' example configurat'n</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>hugo.toml</code>. For an example see <a href="../../basics/configuration/index.html">th' example configurat'n</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -867,7 +867,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>hugo.toml</code>. See th' <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -881,10 +881,10 @@
<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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p> <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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>config.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>hugo.toml</code>. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p>
@ -906,7 +906,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -918,7 +918,7 @@
<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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p> <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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p>
@ -973,7 +973,7 @@
<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">Break'n</span></span> <a href="../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p> <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">Break'n</span></span> <a href="../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -1000,8 +1000,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p> <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p> <p>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> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-f5f2e4971e76fdbdbb814d3edc97bde6" 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> <p><a href="#R-image-3e1d308d3c56d8f9c3e6de62221033d4" 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-f5f2e4971e76fdbdbb814d3edc97bde6"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3e1d308d3c56d8f9c3e6de62221033d4"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
@ -1038,7 +1038,7 @@
<p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p> <p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p>
<p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p> <p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p>
<h2 id="basic-configuration">Basic configurat'n</h2> <h2 id="basic-configuration">Basic configurat'n</h2>
<p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>config.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</p> <p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>hugo.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span> <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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -1051,8 +1051,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p> </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-900190bdf837468b14ca0b54991cb0db" 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> <p><a href="#R-image-1e4785130f99f0a6a82a16bb8d0325dd" 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-900190bdf837468b14ca0b54991cb0db"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-1e4785130f99f0a6a82a16bb8d0325dd"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p> <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p> <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -1097,24 +1097,24 @@
<h1 id="configurrratn">Configurrrat&#39;n</h1> <h1 id="configurrratn">Configurrrat&#39;n</h1>
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p> <p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo&rsquo;s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>hugo.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p> <p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
<div class="tab-panel" data-tab-group="119812a8e8a55efa28d6d7a8c091fe12"> <div class="tab-panel" data-tab-group="6f275edfae9fdf03727ebb7eddca8421">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('119812a8e8a55efa28d6d7a8c091fe12','configtoml')" onclick="switchTab('6f275edfae9fdf03727ebb7eddca8421','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1235,7 +1235,7 @@
</span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span> </span></span><span class="line"><span class="cl"><span class="nx">additionalContentLanguage</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;en&#34;</span> <span class="p">]</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span> </span></span><span class="line"><span class="cl"><span class="c"># Additional code dependencies.</span>
</span></span><span class="line"><span class="cl"><span class="c"># Default: See config.toml o' th' theme</span> </span></span><span class="line"><span class="cl"><span class="c"># Default: See hugo.toml o' th' theme</span>
</span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span> </span></span><span class="line"><span class="cl"><span class="c"># Th' theme provides a mechanism t' board further JavaScript an' CSS</span>
</span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span> </span></span><span class="line"><span class="cl"><span class="c"># dependencies on demand only if they be needed. This comes 'n handy if ye</span>
</span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span> </span></span><span class="line"><span class="cl"><span class="c"># want t' add own shorrrtcodes that depend on additional code t' be boarded.</span>
@ -1551,28 +1551,28 @@
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p> <p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p> <p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>hugo.toml</code>.</p>
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p> <p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p> <p>Once configured 'n yer <code>hugo.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
<h2 id="theme-variant">Change th' Variant (Simple)</h2> <h2 id="theme-variant">Change th' Variant (Simple)</h2>
<h3 id="single-variant">Single Variant</h3> <h3 id="single-variant">Single Variant</h3>
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p> <p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That&rsquo;s it! Yer ship will be displayed 'n this variant only.</p>
<div class="tab-panel" data-tab-group="d7631541f927b07a823aeebf562ff21e"> <div class="tab-panel" data-tab-group="194ca1a0bd342bec36dfa80e91cada6d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d7631541f927b07a823aeebf562ff21e','configtoml')" onclick="switchTab('194ca1a0bd342bec36dfa80e91cada6d','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1593,20 +1593,20 @@
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="a58e6e42c35b55b6040c3a90dbcf7319"> <div class="tab-panel" data-tab-group="1586f9dfab0bec0e79efcf3a9c3cb123">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('a58e6e42c35b55b6040c3a90dbcf7319','configtoml')" onclick="switchTab('1586f9dfab0bec0e79efcf3a9c3cb123','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1628,20 +1628,20 @@
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p> <p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option&rsquo;s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
<div class="tab-panel" data-tab-group="bd5954bcf77a0340d2f537a4f9de3cdf"> <div class="tab-panel" data-tab-group="08c24e677a17a8519304679642c32ad6">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd5954bcf77a0340d2f537a4f9de3cdf','configtoml')" onclick="switchTab('08c24e677a17a8519304679642c32ad6','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1654,20 +1654,20 @@
<p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p> <p>If ye don&rsquo;t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
<div class="tab-panel" data-tab-group="f298bedbdb50dbeec7dc22ea8d1ef9fc"> <div class="tab-panel" data-tab-group="dde4afb1b306b6ba08490f836de01c35">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('f298bedbdb50dbeec7dc22ea8d1ef9fc','configtoml')" onclick="switchTab('dde4afb1b306b6ba08490f836de01c35','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1682,13 +1682,13 @@
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p> <p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site&rsquo;s directory an' write someth'n like this:</p>
<div class="tab-panel" data-tab-group="d4449fd77011ad54b7ea60f204adff86"> <div class="tab-panel" data-tab-group="eff16795050167eb9d19d15d28fb4a1d">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="layoutspartialsfaviconhtml" data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d4449fd77011ad54b7ea60f204adff86','layoutspartialsfaviconhtml')" onclick="switchTab('eff16795050167eb9d19d15d28fb4a1d','layoutspartialsfaviconhtml')"
> >
<span class="tab-nav-text">layouts/partials/favicon.html</span> <span class="tab-nav-text">layouts/partials/favicon.html</span>
</button> </button>
@ -1715,27 +1715,27 @@
<h2 id="syntax-highlightning">Rules Highlightn'n</h2> <h2 id="syntax-highlightning">Rules Highlightn'n</h2>
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p> <p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, ye need t' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo&rsquo;s documentat'n</a> an' provide a rules highlight'n stylesheet file.</p>
<p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p> <p>Ye can use a one o' th' shipped stylesheet files or use Cap'n Hugo t' generate a file fer ye. Th' file must be written t' <code>static/css/chroma-&lt;NAME&gt;.css</code>. T' use it wit' yer color variant ye have t' define <code>--CODE-theme: &lt;NAME&gt;</code> 'n th' color variant stylesheet file.</p>
<p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/config.toml" target="_blank"><code>config.toml</code></a> o' th' exampleSite.</p> <p>For an example, take a look into <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/static/css/theme-relearn-light.css" target="_blank"><code>theme-relearn-light.css</code></a> an' <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/exampleSite/config/_default/hugo.toml" target="_blank"><code>hugo.toml</code></a> o' th' exampleSite.</p>
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2> <h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p> <p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p> <p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p> <p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c11cf602cfbb60a4a12d53ecf47bbbf2"> <div class="tab-panel" data-tab-group="420ddb975056c4ba4e8b98a172227c89">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c11cf602cfbb60a4a12d53ecf47bbbf2','configtoml')" onclick="switchTab('420ddb975056c4ba4e8b98a172227c89','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1746,20 +1746,20 @@
</div><p>ye now write it that way:</p> </div><p>ye now write it that way:</p>
<div class="tab-panel" data-tab-group="8c73ac0f89fdb9e9e3c416bb4b6fd84d"> <div class="tab-panel" data-tab-group="61f20c231a4d3931419aa9bd878aba06">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8c73ac0f89fdb9e9e3c416bb4b6fd84d','configtoml')" onclick="switchTab('61f20c231a4d3931419aa9bd878aba06','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1801,20 +1801,20 @@
<h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3> <h3 id="example-configuration-of-this-site">Example Configurat'n o' This Ship</h3>
<div class="tab-panel" data-tab-group="8bebe677040f3f229fb95c7d92222c51"> <div class="tab-panel" data-tab-group="9710b300d712faf13ea327f19773d23f">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('8bebe677040f3f229fb95c7d92222c51','configtoml')" onclick="switchTab('9710b300d712faf13ea327f19773d23f','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1844,21 +1844,21 @@
<ol> <ol>
<li> <li>
<p>Copy an' change</p> <p>Copy an' change</p>
<p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can copy th' shipped variant file from th' theme&rsquo;s <code>static/css</code> directory t' th' site&rsquo;s <code>static/css</code> directory an' either store it wit' th' same name or give it a new name. Edit th' sett'ns an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
</li> </li>
<li> <li>
<p>Create an' import</p> <p>Create an' import</p>
<p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>config.toml</code> by th' choosen name.</p> <p>Ye can create a new variant file 'n th' site&rsquo;s <code>static/css</code> directory an' give it a new name. Import th' shipped variant, add th' sett'ns ye want t' change an' save th' new file. Afterwards ye can use it 'n yer <code>hugo.toml</code> by th' choosen name.</p>
<p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p> <p>For example, ye want t' use th' <code>relearn-light</code> variant but want t' change th' rules highlightn'n schema t' th' one used 'n th' <code>neon</code> variant. For that, create a new <code>static/css/theme-my-brand'n.css</code> 'n yer site&rsquo;s directory an' add th' follow'n lines:</p>
<div class="tab-panel" data-tab-group="012f49b339b6dedcd270919e54857700"> <div class="tab-panel" data-tab-group="23f30935d2f20ee2b3c0ba19540efbd1">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="staticcsstheme-my-brandingcss" data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('012f49b339b6dedcd270919e54857700','staticcsstheme-my-brandingcss')" onclick="switchTab('23f30935d2f20ee2b3c0ba19540efbd1','staticcsstheme-my-brandingcss')"
> >
<span class="tab-nav-text">static/css/theme-my-brand'n.css</span> <span class="tab-nav-text">static/css/theme-my-brand'n.css</span>
</button> </button>
@ -1878,23 +1878,23 @@
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div> </span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div> </div>
</div> </div>
</div><p>Afterwards put this 'n yer <code>config.toml</code> t' use yer new variant:</p> </div><p>Afterwards put this 'n yer <code>hugo.toml</code> t' use yer new variant:</p>
<div class="tab-panel" data-tab-group="0290cc4cad6b05c553dcacd2e92e3266"> <div class="tab-panel" data-tab-group="450ca26013bec4cc67fcfa67b897ad99">
<div class="tab-nav"> <div class="tab-nav">
<div class="tab-nav-title">&#8203;</div> <div class="tab-nav-title">&#8203;</div>
<button <button
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1" class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0290cc4cad6b05c553dcacd2e92e3266','configtoml')" onclick="switchTab('450ca26013bec4cc67fcfa67b897ad99','hugotoml')"
> >
<span class="tab-nav-text">config.toml</span> <span class="tab-nav-text">hugo.toml</span>
</button> </button>
</div> </div>
<div class="tab-content-container"> <div class="tab-content-container">
<div <div
data-tab-item="configtoml" data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active"> class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text"> <div class="tab-content-text">
@ -1925,13 +1925,13 @@
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2> <h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p> <p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span> <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">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/mysite/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span> </span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p> </span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2> <h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p> <p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you&rsquo;ll need th' follow'n configurat'n 'n yer <code>hugo.toml</code>:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don&rsquo;t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div> </span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
@ -1942,26 +1942,26 @@
</div> </div>
</div> </div>
<h2 id="activate-search">Activate search</h2> <h2 id="activate-search">Activate search</h2>
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p> <p>If not already present, add th' follow'n lines 'n yer <code>hugo.toml</code> file.</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> <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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p> </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></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3> <h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p> <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>hugo.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p> </span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a> <p><a href="#R-image-84541657a2a50c56fc5dc3322fb08d77" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-772f6aa85a93f5ae5d6cf1f2d8ce044d"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-84541657a2a50c56fc5dc3322fb08d77"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note"> <div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p> <p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p> <p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
</div> </div>
</div> </div>
<h2 id="activate-print-support">Activate print support</h2> <h2 id="activate-print-support">Activate print support</h2>
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p> <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>hugo.toml</code> as seen below:</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> <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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</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;PRINT&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">section</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;PRINT&#34;</span><span class="p">]</span>
@ -1971,8 +1971,8 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div> <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
<div class="box-content"> <div class="box-content">
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p> <p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo&rsquo;s URL handl'n</a> even if you&rsquo;ve set <code>uglyURLs=true</code> 'n yer <code>hugo.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
<p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p> <p>Nevertheless, if you&rsquo;re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>hugo.toml</code> t' yer lik'n.</p>
</div> </div>
</div> </div>
<h2 id="home-button-configuration">Home Button Configurat'n</h2> <h2 id="home-button-configuration">Home Button Configurat'n</h2>
@ -1991,8 +1991,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p> </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
<p><a href="#R-image-f944b73629c2e3cfd4f8fb524a515cbf" 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> <p><a href="#R-image-7a16f258c429fa2f89a7e0a9e3bc9381" 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-f944b73629c2e3cfd4f8fb524a515cbf"><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> <a href="javascript:history.back();" class="lightbox-back" id="R-image-7a16f258c429fa2f89a7e0a9e3bc9381"><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> <h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p> <p>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2> <h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -2036,23 +2036,23 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p> <p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">-</span> <span class="p">.</span><span class="nx">Store</span><span class="p">.</span><span class="nx">Set</span> <span class="s">&#34;hasMyShortcode&#34;</span> <span class="kc">true</span> <span class="p">}}</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' follow'n snippet t' yer <code>config.toml</code></p> <p>Add th' follow'n snippet t' yer <code>hugo.toml</code></p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">relearn</span><span class="p">.</span><span class="nx">dependencies</span><span class="p">.</span><span class="nx">myshortcode</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s">&#34;MyShortcode&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">locat'n</span> <span class="p">=</span> <span class="s">&#34;footer&#34;</span></span></span></code></pre></div></li>
<li> <li>
<p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>config.toml</code>.</p> <p>Add th' dependency loader file <code>layouts/partials/dependencies/myshortcode.html</code>. Th' loader file will be appended t' yer header or footer, dependend on th' <code>locat'n</code> sett'n 'n yer <code>hugo.toml</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://www.unpkg.com/jquery/dist/jquery.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span></span></span></code></pre></div></li>
</ol> </ol>
<p>Character cas'n be relevant!</p> <p>Character cas'n be relevant!</p>
<ul> <ul>
<li>th' <code>name</code> sett'n 'n yer <code>config.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li> <li>th' <code>name</code> sett'n 'n yer <code>hugo.toml</code> must match th' key (that needs t' be prefixed wit' a <code>has</code>) ye used fer th' store 'n yer <code>layouts/shortcodes/myshortcode.html</code>.</li>
<li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>config.toml</code> must match th' base file name o' yer loader file.</li> <li>th' key on <code>params.relearn.dependencies</code> 'n yer <code>hugo.toml</code> must match th' base file name o' yer loader file.</li>
</ul> </ul>
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p> <p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
<h2 id="output-formats">Output Formats</h2> <h2 id="output-formats">Output Formats</h2>
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p> <p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>hugo.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2> <h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p> <p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
@ -2098,20 +2098,20 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p> <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
<div class="expand"> <div class="expand">
<input type="checkbox" id="R-expand-edb138b2840fe5f4d640d9147722c703" aria-controls="R-expandcontent-edb138b2840fe5f4d640d9147722c703" > <input type="checkbox" id="R-expand-666c6f907dbde2a4f688a353eeac0182" aria-controls="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" >
<label class="expand-label" for="R-expand-edb138b2840fe5f4d640d9147722c703" > <label class="expand-label" for="R-expand-666c6f907dbde2a4f688a353eeac0182" >
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i> <i class="fas fa-chevron-right"></i>
Show usage instruct'ns Show usage instruct'ns
</label> </label>
<div id="R-expandcontent-edb138b2840fe5f4d640d9147722c703" class="expand-content"> <div id="R-expandcontent-666c6f907dbde2a4f688a353eeac0182" class="expand-content">
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p> <p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p> <p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p> <p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn&rsquo;t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p> <p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
<p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p> <p>Once you&rsquo;ve changed a color, th' variant selector will show a &ldquo;My custom variant&rdquo; entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p> <p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site&rsquo;s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code> t' yer chosen file name.</p>
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p> <p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
</div> </div>
</div> </div>
@ -2142,8 +2142,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<p>Th' theme comes wit' a reasonably configured topbar.</p> <p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-1f691a6f2d67b48b5683858341404230" 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> <p><a href="#R-image-313a24baedca6097e055e4fd7b182be8" 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-1f691a6f2d67b48b5683858341404230"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-313a24baedca6097e055e4fd7b182be8"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p> <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip"> <div class="box notices cstyle tip">
@ -2155,8 +2155,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p> <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-c797ea19e0c458775481b4ee7cce1c6a" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a> <p><a href="#R-image-38c08caaf14a35a46b174625690c0df8" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c797ea19e0c458775481b4ee7cce1c6a"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-38c08caaf14a35a46b174625690c0df8"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul> <ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -3759,22 +3759,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div> </div>
</main> </main>
</div> </div>
<script src="../../js/clipboard.min.js?1701291164" defer></script> <script src="../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-color.min.js?1701291164" defer></script> <script src="../../js/d3/d3-color.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1701291164" defer></script> <script src="../../js/d3/d3-dispatch.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-drag.min.js?1701291164" defer></script> <script src="../../js/d3/d3-drag.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-ease.min.js?1701291164" defer></script> <script src="../../js/d3/d3-ease.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1701291164" defer></script> <script src="../../js/d3/d3-interpolate.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-selection.min.js?1701291164" defer></script> <script src="../../js/d3/d3-selection.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-timer.min.js?1701291164" defer></script> <script src="../../js/d3/d3-timer.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-transition.min.js?1701291164" defer></script> <script src="../../js/d3/d3-transition.min.js?1701299695" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1701291164" defer></script> <script src="../../js/d3/d3-zoom.min.js?1701299695" defer></script>
<script src="../../js/js-yaml.min.js?1701291164" defer></script> <script src="../../js/js-yaml.min.js?1701299695" defer></script>
<script src="../../js/mermaid.min.js?1701291164" defer></script> <script src="../../js/mermaid.min.js?1701299695" defer></script>
<script> <script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }"); window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script> </script>
<script src="../../js/theme.js?1701291164" defer></script> <script src="../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </html>

View File

@ -40,9 +40,9 @@ This theme&amp;rsquo;s repository be: https://github.</description>
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</link> <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</guid>
<description>On top o&#39; Hugo&amp;rsquo;s global configurat&#39;n opt&#39;ns, th&#39; Relearrrn theme lets ye define further opt&#39;ns unique t&#39; th&#39; theme &#39;n yer config.toml. Th&#39; defaults be written &#39;n th&#39; comments o&#39; each opt&#39;n. <description>On top o&#39; Hugo&amp;rsquo;s global configurat&#39;n opt&#39;ns, th&#39; Relearrrn theme lets ye define further opt&#39;ns unique t&#39; th&#39; theme &#39;n yer hugo.toml. Th&#39; defaults be written &#39;n th&#39; comments o&#39; each opt&#39;n.
Avast that some o&#39; these opt&#39;ns be explained &#39;n detail &#39;n other sections o&#39; this documentat&#39;n. Avast that some o&#39; these opt&#39;ns be explained &#39;n detail &#39;n other sections o&#39; this documentat&#39;n.
&amp;#8203; config.toml [params] # If an opt&#39;n value be said t&#39; be not set, ye can achieve th&#39; same behavior # by given it an empty str&#39;n value.</description> &amp;#8203; hugo.toml [params] # If an opt&#39;n value be said t&#39; be not set, ye can achieve th&#39; same behavior # by given it an empty str&#39;n value.</description>
</item> </item>
<item> <item>
<title>Brrrand&#39;n</title> <title>Brrrand&#39;n</title>
@ -50,16 +50,16 @@ Avast that some o&#39; these opt&#39;ns be explained &#39;n detail &#39;n other
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid>
<description>Th&#39; Relearrrn theme provides configurat&#39;n opt&#39;ns t&#39; change yer your site&amp;rsquo;s colors, favicon an&#39; logo. This allows ye t&#39; easily align yer ship visuals t&#39; yer desired style. Most o&#39; these opt&#39;ns be exposed thru so called color variants. <description>Th&#39; Relearrrn theme provides configurat&#39;n opt&#39;ns t&#39; change yer your site&amp;rsquo;s colors, favicon an&#39; logo. This allows ye t&#39; easily align yer ship visuals t&#39; yer desired style. Most o&#39; these opt&#39;ns be exposed thru so called color variants.
A color variant lets ye cust&#39;mize various visual effects o&#39; yer ship like almost any color, used fonts, color schemes o&#39; print, rules highligtn&#39;n, Merrrmaid an&#39; th&#39; OpenAPI shortcode, etc. It contains o&#39; a CSS file an&#39; optional configurat&#39;n opt&#39;ns &#39;n yer config.</description> A color variant lets ye cust&#39;mize various visual effects o&#39; yer ship like almost any color, used fonts, color schemes o&#39; print, rules highligtn&#39;n, Merrrmaid an&#39; th&#39; OpenAPI shortcode, etc. It contains o&#39; a CSS file an&#39; optional configurat&#39;n opt&#39;ns &#39;n yer hugo.</description>
</item> </item>
<item> <item>
<title>Customizat&#39;n</title> <title>Customizat&#39;n</title>
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link> <link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid>
<description>Serv&#39;n yer plank from a subfolder If yer ship be served from a subfolder, eg. https://example.com/mysite/, ye have t&#39; set th&#39; follow&#39;n lines t&#39; yer config.toml <description>Serv&#39;n yer plank from a subfolder If yer ship be served from a subfolder, eg. https://example.com/mysite/, ye have t&#39; set th&#39; follow&#39;n lines t&#39; yer hugo.toml
baseURL = &amp;#34;https://example.com/mysite/&amp;#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs &#39;n sublemental planks (like sitemap.xml, rss.xml) will be generated falsly while yer HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226. baseURL = &amp;#34;https://example.com/mysite/&amp;#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs &#39;n sublemental planks (like sitemap.xml, rss.xml) will be generated falsly while yer HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.
Serv&#39;n yer plank from th&#39; filesystem If ye want yer plank served from th&#39; filesystem by us&#39;n URLs start&#39;n wit&#39; file:// you&amp;rsquo;ll need th&#39; follow&#39;n configurat&#39;n &#39;n yer config.</description> Serv&#39;n yer plank from th&#39; filesystem If ye want yer plank served from th&#39; filesystem by us&#39;n URLs start&#39;n wit&#39; file:// you&amp;rsquo;ll need th&#39; follow&#39;n configurat&#39;n &#39;n yer hugo.</description>
</item> </item>
<item> <item>
<title>Stylesheet generrrat&#39;r</title> <title>Stylesheet generrrat&#39;r</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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -167,7 +167,7 @@
<p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p> <p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p>
<p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p> <p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p>
<h2 id="basic-configuration">Basic configurat'n</h2> <h2 id="basic-configuration">Basic configurat'n</h2>
<p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>config.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</p> <p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>hugo.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span> <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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -180,8 +180,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p> </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-900190bdf837468b14ca0b54991cb0db" 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> <p><a href="#R-image-1e4785130f99f0a6a82a16bb8d0325dd" 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-900190bdf837468b14ca0b54991cb0db"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-1e4785130f99f0a6a82a16bb8d0325dd"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p> <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p> <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -299,12 +299,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -464,13 +464,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -113,7 +113,7 @@
<p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p> <p>Additionally ye can checkout one o' th' tagged versions. These tagged versions correspond t' an official <a href="https://github.com/McShelby/hugo-theme-relearn/releases" target="_blank">releases from th' GitHub repository</a>.</p>
<p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p> <p>Besides th' usual version tags (eg <code>1.2.3</code>) there be also tags fer th' main version (eg. <code>1.2.x</code>), major version (eg. <code>1.x</code>) an' th' latest (just <code>x</code>) released version mak'n it easier fer ye t' pin th' theme t' a certain version.</p>
<h2 id="basic-configuration">Basic configurat'n</h2> <h2 id="basic-configuration">Basic configurat'n</h2>
<p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>config.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</p> <p>When build'n th' website, ye can set a theme by us'n <code>--theme</code> opt'n. However, we suggest ye modify th' configurat'n file (<code>hugo.toml</code>) an' set th' theme as th' default. Ye can also add th' <code>[outputs]</code> section t' en'ble th' search functionality.</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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span> <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="c"># Change th' default theme t' be use when build'n th' ship wit' Cap'n Hugo</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span> </span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;hugo-theme-relearn&#34;</span>
</span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">
@ -126,8 +126,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics </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><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p> </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-900190bdf837468b14ca0b54991cb0db" 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> <p><a href="#R-image-1e4785130f99f0a6a82a16bb8d0325dd" 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-900190bdf837468b14ca0b54991cb0db"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-1e4785130f99f0a6a82a16bb8d0325dd"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p> <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p> <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@ -164,8 +164,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -217,7 +217,7 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>hugo.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p> <p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li> </li>
</ul> </ul>
@ -225,14 +225,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>config.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p> <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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>hugo.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p>
<p>Change yer previous sett'n from</p> <p>Change yer previous sett'n from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>hugo.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
@ -311,13 +311,13 @@
<p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p> <p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>config.toml</code> inside o' a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>hugo.toml</code> inside o' a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p>
@ -361,7 +361,7 @@
<p>For exist'n variants noth'n has changed visually.</p> <p>For exist'n variants noth'n has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>config.toml</code> or fer each plank thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>hugo.toml</code> or fer each plank thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -411,7 +411,7 @@
<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> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p>
<p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p> <p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p>
<p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>config.toml</code>.</p> <p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p>
@ -466,7 +466,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p>
@ -479,7 +479,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>config.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>hugo.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -526,7 +526,7 @@
</li> </li>
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p>
<p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p> <p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>hugo.toml</code>.</p>
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p> <p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p> <p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
</li> </li>
@ -584,7 +584,7 @@
</li> </li>
<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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p> <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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p>
<p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>config.toml</code>.</p> <p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -624,7 +624,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
<p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p> <p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p> <p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
</li> </li>
<li> <li>
@ -634,7 +634,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
<p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p> <p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>hugo.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
@ -668,8 +668,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p> <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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>hugo.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>hugo.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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> Th' <a href="../../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <a href="../../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p>
@ -700,7 +700,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>config.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>hugo.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -710,7 +710,7 @@
</li> </li>
<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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p> <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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
<p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p> <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>hugo.toml</code>t':</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -759,7 +759,7 @@
<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> Previously, if th' <a href="../../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p> <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> Previously, if th' <a href="../../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p>
</li> </li>
<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> Th' <code>landingPageURL</code> was removed from <code>config.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <code>landingPageURL</code> was removed from <code>hugo.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p>
@ -804,10 +804,10 @@
<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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p> <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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>hugo.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>hugo.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
@ -851,7 +851,7 @@
</li> </li>
<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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p> <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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
<p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>config.toml</code>.</p> <p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>hugo.toml</code>.</p>
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -869,7 +869,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>hugo.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p> <p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -930,7 +930,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>hugo.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -941,7 +941,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>hugo.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -955,10 +955,10 @@
<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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p> <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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>config.toml</code>. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>hugo.toml</code>. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p>
@ -980,7 +980,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -992,7 +992,7 @@
<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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p> <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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p>
@ -1047,7 +1047,7 @@
<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">Break'n</span></span> <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p> <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">Break'n</span></span> <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -1150,12 +1150,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291164" defer></script> <script src="../../../js/auto-complete.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299695" defer></script>
<script src="../../../js/search.js?1701291164" defer></script> <script src="../../../js/search.js?1701299695" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -1315,13 +1315,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291164"></script> <script async src="../../../js/github-buttons.js?1701299695"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -128,7 +128,7 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' light themes have a bit more contrast fer rrrambl'n text an' head'ns. Also th' syntaxhighlight'n was changed t' th' more colorful MonokaiLight. This br'ns th' syntaxhighlightn'n 'n sync wit' th' correspond'n dark theme variants, which be us'n Monokai. If ye dislike this, ye can create yer own color variant file as <a href="../../../basics/branding/index.html#modify-shipped-variants">described here</a>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>config.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye now can configure additional opt'ns fer every theme variant 'n yer <code>hugo.toml</code>. This allows fer optional <a href="../../../basics/branding/index.html#theme-variant-advanced">advanced functionality</a>. Ye don&rsquo;t need t' change anyth'n as th' old configurat'n opt'ns will still work (but may generate warnings now).</p>
<p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p> <p>Th' advanced functionality allows ye t' set an explicit name fer a theme variant, set different colors (if ye be us'n monochrome SVGs) or even different ay'cons (handy if ye want t' adjust colors fer PNGs, GIFs or JPGs) an' now allows fer multiple auto mode variants that adjust t' th' light/dark preference o' yer OS sett'ns.</p>
</li> </li>
</ul> </ul>
@ -136,14 +136,14 @@
<h2 id="5230">5.23.0 (2023-11-03)</h2> <h2 id="5230">5.23.0 (2023-11-03)</h2>
<ul> <ul>
<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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>config.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p> <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> Wit' <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.120.0</span></span> th' author sett'ns move into th' <code>[params]</code> array 'n yer <code>hugo.toml</code>. Because this collides wit' th' previous way, th' theme expected author informat'n, it now adheres t' Cap'n Hugo standards an' prints out a warning dur'n built if someth'n be wrong.</p>
<p>Change yer previous sett'n from</p> <p>Change yer previous sett'n from</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p> </span></span><span class="line"><span class="cl"> <span class="nx">author</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div><p>t'</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span> <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li> </span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Hugo&#34;</span></span></span></code></pre></div></li>
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p> <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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>hugo.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
@ -222,13 +222,13 @@
<p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p> <p>In this case it be advised t' remove th' <code>title</code> from th' headless branch parent&rsquo;s frontmatter, as it will otherwise appear 'n yer breadcrumbs.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>config.toml</code> inside o' a page&rsquo;s frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' overwrite th' sett'n fer <code>collapsibleMenu</code> o' yer <code>hugo.toml</code> inside o' a page&rsquo;s frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a Merrrmaid graph be zoom'ble a button t' reset th' view be now added t' th' upper right corner. Th' button be only shown once th' mouse be moved over th' graph.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' remove th' root breadcrumb by sett'n <code>disableRootBreadcrumb=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' output o' th' dedicated search plank now displays th' result&rsquo;s breadcrumb.</p>
@ -272,7 +272,7 @@
<p>For exist'n variants noth'n has changed visually.</p> <p>For exist'n variants noth'n has changed visually.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>config.toml</code> or fer each plank thru frontmatter.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' default values fer th' <a href="../../../cont/markdown/index.html#image-effects">image effects</a> be <a href="../../../cont/imageeffects/index.html">now configur'ble</a> fer yer whole ship via <code>hugo.toml</code> or fer each plank thru frontmatter.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release fixes a long outstand'n bug whar' Merrrmaid graphs could not be displayed if they were initially hidden - like 'n collapsed <code>expand</code> or inactive <code>tabs</code>.</p>
@ -322,7 +322,7 @@
<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> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' default behavior fer th' copy-to-clipboard feature fer code blocks has changed.</p>
<p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p> <p>Th' copy-to-clipboard button fer code blocks will now only be displayed if th' reader hovers th' code block.</p>
<p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>config.toml</code>.</p> <p>If ye dislike this new behavior ye can turn it off an' revert t' th' old behavior by add'n <code>[params] disableHoverBlockCopyToClipBoard=true</code> t' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Restored compatibility wit' Cap'n Hugo <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.114.0</span></span> or higher. This does not change th' minimum required Cap'n Hugo version.</p>
@ -377,7 +377,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' taxonomy planks received some love 'n this release, mak'n them better leverage avail'ble screen space an' add'n translat'n support fer th' taxonomy names.</p>
<p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>config.toml</code>.</p> <p>Hugo&rsquo;s default taxonmies <code>tags</code> an' <code>categories</code> be already contained 'n th' theme&rsquo;s i18n files. If ye have self-defined taxonomies, ye can add translat'ns by add'n them t' yer own i18n files. If ye don&rsquo;t provide translat'ns, th' singualar an' plural forms be taken as configured 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' give ye more flexibility 'n customiz'n yer article layout a new partial <code>content-header.html</code> be introduced.</p>
@ -390,7 +390,7 @@
</ol> </ol>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>config.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' new parameter <code>breadcrumbSeparator</code> be now avail'ble 'n yer <code>hugo.toml</code> t' change th' - well - separator o' th' breadcrumb items. An appropriate default be 'n place if ye do not configure anyth'n.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -437,7 +437,7 @@
</li> </li>
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS&rsquo;s light/dark mode sett'n</a>.</p>
<p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p> <p>This be also th' new default sett'n if ye haven&rsquo;t configured <code>themeVariant</code> 'n yer <code>hugo.toml</code>.</p>
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p> <p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p> <p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
</li> </li>
@ -495,7 +495,7 @@
</li> </li>
<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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p> <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> Absolute links prefixed wit' <code>http://</code> or <code>https://</code> be now opened 'n a separate browser tab.</p>
<p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>config.toml</code>.</p> <p>Ye can revert back t' th' old behavior by defin'n <code>externalLinkTarget=&quot;_self&quot;</code> 'n th' <code>params</code> section o' yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports <a href="https://gohugo.io/hugo-modules/" target="_blank">Hugo&rsquo;s module system</a>.</p>
@ -535,7 +535,7 @@
<ul> <ul>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
<p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p> <p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>hugo.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don&rsquo;t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p> <p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
</li> </li>
<li> <li>
@ -545,7 +545,7 @@
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
<p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p> <p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>hugo.toml</code> make sure t' set Hugo&rsquo;s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
@ -579,8 +579,8 @@
<h2 id="540">5.4.0 (2022-11-01)</h2> <h2 id="540">5.4.0 (2022-11-01)</h2>
<ul> <ul>
<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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p> <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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>hugo.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p> <p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>hugo.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
</li> </li>
<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> Th' <a href="../../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <a href="../../../shortcodes/button/index.html"><code>button</code> shortcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p>
@ -611,7 +611,7 @@
<hr> <hr>
<h2 id="520">5.2.0 (2022-08-03)</h2> <h2 id="520">5.2.0 (2022-08-03)</h2>
<ul> <ul>
<li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>config.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li> <li><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> If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>hugo.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li>
</ul> </ul>
<hr> <hr>
<h2 id="510">5.1.0 (2022-07-15)</h2> <h2 id="510">5.1.0 (2022-07-15)</h2>
@ -621,7 +621,7 @@
</li> </li>
<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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p> <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> Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
<p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p> <p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>hugo.toml</code>t':</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">outputFormats</span><span class="p">]</span> <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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
@ -670,7 +670,7 @@
<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> Previously, if th' <a href="../../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p> <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> Previously, if th' <a href="../../../shortcodes/tabs/index.html"><code>tabs</code> shortcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p>
</li> </li>
<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> Th' <code>landingPageURL</code> was removed from <code>config.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p> <p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> Th' <code>landingPageURL</code> was removed from <code>hugo.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically an' will point t' th' project&rsquo;s homepage. If ye want t' support a different link, overwrite th' <code>logo.html</code> partial.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shortcode.</p>
@ -715,10 +715,10 @@
<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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p> <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">Break'n</span></span> If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>hugo.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>hugo.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
@ -762,7 +762,7 @@
</li> </li>
<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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p> <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">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
<p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>config.toml</code>.</p> <p>This change will only affect yer installat'n if you&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>hugo.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</code> 'n yer <code>hugo.toml</code>.</p>
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p> <p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
</li> </li>
<li> <li>
@ -780,7 +780,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>hugo.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p> <p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
</li> </li>
</ul> </ul>
@ -841,7 +841,7 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>hugo.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -852,7 +852,7 @@
<hr> <hr>
<h2 id="260">2.6.0 (2021-10-21)</h2> <h2 id="260">2.6.0 (2021-10-21)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>hugo.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
</ul> </ul>
<hr> <hr>
<h2 id="250">2.5.0 (2021-10-08)</h2> <h2 id="250">2.5.0 (2021-10-08)</h2>
@ -866,10 +866,10 @@
<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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p> <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> Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>config.toml</code>. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>hugo.toml</code>. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shortcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p>
@ -891,7 +891,7 @@
<hr> <hr>
<h2 id="220">2.2.0 (2021-09-09)</h2> <h2 id="220">2.2.0 (2021-09-09)</h2>
<ul> <ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>config.toml</code>.</li> <li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</li>
</ul> </ul>
<hr> <hr>
<h2 id="210">2.1.0 (2021-09-07)</h2> <h2 id="210">2.1.0 (2021-09-07)</h2>
@ -903,7 +903,7 @@
<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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p> <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> In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>hugo.toml</code>.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> If a search term be found 'n an <code>expand</code> shortcode, th' expand will be opened.</p>
@ -958,7 +958,7 @@
<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">Break'n</span></span> <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p> <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">Break'n</span></span> <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> diagrams can now be panned an' zoomed. This isn&rsquo;t configur'ble yet.</p>
</li> </li>
<li> <li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>config.toml</code>.</p> <p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> <a href="../../../shortcodes/mermaid/index.html#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>hugo.toml</code>.</p>
</li> </li>
</ul> </ul>
<hr> <hr>
@ -980,8 +980,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -127,8 +127,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p> <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p> <p>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> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-f5f2e4971e76fdbdbb814d3edc97bde6" 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> <p><a href="#R-image-3e1d308d3c56d8f9c3e6de62221033d4" 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-f5f2e4971e76fdbdbb814d3edc97bde6"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3e1d308d3c56d8f9c3e6de62221033d4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
@ -225,12 +225,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -390,13 +390,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -97,8 +97,8 @@
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p> <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.112.4</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p> <p>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> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-f5f2e4971e76fdbdbb814d3edc97bde6" 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> <p><a href="#R-image-3e1d308d3c56d8f9c3e6de62221033d4" 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-f5f2e4971e76fdbdbb814d3edc97bde6"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-3e1d308d3c56d8f9c3e6de62221033d4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline"> <footer class="footline">
@ -114,8 +114,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </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="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -156,8 +156,8 @@
<p>Th' theme comes wit' a reasonably configured topbar.</p> <p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-1f691a6f2d67b48b5683858341404230" 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> <p><a href="#R-image-313a24baedca6097e055e4fd7b182be8" 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-1f691a6f2d67b48b5683858341404230"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-313a24baedca6097e055e4fd7b182be8"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p> <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip"> <div class="box notices cstyle tip">
@ -169,8 +169,8 @@
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p> <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-c797ea19e0c458775481b4ee7cce1c6a" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a> <p><a href="#R-image-38c08caaf14a35a46b174625690c0df8" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c797ea19e0c458775481b4ee7cce1c6a"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-38c08caaf14a35a46b174625690c0df8"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul> <ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -516,12 +516,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291163" defer></script> <script src="../../../js/auto-complete.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299694" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291163" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299694" defer></script>
<script src="../../../js/search.js?1701291163" defer></script> <script src="../../../js/search.js?1701299694" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -681,13 +681,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291163"></script> <script async src="../../../js/github-buttons.js?1701299694"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291163" defer></script> <script src="../../../js/clipboard.min.js?1701299694" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291163" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299694" defer></script>
<script src="../../../js/theme.js?1701291163" defer></script> <script src="../../../js/theme.js?1701299694" defer></script>
</body> </body>
</html> </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/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291164" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299695" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291164" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299695" rel="stylesheet">
<link href="../../../css/fonts.css?1701291164" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291164" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299695" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291164" rel="stylesheet"> <link href="../../../css/theme.css?1701299695" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291164" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291164" rel="stylesheet"> <link href="../../../css/variant.css?1701299695" rel="stylesheet">
<link href="../../../css/print.css?1701291164" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299695" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1701291164" rel="stylesheet"> <link href="../../../css/format-print.css?1701299695" rel="stylesheet">
<link href="../../../css/ie.css?1701291164" rel="stylesheet"> <link href="../../../css/ie.css?1701299695" rel="stylesheet">
<script src="../../../js/url.js?1701291164"></script> <script src="../../../js/url.js?1701299695"></script>
<script src="../../../js/variant.js?1701291164"></script> <script src="../../../js/variant.js?1701299695"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -96,8 +96,8 @@
<p>Th' theme comes wit' a reasonably configured topbar.</p> <p>Th' theme comes wit' a reasonably configured topbar.</p>
<p><a href="#R-image-1f691a6f2d67b48b5683858341404230" 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> <p><a href="#R-image-313a24baedca6097e055e4fd7b182be8" 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-1f691a6f2d67b48b5683858341404230"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-313a24baedca6097e055e4fd7b182be8"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p> <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
<div class="box notices cstyle tip"> <div class="box notices cstyle tip">
@ -109,8 +109,8 @@
</div> </div>
<h2 id="areas">Areas</h2> <h2 id="areas">Areas</h2>
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p> <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
<p><a href="#R-image-c797ea19e0c458775481b4ee7cce1c6a" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a> <p><a href="#R-image-38c08caaf14a35a46b174625690c0df8" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c797ea19e0c458775481b4ee7cce1c6a"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p> <a href="javascript:history.back();" class="lightbox-back" id="R-image-38c08caaf14a35a46b174625690c0df8"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul> <ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li> <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@ -375,8 +375,8 @@
</div> </div>
</main> </main>
</div> </div>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291164" defer></script> <script src="../../../js/auto-complete.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299695" defer></script>
<script src="../../../js/search.js?1701291164" defer></script> <script src="../../../js/search.js?1701299695" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291164"></script> <script async src="../../../js/github-buttons.js?1701299695"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291164" defer></script> <script src="../../../js/auto-complete.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299695" defer></script>
<script src="../../../js/search.js?1701291164" defer></script> <script src="../../../js/search.js?1701299695" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291164"></script> <script async src="../../../js/github-buttons.js?1701299695"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </html>

View File

@ -22,21 +22,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en"> <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="art-pir"> <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="art-pir">
<link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme"> <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1701291162" rel="icon" type="image/svg+xml"> <link href="../../../images/logo.svg?1701299693" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use --> <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1701291162" rel="stylesheet"> <link href="../../../css/nucleus.css?1701299693" rel="stylesheet">
<link href="../../../css/auto-complete.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/auto-complete.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1701291162" rel="stylesheet"> <link href="../../../css/perfect-scrollbar.min.css?1701299693" rel="stylesheet">
<link href="../../../css/fonts.css?1701291162" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701291162" rel="stylesheet"></noscript> <link href="../../../css/fonts.css?1701299693" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1701299693" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1701291162" rel="stylesheet"> <link href="../../../css/theme.css?1701299693" rel="stylesheet">
<link href="../../../css/theme-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-style"> <link href="../../../css/theme-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-style">
<link href="../../../css/chroma-relearn-auto.css?1701291162" rel="stylesheet" id="R-variant-chroma-style"> <link href="../../../css/chroma-relearn-auto.css?1701299693" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../../css/variant.css?1701291162" rel="stylesheet"> <link href="../../../css/variant.css?1701299693" rel="stylesheet">
<link href="../../../css/print.css?1701291162" rel="stylesheet" media="print"> <link href="../../../css/print.css?1701299693" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1701291162" rel="stylesheet"> <link href="../../../css/ie.css?1701299693" rel="stylesheet">
<script src="../../../js/url.js?1701291162"></script> <script src="../../../js/url.js?1701299693"></script>
<script src="../../../js/variant.js?1701291162"></script> <script src="../../../js/variant.js?1701299693"></script>
<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: // 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 // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -218,12 +218,12 @@
<script> <script>
var contentLangs=['en']; var contentLangs=['en'];
</script> </script>
<script src="../../../js/auto-complete.js?1701291164" defer></script> <script src="../../../js/auto-complete.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.stemmer.support.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.multi.min.js?1701299695" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1701291164" defer></script> <script src="../../../js/lunr/lunr.en.min.js?1701299695" defer></script>
<script src="../../../js/search.js?1701291164" defer></script> <script src="../../../js/search.js?1701299695" defer></script>
</div> </div>
<div id="R-homelinks" class="default-animation"> <div id="R-homelinks" class="default-animation">
<hr class="padding"> <hr class="padding">
@ -383,13 +383,13 @@
setTimeout( githubButtonsInit, 400 ); setTimeout( githubButtonsInit, 400 );
}); });
</script> </script>
<script async src="../../../js/github-buttons.js?1701291164"></script> <script async src="../../../js/github-buttons.js?1701299695"></script>
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<script src="../../../js/clipboard.min.js?1701291164" defer></script> <script src="../../../js/clipboard.min.js?1701299695" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1701291164" defer></script> <script src="../../../js/perfect-scrollbar.min.js?1701299695" defer></script>
<script src="../../../js/theme.js?1701291164" defer></script> <script src="../../../js/theme.js?1701299695" defer></script>
</body> </body>
</html> </html>

View File

@ -13,7 +13,7 @@
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid> <guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid>
<description>Th&#39; Relearrrn theme provides configurat&#39;n opt&#39;ns t&#39; change yer your site&amp;rsquo;s colors, favicon an&#39; logo. This allows ye t&#39; easily align yer ship visuals t&#39; yer desired style. Most o&#39; these opt&#39;ns be exposed thru so called color variants. <description>Th&#39; Relearrrn theme provides configurat&#39;n opt&#39;ns t&#39; change yer your site&amp;rsquo;s colors, favicon an&#39; logo. This allows ye t&#39; easily align yer ship visuals t&#39; yer desired style. Most o&#39; these opt&#39;ns be exposed thru so called color variants.
A color variant lets ye cust&#39;mize various visual effects o&#39; yer ship like almost any color, used fonts, color schemes o&#39; print, rules highligtn&#39;n, Merrrmaid an&#39; th&#39; OpenAPI shortcode, etc. It contains o&#39; a CSS file an&#39; optional configurat&#39;n opt&#39;ns &#39;n yer config.</description> A color variant lets ye cust&#39;mize various visual effects o&#39; yer ship like almost any color, used fonts, color schemes o&#39; print, rules highligtn&#39;n, Merrrmaid an&#39; th&#39; OpenAPI shortcode, etc. It contains o&#39; a CSS file an&#39; optional configurat&#39;n opt&#39;ns &#39;n yer hugo.</description>
</item> </item>
</channel> </channel>
</rss> </rss>

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