nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-06-01 06:24:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions2

deploy: 9618ea9f23

Browse source
This commit is contained in:
McShelby 2024-02-22 18:09:17 +00:00
parent b2b315eda0
commit 5ba66f8054
284 changed files with 8390 additions and 7163 deletions

96
basics/branding/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="../../basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -143,13 +143,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="2c43aefec1b8278a301e6a133ede274c">
<div class="tab-panel" data-tab-group="1cf5bce05b00ba59aa6ab50423ffbb37">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2c43aefec1b8278a301e6a133ede274c','hugotoml')"
onclick="switchTab('1cf5bce05b00ba59aa6ab50423ffbb37','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -177,13 +177,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c0a772c8543d7a9c984b628dbe3ec1a7">
<div class="tab-panel" data-tab-group="c1292f02eb13ad660695cb2f2bac3f7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c0a772c8543d7a9c984b628dbe3ec1a7','hugotoml')"
onclick="switchTab('c1292f02eb13ad660695cb2f2bac3f7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -204,7 +204,7 @@
<div class="box-content">
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings and syntax highlightning and even more!</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../../basics/branding/#theme-variant-advanced">See below</a>.</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../../basics/branding/index.html#theme-variant-advanced">See below</a>.</p>
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
@ -212,13 +212,13 @@
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<div class="tab-panel" data-tab-group="0b808e4a31adaa81f4f04f9b13cbb322">
<div class="tab-panel" data-tab-group="cfac7aa820c6910e7435405513bdfbd2">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0b808e4a31adaa81f4f04f9b13cbb322','hugotoml')"
onclick="switchTab('cfac7aa820c6910e7435405513bdfbd2','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -238,13 +238,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9b0667ec6b3db58232b227fc3c181928">
<div class="tab-panel" data-tab-group="a18f85cf7b70df5fe7e0bca8b5b3e9c9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9b0667ec6b3db58232b227fc3c181928','hugotoml')"
onclick="switchTab('a18f85cf7b70df5fe7e0bca8b5b3e9c9','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -266,13 +266,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="b2dac8be5f66c0fe942134e1a250d696">
<div class="tab-panel" data-tab-group="e7ffcf0aa937cfeed0924edd432a6987">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b2dac8be5f66c0fe942134e1a250d696','layoutspartialsfaviconhtml')"
onclick="switchTab('e7ffcf0aa937cfeed0924edd432a6987','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -302,17 +302,17 @@
<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>
<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="../../basics/branding/#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="../../basics/branding/index.html#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>
<div class="tab-panel" data-tab-group="24b3f7a3946db5d4c0d46cd1bbe54c32">
<div class="tab-panel" data-tab-group="4d2ddd8fe3d210681e65d0c8702f1a47">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('24b3f7a3946db5d4c0d46cd1bbe54c32','hugotoml')"
onclick="switchTab('4d2ddd8fe3d210681e65d0c8702f1a47','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -330,13 +330,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="389f567f6b74ec1b4c8e02a6ba5e7d18">
<div class="tab-panel" data-tab-group="8cb71a85b934bcecfb7986bf5cbbbd61">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('389f567f6b74ec1b4c8e02a6ba5e7d18','hugotoml')"
onclick="switchTab('8cb71a85b934bcecfb7986bf5cbbbd61','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -378,20 +378,20 @@
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="../../basics/branding/#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
<td>If set, the variant is treated as an <a href="../../basics/branding/index.html#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="9c6a6af4d64198037e4552f46af0f8e4">
<div class="tab-panel" data-tab-group="ce236ca37a67a6ea7c61de5f3e74973e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9c6a6af4d64198037e4552f46af0f8e4','hugotoml')"
onclick="switchTab('ce236ca37a67a6ea7c61de5f3e74973e','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -436,13 +436,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="248f0ccb02f541932956421188262490">
<div class="tab-panel" data-tab-group="bd241bcb0671e723202af6da1f73db63">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('248f0ccb02f541932956421188262490','staticcsstheme-my-brandingcss')"
onclick="switchTab('bd241bcb0671e723202af6da1f73db63','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -465,13 +465,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="626abdb01a9a3b7ccffae386898ebde0">
<div class="tab-panel" data-tab-group="07ebf1f08118a1590b62fbb42f9ecc19">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('626abdb01a9a3b7ccffae386898ebde0','hugotoml')"
onclick="switchTab('07ebf1f08118a1590b62fbb42f9ecc19','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -585,12 +585,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -753,13 +753,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="canonical" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -101,13 +101,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="2c43aefec1b8278a301e6a133ede274c">
<div class="tab-panel" data-tab-group="1cf5bce05b00ba59aa6ab50423ffbb37">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2c43aefec1b8278a301e6a133ede274c','hugotoml')"
onclick="switchTab('1cf5bce05b00ba59aa6ab50423ffbb37','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -135,13 +135,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c0a772c8543d7a9c984b628dbe3ec1a7">
<div class="tab-panel" data-tab-group="c1292f02eb13ad660695cb2f2bac3f7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c0a772c8543d7a9c984b628dbe3ec1a7','hugotoml')"
onclick="switchTab('c1292f02eb13ad660695cb2f2bac3f7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -162,7 +162,7 @@
<div class="box-content">
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings and syntax highlightning and even more!</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../../basics/branding/#theme-variant-advanced">See below</a>.</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../../basics/branding/index.html#theme-variant-advanced">See below</a>.</p>
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
@ -170,13 +170,13 @@
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<div class="tab-panel" data-tab-group="0b808e4a31adaa81f4f04f9b13cbb322">
<div class="tab-panel" data-tab-group="cfac7aa820c6910e7435405513bdfbd2">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0b808e4a31adaa81f4f04f9b13cbb322','hugotoml')"
onclick="switchTab('cfac7aa820c6910e7435405513bdfbd2','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -196,13 +196,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9b0667ec6b3db58232b227fc3c181928">
<div class="tab-panel" data-tab-group="a18f85cf7b70df5fe7e0bca8b5b3e9c9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9b0667ec6b3db58232b227fc3c181928','hugotoml')"
onclick="switchTab('a18f85cf7b70df5fe7e0bca8b5b3e9c9','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -224,13 +224,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="b2dac8be5f66c0fe942134e1a250d696">
<div class="tab-panel" data-tab-group="e7ffcf0aa937cfeed0924edd432a6987">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b2dac8be5f66c0fe942134e1a250d696','layoutspartialsfaviconhtml')"
onclick="switchTab('e7ffcf0aa937cfeed0924edd432a6987','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -260,17 +260,17 @@
<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>
<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="../../basics/branding/#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="../../basics/branding/index.html#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>
<div class="tab-panel" data-tab-group="24b3f7a3946db5d4c0d46cd1bbe54c32">
<div class="tab-panel" data-tab-group="4d2ddd8fe3d210681e65d0c8702f1a47">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('24b3f7a3946db5d4c0d46cd1bbe54c32','hugotoml')"
onclick="switchTab('4d2ddd8fe3d210681e65d0c8702f1a47','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -288,13 +288,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="389f567f6b74ec1b4c8e02a6ba5e7d18">
<div class="tab-panel" data-tab-group="8cb71a85b934bcecfb7986bf5cbbbd61">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('389f567f6b74ec1b4c8e02a6ba5e7d18','hugotoml')"
onclick="switchTab('8cb71a85b934bcecfb7986bf5cbbbd61','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -336,20 +336,20 @@
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="../../basics/branding/#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
<td>If set, the variant is treated as an <a href="../../basics/branding/index.html#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="9c6a6af4d64198037e4552f46af0f8e4">
<div class="tab-panel" data-tab-group="ce236ca37a67a6ea7c61de5f3e74973e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9c6a6af4d64198037e4552f46af0f8e4','hugotoml')"
onclick="switchTab('ce236ca37a67a6ea7c61de5f3e74973e','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -394,13 +394,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="248f0ccb02f541932956421188262490">
<div class="tab-panel" data-tab-group="bd241bcb0671e723202af6da1f73db63">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('248f0ccb02f541932956421188262490','staticcsstheme-my-brandingcss')"
onclick="switchTab('bd241bcb0671e723202af6da1f73db63','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -423,13 +423,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="626abdb01a9a3b7ccffae386898ebde0">
<div class="tab-panel" data-tab-group="07ebf1f08118a1590b62fbb42f9ecc19">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('626abdb01a9a3b7ccffae386898ebde0','hugotoml')"
onclick="switchTab('07ebf1f08118a1590b62fbb42f9ecc19','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -462,8 +462,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

50
basics/changelog/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
<meta name="description" content="Documentation for Hugo Relearn Theme">
@ -20,21 +20,21 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<title></title>
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -2283,12 +2283,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2451,13 +2451,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
<meta name="description" content="Documentation for Hugo Relearn Theme">
@ -20,22 +20,22 @@
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<title></title>
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -86,8 +86,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

54
basics/configuration/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -122,13 +122,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="2247a64b0d238545f2732cbbb71652c3">
<div class="tab-panel" data-tab-group="8abda653f4b0246848a6b055626d726d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2247a64b0d238545f2732cbbb71652c3','hugotoml')"
onclick="switchTab('8abda653f4b0246848a6b055626d726d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -683,12 +683,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -851,13 +851,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -101,13 +101,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="2247a64b0d238545f2732cbbb71652c3">
<div class="tab-panel" data-tab-group="8abda653f4b0246848a6b055626d726d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2247a64b0d238545f2732cbbb71652c3','hugotoml')"
onclick="switchTab('8abda653f4b0246848a6b055626d726d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -581,8 +581,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

68
basics/customization/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -146,7 +146,7 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content">
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../../basics/customization/#activate-search">as seen below</a>.</p>
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../../basics/customization/index.html#activate-search">as seen below</a>.</p>
</div>
</div>
<h2 id="activate-search">Activate search</h2>
@ -157,8 +157,8 @@
<p>You can add a dedicated search page for your page by adding the <code>searchpage</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;html&#34;</span><span class="p">,</span> <span class="s2">&#34;rss&#34;</span><span class="p">,</span> <span class="s2">&#34;search&#34;</span><span class="p">,</span> <span class="s2">&#34;searchpage&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-a3369e334576f8ad3cd0c7ebe532d908" class="lightbox-link"><img src="../../hugo-theme-relearn/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-a3369e334576f8ad3cd0c7ebe532d908"><img src="../../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-b4770e506687b1d64243d719ab3c0c01" class="lightbox-link"><img src="../../hugo-theme-relearn/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-b4770e506687b1d64243d719ab3c0c01"><img src="../../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -199,8 +199,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-ec41c5b4dd0ef674d96d53a616ba23f7" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ec41c5b4dd0ef674d96d53a616ba23f7"><img src="../../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-122c40dc26b1e1f29ff6e632fc43ffe3" class="lightbox-link"><img src="../../hugo-theme-relearn/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-122c40dc26b1e1f29ff6e632fc43ffe3"><img src="../../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -271,10 +271,10 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
<p>This theme defines the following partials :</p>
<ul>
<li><code>header.html</code>: the header of the page. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>header.html</code>: the header of the page. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@ -382,12 +382,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -550,13 +550,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -106,7 +106,7 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content">
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../../basics/customization/#activate-search">as seen below</a>.</p>
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../../basics/customization/index.html#activate-search">as seen below</a>.</p>
</div>
</div>
<h2 id="activate-search">Activate search</h2>
@ -117,8 +117,8 @@
<p>You can add a dedicated search page for your page by adding the <code>searchpage</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;html&#34;</span><span class="p">,</span> <span class="s2">&#34;rss&#34;</span><span class="p">,</span> <span class="s2">&#34;search&#34;</span><span class="p">,</span> <span class="s2">&#34;searchpage&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-a3369e334576f8ad3cd0c7ebe532d908" class="lightbox-link"><img src="../../hugo-theme-relearn/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-a3369e334576f8ad3cd0c7ebe532d908"><img src="../../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-b4770e506687b1d64243d719ab3c0c01" class="lightbox-link"><img src="../../hugo-theme-relearn/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-b4770e506687b1d64243d719ab3c0c01"><img src="../../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -159,8 +159,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-ec41c5b4dd0ef674d96d53a616ba23f7" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ec41c5b4dd0ef674d96d53a616ba23f7"><img src="../../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-122c40dc26b1e1f29ff6e632fc43ffe3" class="lightbox-link"><img src="../../hugo-theme-relearn/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-122c40dc26b1e1f29ff6e632fc43ffe3"><img src="../../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -231,10 +231,10 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
<p>This theme defines the following partials :</p>
<ul>
<li><code>header.html</code>: the header of the page. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../../basics/customization/#output-formats">output-formats</a></li>
<li><code>header.html</code>: the header of the page. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@ -261,8 +261,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

78
basics/generator/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -116,13 +116,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" aria-controls="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" >
<label class="expand-label" for="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" >
<input type="checkbox" id="R-expand-c9962064ffc4509c9d8bb8fb2507134c" aria-controls="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" >
<label class="expand-label" for="R-expand-c9962064ffc4509c9d8bb8fb2507134c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" class="expand-content">
<div id="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -236,12 +236,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -404,27 +404,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-color.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-drag.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-ease.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-selection.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-timer.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-transition.min.js?1708543682" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1708543682" defer></script>
<script src="../../js/js-yaml.min.js?1708543682" defer></script>
<script src="../../js/mermaid.min.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-color.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-drag.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-ease.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-selection.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-timer.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-transition.min.js?1708625350" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1708625350" defer></script>
<script src="../../js/js-yaml.min.js?1708625350" defer></script>
<script src="../../js/mermaid.min.js?1708625350" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -95,13 +95,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" aria-controls="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" >
<label class="expand-label" for="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" >
<input type="checkbox" id="R-expand-c9962064ffc4509c9d8bb8fb2507134c" aria-controls="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" >
<label class="expand-label" for="R-expand-c9962064ffc4509c9d8bb8fb2507134c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" class="expand-content">
<div id="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -134,22 +134,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-color.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-drag.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-ease.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-selection.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-timer.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-transition.min.js?1708543683" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1708543683" defer></script>
<script src="../../js/js-yaml.min.js?1708543683" defer></script>
<script src="../../js/mermaid.min.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-color.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-drag.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-ease.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-selection.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-timer.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-transition.min.js?1708625351" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1708625351" defer></script>
<script src="../../js/js-yaml.min.js?1708625351" defer></script>
<script src="../../js/mermaid.min.js?1708625351" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

50
basics/history/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -2289,12 +2289,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2457,13 +2457,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1467,8 +1467,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

50
basics/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../css/theme.css?1708543682" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1708543682" rel="stylesheet">
<link href="../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../css/ie.css?1708543682" rel="stylesheet">
<script src="../js/url.js?1708543682"></script>
<script src="../js/variant.js?1708543682"></script>
<link href="../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../css/theme.css?1708625350" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1708625350" rel="stylesheet">
<link href="../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../css/ie.css?1708625350" rel="stylesheet">
<script src="../js/url.js?1708625350"></script>
<script src="../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -203,12 +203,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1708543682" defer></script>
<script src="../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../js/search.js?1708543682" defer></script>
<script src="../js/auto-complete.js?1708625350" defer></script>
<script src="../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -371,13 +371,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../js/github-buttons.js?1708543682"></script>
<script async src="../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1708543682" defer></script>
<script src="../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../js/theme.js?1708543682" defer></script>
<script src="../js/clipboard.min.js?1708625350" defer></script>
<script src="../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../js/theme.js?1708625350" defer></script>
</body>
</html>

152
basics/index.print.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../css/theme.css?1708543683" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1708543683" rel="stylesheet">
<link href="../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../css/format-print.css?1708543683" rel="stylesheet">
<link href="../css/ie.css?1708543683" rel="stylesheet">
<script src="../js/url.js?1708543683"></script>
<script src="../js/variant.js?1708543683"></script>
<link href="../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../css/theme.css?1708625351" rel="stylesheet">
<link href="../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../css/variant.css?1708625351" rel="stylesheet">
<link href="../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../css/format-print.css?1708625351" rel="stylesheet">
<link href="../css/ie.css?1708625351" rel="stylesheet">
<script src="../js/url.js?1708625351"></script>
<script src="../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1076,8 +1076,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9e3ce80d14d39b2563185aaaa858fb95" class="lightbox-link"><img src="../hugo-theme-relearn/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-9e3ce80d14d39b2563185aaaa858fb95"><img src="../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4b7c6ccf3395b4833bafe68c2ad338da" class="lightbox-link"><img src="../hugo-theme-relearn/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-4b7c6ccf3395b4833bafe68c2ad338da"><img src="../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -1124,13 +1124,13 @@
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
<div class="tab-panel" data-tab-group="2247a64b0d238545f2732cbbb71652c3">
<div class="tab-panel" data-tab-group="8abda653f4b0246848a6b055626d726d">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2247a64b0d238545f2732cbbb71652c3','hugotoml')"
onclick="switchTab('8abda653f4b0246848a6b055626d726d','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1615,13 +1615,13 @@
<p>Set the <code>themeVariant</code> value to the name of your theme file. That&rsquo;s it! Your site will be displayed in this variant only.</p>
<div class="tab-panel" data-tab-group="2c43aefec1b8278a301e6a133ede274c">
<div class="tab-panel" data-tab-group="1cf5bce05b00ba59aa6ab50423ffbb37">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('2c43aefec1b8278a301e6a133ede274c','hugotoml')"
onclick="switchTab('1cf5bce05b00ba59aa6ab50423ffbb37','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1649,13 +1649,13 @@
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
<div class="tab-panel" data-tab-group="c0a772c8543d7a9c984b628dbe3ec1a7">
<div class="tab-panel" data-tab-group="c1292f02eb13ad660695cb2f2bac3f7a">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('c0a772c8543d7a9c984b628dbe3ec1a7','hugotoml')"
onclick="switchTab('c1292f02eb13ad660695cb2f2bac3f7a','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1676,7 +1676,7 @@
<div class="box-content">
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings and syntax highlightning and even more!</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../basics/branding/#theme-variant-advanced">See below</a>.</p>
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="../basics/branding/index.html#theme-variant-advanced">See below</a>.</p>
</div>
</div>
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
@ -1684,13 +1684,13 @@
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option&rsquo;s array, but usually it makes sense to set it in the first position and make it the default.</p>
<div class="tab-panel" data-tab-group="0b808e4a31adaa81f4f04f9b13cbb322">
<div class="tab-panel" data-tab-group="cfac7aa820c6910e7435405513bdfbd2">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0b808e4a31adaa81f4f04f9b13cbb322','hugotoml')"
onclick="switchTab('cfac7aa820c6910e7435405513bdfbd2','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1710,13 +1710,13 @@
<p>If you don&rsquo;t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
<div class="tab-panel" data-tab-group="9b0667ec6b3db58232b227fc3c181928">
<div class="tab-panel" data-tab-group="a18f85cf7b70df5fe7e0bca8b5b3e9c9">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9b0667ec6b3db58232b227fc3c181928','hugotoml')"
onclick="switchTab('a18f85cf7b70df5fe7e0bca8b5b3e9c9','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1738,13 +1738,13 @@
<p>If you need to change this default behavior, create a new file <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="b2dac8be5f66c0fe942134e1a250d696">
<div class="tab-panel" data-tab-group="e7ffcf0aa937cfeed0924edd432a6987">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b2dac8be5f66c0fe942134e1a250d696','layoutspartialsfaviconhtml')"
onclick="switchTab('e7ffcf0aa937cfeed0924edd432a6987','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -1774,17 +1774,17 @@
<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>
<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="../basics/branding/#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="../basics/branding/index.html#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>
<div class="tab-panel" data-tab-group="24b3f7a3946db5d4c0d46cd1bbe54c32">
<div class="tab-panel" data-tab-group="4d2ddd8fe3d210681e65d0c8702f1a47">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('24b3f7a3946db5d4c0d46cd1bbe54c32','hugotoml')"
onclick="switchTab('4d2ddd8fe3d210681e65d0c8702f1a47','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1802,13 +1802,13 @@
</div><p>you now write it that way:</p>
<div class="tab-panel" data-tab-group="389f567f6b74ec1b4c8e02a6ba5e7d18">
<div class="tab-panel" data-tab-group="8cb71a85b934bcecfb7986bf5cbbbd61">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('389f567f6b74ec1b4c8e02a6ba5e7d18','hugotoml')"
onclick="switchTab('8cb71a85b934bcecfb7986bf5cbbbd61','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1850,20 +1850,20 @@
<tr>
<td>auto</td>
<td><em>&lt;empty&gt;</em></td>
<td>If set, the variant is treated as an <a href="../basics/branding/#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
<td>If set, the variant is treated as an <a href="../basics/branding/index.html#adjust-to-os-settings">auto mode variant</a>. It has the same behavior as the <code>themeVariantAuto</code> option. The first entry in the array is the color variant for light mode, the second for dark mode. Defining auto mode variants with the advanced options has the benefit that you can now have multiple auto mode variants instead of just one with the simple options.</td>
</tr>
</tbody>
</table>
<h3 id="example-configuration-of-this-site">Example Configuration of This Site</h3>
<div class="tab-panel" data-tab-group="9c6a6af4d64198037e4552f46af0f8e4">
<div class="tab-panel" data-tab-group="ce236ca37a67a6ea7c61de5f3e74973e">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('9c6a6af4d64198037e4552f46af0f8e4','hugotoml')"
onclick="switchTab('ce236ca37a67a6ea7c61de5f3e74973e','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1908,13 +1908,13 @@
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="248f0ccb02f541932956421188262490">
<div class="tab-panel" data-tab-group="bd241bcb0671e723202af6da1f73db63">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('248f0ccb02f541932956421188262490','staticcsstheme-my-brandingcss')"
onclick="switchTab('bd241bcb0671e723202af6da1f73db63','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -1937,13 +1937,13 @@
</div><p>Afterwards put this in your <code>hugo.toml</code> to use your new variant:</p>
<div class="tab-panel" data-tab-group="626abdb01a9a3b7ccffae386898ebde0">
<div class="tab-panel" data-tab-group="07ebf1f08118a1590b62fbb42f9ecc19">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('626abdb01a9a3b7ccffae386898ebde0','hugotoml')"
onclick="switchTab('07ebf1f08118a1590b62fbb42f9ecc19','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1992,7 +1992,7 @@
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-content">
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../basics/customization/#activate-search">as seen below</a>.</p>
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>json</code> to <code>search</code> <a href="../basics/customization/index.html#activate-search">as seen below</a>.</p>
</div>
</div>
<h2 id="activate-search">Activate search</h2>
@ -2003,8 +2003,8 @@
<p>You can add a dedicated search page for your page by adding the <code>searchpage</code> outputformat to your home page by adding the following lines in your <code>hugo.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;html&#34;</span><span class="p">,</span> <span class="s2">&#34;rss&#34;</span><span class="p">,</span> <span class="s2">&#34;search&#34;</span><span class="p">,</span> <span class="s2">&#34;searchpage&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-a3369e334576f8ad3cd0c7ebe532d908" class="lightbox-link"><img src="../hugo-theme-relearn/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-a3369e334576f8ad3cd0c7ebe532d908"><img src="../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-b4770e506687b1d64243d719ab3c0c01" class="lightbox-link"><img src="../hugo-theme-relearn/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-b4770e506687b1d64243d719ab3c0c01"><img src="../hugo-theme-relearn/basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -2045,8 +2045,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-ec41c5b4dd0ef674d96d53a616ba23f7" class="lightbox-link"><img src="../hugo-theme-relearn/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-ec41c5b4dd0ef674d96d53a616ba23f7"><img src="../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-122c40dc26b1e1f29ff6e632fc43ffe3" class="lightbox-link"><img src="../hugo-theme-relearn/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-122c40dc26b1e1f29ff6e632fc43ffe3"><img src="../hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -2117,10 +2117,10 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You&rsquo;d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
<p>This theme defines the following partials :</p>
<ul>
<li><code>header.html</code>: the header of the page. See <a href="../basics/customization/#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../basics/customization/#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../basics/customization/#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../basics/customization/#output-formats">output-formats</a></li>
<li><code>header.html</code>: the header of the page. See <a href="../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>footer.html</code>: the footer of the page. See <a href="../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="../basics/customization/index.html#output-formats">output-formats</a></li>
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don&rsquo;t forget to include <code>style</code> HTML tag directive in your file.</li>
@ -2152,13 +2152,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" aria-controls="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" >
<label class="expand-label" for="R-expand-c4831e75643ce71d1b6fc9b00a9afe53" >
<input type="checkbox" id="R-expand-c9962064ffc4509c9d8bb8fb2507134c" aria-controls="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" >
<label class="expand-label" for="R-expand-c9962064ffc4509c9d8bb8fb2507134c" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-c4831e75643ce71d1b6fc9b00a9afe53" class="expand-content">
<div id="R-expandcontent-c9962064ffc4509c9d8bb8fb2507134c" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -2194,8 +2194,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-7f87d327ead881fa02b1d016fc01705a" class="lightbox-link"><img src="../hugo-theme-relearn/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-7f87d327ead881fa02b1d016fc01705a"><img src="../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ba0abfe5eea8d139ed74e613d890a211" class="lightbox-link"><img src="../hugo-theme-relearn/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-ba0abfe5eea8d139ed74e613d890a211"><img src="../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -2207,8 +2207,8 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-eedc0ebfbb1a1634ef3368444d1b551f" class="lightbox-link"><img src="../hugo-theme-relearn/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-eedc0ebfbb1a1634ef3368444d1b551f"><img src="../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ecb141a7cec4edd75b88d8160e101814" class="lightbox-link"><img src="../hugo-theme-relearn/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-ecb141a7cec4edd75b88d8160e101814"><img src="../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -2238,8 +2238,8 @@ window.variants && variants.generator( '#R-vargenerator' );
<h3 id="button-types">Button Types</h3>
<p>The theme distingushies between two types of buttons:</p>
<ul>
<li><a href="../basics/topbar/#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../basics/topbar/#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
<li><a href="../basics/topbar/index.html#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../basics/topbar/index.html#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
</ul>
<h3 id="button-parameter">Button Parameter</h3>
<h4 id="screen-widths-and-actions">Screen Widths and Actions</h4>
@ -2269,7 +2269,7 @@ window.variants && variants.generator( '#R-vargenerator' );
<h3 id="button">Button</h3>
<p>Contains the basic button functionality and is used as a base implementation for all other buttons (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/func/button.html" target="_blank"><code>layouts/partials/topbar/func/button.html</code></a>).</p>
<p>Call this from your own button templates if you want to implement a button without an overlay like the <em>print</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><code>layouts/partials/topbar/button/print.html</code></a>) or with an overlay containing arbitrary content like the <em>toc</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/toc.html" target="_blank"><code>layouts/partials/topbar/button/toc.html</code></a>).</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../basics/topbar/#area-button">Area-Button</a>.</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../basics/topbar/index.html#area-button">Area-Button</a>.</p>
<h4 id="parameter">Parameter</h4>
<table>
<thead>
@ -3860,22 +3860,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1708543683" defer></script>
<script src="../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../js/d3/d3-color.min.js?1708543683" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1708543683" defer></script>
<script src="../js/d3/d3-drag.min.js?1708543683" defer></script>
<script src="../js/d3/d3-ease.min.js?1708543683" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1708543683" defer></script>
<script src="../js/d3/d3-selection.min.js?1708543683" defer></script>
<script src="../js/d3/d3-timer.min.js?1708543683" defer></script>
<script src="../js/d3/d3-transition.min.js?1708543683" defer></script>
<script src="../js/d3/d3-zoom.min.js?1708543683" defer></script>
<script src="../js/js-yaml.min.js?1708543683" defer></script>
<script src="../js/mermaid.min.js?1708543683" defer></script>
<script src="../js/clipboard.min.js?1708625351" defer></script>
<script src="../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../js/d3/d3-color.min.js?1708625351" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1708625351" defer></script>
<script src="../js/d3/d3-drag.min.js?1708625351" defer></script>
<script src="../js/d3/d3-ease.min.js?1708625351" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1708625351" defer></script>
<script src="../js/d3/d3-selection.min.js?1708625351" defer></script>
<script src="../js/d3/d3-timer.min.js?1708625351" defer></script>
<script src="../js/d3/d3-transition.min.js?1708625351" defer></script>
<script src="../js/d3/d3-zoom.min.js?1708625351" defer></script>
<script src="../js/js-yaml.min.js?1708625351" defer></script>
<script src="../js/mermaid.min.js?1708625351" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1708543683" defer></script>
<script src="../js/theme.js?1708625351" defer></script>
</body>
</html>

54
basics/installation/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -159,8 +159,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9e3ce80d14d39b2563185aaaa858fb95" class="lightbox-link"><img src="../../hugo-theme-relearn/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-9e3ce80d14d39b2563185aaaa858fb95"><img src="../../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4b7c6ccf3395b4833bafe68c2ad338da" class="lightbox-link"><img src="../../hugo-theme-relearn/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-4b7c6ccf3395b4833bafe68c2ad338da"><img src="../../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -277,12 +277,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -445,13 +445,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -123,8 +123,8 @@
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
<p><a href="#R-image-9e3ce80d14d39b2563185aaaa858fb95" class="lightbox-link"><img src="../../hugo-theme-relearn/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-9e3ce80d14d39b2563185aaaa858fb95"><img src="../../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-4b7c6ccf3395b4833bafe68c2ad338da" class="lightbox-link"><img src="../../hugo-theme-relearn/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-4b7c6ccf3395b4833bafe68c2ad338da"><img src="../../hugo-theme-relearn/basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -160,8 +160,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

50
basics/migration/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1159,12 +1159,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1327,13 +1327,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -1007,8 +1007,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

50
basics/requirements/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -209,12 +209,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -377,13 +377,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -113,8 +113,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>

64
basics/topbar/index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543682" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543682" rel="stylesheet">
<link href="../../css/fonts.css?1708543682" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543682" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543682" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543682" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543682" rel="stylesheet">
<link href="../../css/print.css?1708543682" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708543682" rel="stylesheet">
<script src="../../js/url.js?1708543682"></script>
<script src="../../js/variant.js?1708543682"></script>
<link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625350" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625350" rel="stylesheet">
<link href="../../css/fonts.css?1708625350" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625350" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625350" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625350" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625350" rel="stylesheet">
<link href="../../css/print.css?1708625350" rel="stylesheet" media="print">
<link href="../../css/ie.css?1708625350" rel="stylesheet">
<script src="../../js/url.js?1708625350"></script>
<script src="../../js/variant.js?1708625350"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -135,8 +135,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-7f87d327ead881fa02b1d016fc01705a" class="lightbox-link"><img src="../../hugo-theme-relearn/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-7f87d327ead881fa02b1d016fc01705a"><img src="../../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ba0abfe5eea8d139ed74e613d890a211" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ba0abfe5eea8d139ed74e613d890a211"><img src="../../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -148,8 +148,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-eedc0ebfbb1a1634ef3368444d1b551f" class="lightbox-link"><img src="../../hugo-theme-relearn/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-eedc0ebfbb1a1634ef3368444d1b551f"><img src="../../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ecb141a7cec4edd75b88d8160e101814" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ecb141a7cec4edd75b88d8160e101814"><img src="../../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -179,8 +179,8 @@
<h3 id="button-types">Button Types</h3>
<p>The theme distingushies between two types of buttons:</p>
<ul>
<li><a href="../../basics/topbar/#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../../basics/topbar/#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
<li><a href="../../basics/topbar/index.html#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../../basics/topbar/index.html#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
</ul>
<h3 id="button-parameter">Button Parameter</h3>
<h4 id="screen-widths-and-actions">Screen Widths and Actions</h4>
@ -210,7 +210,7 @@
<h3 id="button">Button</h3>
<p>Contains the basic button functionality and is used as a base implementation for all other buttons (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/func/button.html" target="_blank"><code>layouts/partials/topbar/func/button.html</code></a>).</p>
<p>Call this from your own button templates if you want to implement a button without an overlay like the <em>print</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><code>layouts/partials/topbar/button/print.html</code></a>) or with an overlay containing arbitrary content like the <em>toc</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/toc.html" target="_blank"><code>layouts/partials/topbar/button/toc.html</code></a>).</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../../basics/topbar/#area-button">Area-Button</a>.</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../../basics/topbar/index.html#area-button">Area-Button</a>.</p>
<h4 id="parameter">Parameter</h4>
<table>
<thead>
@ -504,12 +504,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708543682" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708543682" defer></script>
<script src="../../js/search.js?1708543682" defer></script>
<script src="../../js/auto-complete.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1708625350" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1708625350" defer></script>
<script src="../../js/search.js?1708625350" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -672,13 +672,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1708543682"></script>
<script async src="../../js/github-buttons.js?1708625350"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1708543682" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543682" defer></script>
<script src="../../js/theme.js?1708543682" defer></script>
<script src="../../js/clipboard.min.js?1708625350" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625350" defer></script>
<script src="../../js/theme.js?1708625350" defer></script>
</body>
</html>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.123.1">
<meta name="generator" content="Hugo 0.123.2">
<meta name="generator" content="Relearn 5.24.1+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1708543682" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1708625350" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708543683" rel="stylesheet">
<link href="../../css/auto-complete.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708543683" rel="stylesheet">
<link href="../../css/fonts.css?1708543683" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708543683" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708543683" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708543683" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708543683" rel="stylesheet">
<link href="../../css/print.css?1708543683" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708543683" rel="stylesheet">
<link href="../../css/ie.css?1708543683" rel="stylesheet">
<script src="../../js/url.js?1708543683"></script>
<script src="../../js/variant.js?1708543683"></script>
<link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1708625351" rel="stylesheet">
<link href="../../css/auto-complete.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1708625351" rel="stylesheet">
<link href="../../css/fonts.css?1708625351" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1708625351" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1708625351" rel="stylesheet">
<link href="../../css/theme-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-style">
<link href="../../css/chroma-relearn-auto.css?1708625351" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/variant.css?1708625351" rel="stylesheet">
<link href="../../css/print.css?1708625351" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1708625351" rel="stylesheet">
<link href="../../css/ie.css?1708625351" rel="stylesheet">
<script src="../../js/url.js?1708625351"></script>
<script src="../../js/variant.js?1708625351"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -93,8 +93,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-7f87d327ead881fa02b1d016fc01705a" class="lightbox-link"><img src="../../hugo-theme-relearn/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-7f87d327ead881fa02b1d016fc01705a"><img src="../../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ba0abfe5eea8d139ed74e613d890a211" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ba0abfe5eea8d139ed74e613d890a211"><img src="../../hugo-theme-relearn/basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -106,8 +106,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-eedc0ebfbb1a1634ef3368444d1b551f" class="lightbox-link"><img src="../../hugo-theme-relearn/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-eedc0ebfbb1a1634ef3368444d1b551f"><img src="../../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-ecb141a7cec4edd75b88d8160e101814" class="lightbox-link"><img src="../../hugo-theme-relearn/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-ecb141a7cec4edd75b88d8160e101814"><img src="../../hugo-theme-relearn/basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -137,8 +137,8 @@
<h3 id="button-types">Button Types</h3>
<p>The theme distingushies between two types of buttons:</p>
<ul>
<li><a href="../../basics/topbar/#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../../basics/topbar/#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
<li><a href="../../basics/topbar/index.html#button"><strong>button</strong></a>: a clickable button that either browses to another site, triggers a user defined script or opens an overlay containing user defined content</li>
<li><a href="../../basics/topbar/index.html#area-button"><strong>area-button</strong></a>: the template for the <span class="btn cstyle transparent"><span><i class="fa-fw fas fa-ellipsis-v"></i></span></span> <em>more</em> button, to define your own area overlay buttons</li>
</ul>
<h3 id="button-parameter">Button Parameter</h3>
<h4 id="screen-widths-and-actions">Screen Widths and Actions</h4>
@ -168,7 +168,7 @@
<h3 id="button">Button</h3>
<p>Contains the basic button functionality and is used as a base implementation for all other buttons (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/func/button.html" target="_blank"><code>layouts/partials/topbar/func/button.html</code></a>).</p>
<p>Call this from your own button templates if you want to implement a button without an overlay like the <em>print</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><code>layouts/partials/topbar/button/print.html</code></a>) or with an overlay containing arbitrary content like the <em>toc</em> button (<a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/toc.html" target="_blank"><code>layouts/partials/topbar/button/toc.html</code></a>).</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../../basics/topbar/#area-button">Area-Button</a>.</p>
<p>For displaying an area in the button&rsquo;s overlay, see <a href="../../basics/topbar/index.html#area-button">Area-Button</a>.</p>
<h4 id="parameter">Parameter</h4>
<table>
<thead>
@ -381,8 +381,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1708543683" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708543683" defer></script>
<script src="../../js/theme.js?1708543683" defer></script>
<script src="../../js/clipboard.min.js?1708625351" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1708625351" defer></script>
<script src="../../js/theme.js?1708625351" defer></script>
</body>
</html>