nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-05-31 22:14:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions2

deploy: 87b51bb67f

Browse source
This commit is contained in:
McShelby 2023-10-05 13:00:48 +00:00
parent de39e31abe
commit fe1c403634
259 changed files with 6473 additions and 6352 deletions

46
basics/changelog/index.html
View file

@ -9,20 +9,20 @@
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
<title></title>
<link href="../../images/logo.svg?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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
@ -2163,12 +2163,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510837" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510837" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510837" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510837" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510837" defer></script>
<script src="../../js/search.js?1696510837" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2325,13 +2325,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510837"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510837" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510837" defer></script>
<script src="../../js/theme.js?1696510837" defer></script>
</body>
</html>

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

@ -9,21 +9,21 @@
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
<title></title>
<link href="../../images/logo.svg?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -75,8 +75,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

54
basics/configuration/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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
@ -264,8 +264,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</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-9ac0f071587ca49f455b1ca3f4878965" class="lightbox-link"><img src="../../basics/configuration/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-9ac0f071587ca49f455b1ca3f4878965"><img src="../../basics/configuration/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-e1847347b0feaccec4814e1f23654363" class="lightbox-link"><img src="../../basics/configuration/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-e1847347b0feaccec4814e1f23654363"><img src="../../basics/configuration/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>
<h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
<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>
@ -310,8 +310,8 @@ appearance, you will have to configure two parameters for the defined languages:
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are 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-ee3f32dd9911686468d6b91ff4ff801b" class="lightbox-link"><img src="../../basics/configuration/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-ee3f32dd9911686468d6b91ff4ff801b"><img src="../../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797" class="lightbox-link"><img src="../../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -401,12 +401,12 @@ default values:</p>
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -563,13 +563,13 @@ default values:</p>
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -201,8 +201,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</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-9ac0f071587ca49f455b1ca3f4878965" class="lightbox-link"><img src="../../basics/configuration/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-9ac0f071587ca49f455b1ca3f4878965"><img src="../../basics/configuration/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-e1847347b0feaccec4814e1f23654363" class="lightbox-link"><img src="../../basics/configuration/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-e1847347b0feaccec4814e1f23654363"><img src="../../basics/configuration/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>
<h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
<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>
@ -247,8 +247,8 @@ appearance, you will have to configure two parameters for the defined languages:
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are 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-ee3f32dd9911686468d6b91ff4ff801b" class="lightbox-link"><img src="../../basics/configuration/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-ee3f32dd9911686468d6b91ff4ff801b"><img src="../../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797" class="lightbox-link"><img src="../../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -257,8 +257,8 @@ default values:</p>
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

81
basics/customization/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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
@ -72,16 +72,17 @@
<div class="topbar-content-wrapper">
<nav class="TableOfContents">
<ul>
<li><a href="#change-the-logo">Change the logo</a></li>
<li><a href="#change-the-favicon">Change the favicon</a></li>
<li><a href="#theme-variant">Change the colors</a>
<li><a href="#change-the-logo">Change the Logo</a></li>
<li><a href="#change-the-favicon">Change the Favicon</a></li>
<li><a href="#change-the-menu-width">Change the Menu Width</a></li>
<li><a href="#theme-variant">Change the Colors</a>
<ul>
<li><a href="#single-variant">Single variant</a></li>
<li><a href="#multiple-variants">Multiple variants</a></li>
<li><a href="#single-variant">Single Variant</a></li>
<li><a href="#multiple-variants">Multiple Variants</a></li>
<li><a href="#adjust-to-os-settings">Adjust to OS Settings</a></li>
<li><a href="#javascript">JavaScript</a></li>
<li><a href="#roll-your-own">Roll your own</a></li>
<li><a href="#output-formats">Output formats</a></li>
<li><a href="#roll-your-own">Roll your Own</a></li>
<li><a href="#output-formats">Output Formats</a></li>
</ul>
</li>
</ul>
@ -162,7 +163,7 @@
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
</ul>
<h2 id="change-the-logo">Change the logo</h2>
<h2 id="change-the-logo">Change the Logo</h2>
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
@ -173,7 +174,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
<p>The size of the logo will adapt automatically</p>
</div>
</div>
<h2 id="change-the-favicon">Change the favicon</h2>
<h2 id="change-the-favicon">Change the Favicon</h2>
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
<p>Additionally, if you want your site to use light &amp; dark theme favicons that follow the OS&rsquo; (and in some cases, the browser&rsquo;s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
@ -187,14 +188,20 @@ If you have requirements to support IE and/or older browser versions, use one of
</div>
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="theme-variant">Change the colors</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
<p>If you want to adjust the menu width you can define the following CSS variables in you <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> isn&rsquo;t adjustable because the menu is
hidden for small screen widths.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mi">15</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mi">20</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
<h3 id="single-variant">Single variant</h3>
<h3 id="single-variant">Single Variant</h3>
<p>Set the <code>themeVariant</code> value with the name of your theme file. That&rsquo;s it!</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
<h3 id="multiple-variants">Multiple variants</h3>
<h3 id="multiple-variants">Multiple Variants</h3>
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
@ -225,9 +232,9 @@ If you have requirements to support IE and/or older browser versions, use one of
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your own</h3>
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../../basics/generator/">interactive variant generator</a>.</p>
<h3 id="output-formats">Output formats</h3>
<h3 id="output-formats">Output Formats</h3>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<footer class="footline">
@ -325,12 +332,12 @@ If you have requirements to support IE and/or older browser versions, use one of
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -487,13 +494,13 @@ If you have requirements to support IE and/or older browser versions, use one of
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -107,7 +107,7 @@
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
</ul>
<h2 id="change-the-logo">Change the logo</h2>
<h2 id="change-the-logo">Change the Logo</h2>
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
@ -118,7 +118,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
<p>The size of the logo will adapt automatically</p>
</div>
</div>
<h2 id="change-the-favicon">Change the favicon</h2>
<h2 id="change-the-favicon">Change the Favicon</h2>
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
<p>Additionally, if you want your site to use light &amp; dark theme favicons that follow the OS&rsquo; (and in some cases, the browser&rsquo;s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
@ -132,14 +132,20 @@ If you have requirements to support IE and/or older browser versions, use one of
</div>
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="theme-variant">Change the colors</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
<p>If you want to adjust the menu width you can define the following CSS variables in you <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> isn&rsquo;t adjustable because the menu is
hidden for small screen widths.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mi">15</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mi">20</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
<h3 id="single-variant">Single variant</h3>
<h3 id="single-variant">Single Variant</h3>
<p>Set the <code>themeVariant</code> value with the name of your theme file. That&rsquo;s it!</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
<h3 id="multiple-variants">Multiple variants</h3>
<h3 id="multiple-variants">Multiple Variants</h3>
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
@ -170,9 +176,9 @@ If you have requirements to support IE and/or older browser versions, use one of
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your own</h3>
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../../basics/generator/">interactive variant generator</a>.</p>
<h3 id="output-formats">Output formats</h3>
<h3 id="output-formats">Output Formats</h3>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<footer class="footline">
@ -189,8 +195,8 @@ If you have requirements to support IE and/or older browser versions, use one of
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

74
basics/generator/index.html
View file

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

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -85,13 +85,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-c75dff8c63e165d09b0baaca4bfabd52" aria-controls="R-expandcontent-c75dff8c63e165d09b0baaca4bfabd52" >
<label class="expand-label" for="R-expand-c75dff8c63e165d09b0baaca4bfabd52" >
<input type="checkbox" id="R-expand-74a6f8dc3af94a0afa2b8bc4d3207feb" aria-controls="R-expandcontent-74a6f8dc3af94a0afa2b8bc4d3207feb" >
<label class="expand-label" for="R-expand-74a6f8dc3af94a0afa2b8bc4d3207feb" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-c75dff8c63e165d09b0baaca4bfabd52" class="expand-content">
<div id="R-expandcontent-74a6f8dc3af94a0afa2b8bc4d3207feb" class="expand-content">
<p>To get started, first select a color variant from the variant switch 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>
@ -148,22 +148,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-color.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-drag.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-ease.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-selection.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-timer.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-transition.min.js?1696505445" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1696505445" defer></script>
<script src="../../js/js-yaml.min.js?1696505445" defer></script>
<script src="../../js/mermaid.min.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-color.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-drag.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-ease.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-selection.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-timer.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-transition.min.js?1696510839" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1696510839" defer></script>
<script src="../../js/js-yaml.min.js?1696510839" defer></script>
<script src="../../js/mermaid.min.js?1696510839" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

46
basics/history/index.html
View file

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

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

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

46
basics/index.html
View file

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

113
basics/index.print.html
View file

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../css/theme.css?1696505445" rel="stylesheet">
<link href="../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1696505445" rel="stylesheet">
<link href="../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../css/format-print.css?1696505445" rel="stylesheet">
<link href="../css/ie.css?1696505445" rel="stylesheet">
<script src="../js/url.js?1696505445"></script>
<script src="../js/variant.js?1696505445"></script>
<link href="../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../css/theme.css?1696510839" rel="stylesheet">
<link href="../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../css/variant.css?1696510839" rel="stylesheet">
<link href="../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../css/format-print.css?1696510839" rel="stylesheet">
<link href="../css/ie.css?1696510839" rel="stylesheet">
<script src="../js/url.js?1696510839"></script>
<script src="../js/variant.js?1696510839"></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
@ -104,7 +104,12 @@
<hr>
<h2 id="5230">5.23.0 (2023-10-03)</h2>
<ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../cont/taxonomy/#customization">See the docs</a>.</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../cont/taxonomy/#customization">See the docs</a>.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../basics/customization/#change-the-menu-width">See the docs</a>.</p>
</li>
</ul>
<hr>
<h2 id="5220">5.22.0 (2023-10-02)</h2>
@ -883,8 +888,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-949b6b095c854890afa40ef60a1ac95b" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-949b6b095c854890afa40ef60a1ac95b"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-05b467cec94597808460fa8a88a42fda" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-05b467cec94597808460fa8a88a42fda"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -932,8 +937,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-88921dc1496c4c330ae1a4b37fb94c44" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88921dc1496c4c330ae1a4b37fb94c44"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1c7fc4108f2347335c9b6474a9dab6d0" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c7fc4108f2347335c9b6474a9dab6d0"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -1090,8 +1095,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</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-9ac0f071587ca49f455b1ca3f4878965" class="lightbox-link"><img src="../basics/configuration/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-9ac0f071587ca49f455b1ca3f4878965"><img src="../basics/configuration/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-e1847347b0feaccec4814e1f23654363" class="lightbox-link"><img src="../basics/configuration/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-e1847347b0feaccec4814e1f23654363"><img src="../basics/configuration/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>
<h2 id="activate-print-support">Activate print support</h2>
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
<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>
@ -1136,8 +1141,8 @@ appearance, you will have to configure two parameters for the defined languages:
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are 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-ee3f32dd9911686468d6b91ff4ff801b" class="lightbox-link"><img src="../basics/configuration/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-ee3f32dd9911686468d6b91ff4ff801b"><img src="../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797" class="lightbox-link"><img src="../basics/configuration/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-aa78664a77bc6eaed817a4a8168d7797"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
</footer>
@ -1173,7 +1178,7 @@ default values:</p>
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don&rsquo;t like it.</li>
</ul>
<h2 id="change-the-logo">Change the logo</h2>
<h2 id="change-the-logo">Change the Logo</h2>
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
@ -1184,7 +1189,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
<p>The size of the logo will adapt automatically</p>
</div>
</div>
<h2 id="change-the-favicon">Change the favicon</h2>
<h2 id="change-the-favicon">Change the Favicon</h2>
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
<p>Additionally, if you want your site to use light &amp; dark theme favicons that follow the OS&rsquo; (and in some cases, the browser&rsquo;s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
@ -1198,14 +1203,20 @@ If you have requirements to support IE and/or older browser versions, use one of
</div>
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="theme-variant">Change the colors</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;icon&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;/images/favicon.bmp&#34;</span> <span class="na">type</span><span class="o">=</span><span class="s">&#34;image/bmp&#34;</span><span class="p">&gt;</span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
<p>If you want to adjust the menu width you can define the following CSS variables in you <code>custom-header.html</code>. Note that <code>--MENU-WIDTH-S</code> isn&rsquo;t adjustable because the menu is
hidden for small screen widths.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mi">15</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mi">20</span><span class="kt">rem</span><span class="p">;</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
<h3 id="single-variant">Single variant</h3>
<h3 id="single-variant">Single Variant</h3>
<p>Set the <code>themeVariant</code> value with the name of your theme file. That&rsquo;s it!</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">&#34;relearn-light&#34;</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
<h3 id="multiple-variants">Multiple variants</h3>
<h3 id="multiple-variants">Multiple Variants</h3>
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
@ -1236,9 +1247,9 @@ If you have requirements to support IE and/or older browser versions, use one of
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">&#39;themeVariantLoaded&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your own</h3>
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../basics/generator/">interactive variant generator</a>.</p>
<h3 id="output-formats">Output formats</h3>
<h3 id="output-formats">Output Formats</h3>
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
<footer class="footline">
@ -1260,13 +1271,13 @@ If you have requirements to support IE and/or older browser versions, use one of
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-c75dff8c63e165d09b0baaca4bfabd52" aria-controls="R-expandcontent-c75dff8c63e165d09b0baaca4bfabd52" >
<label class="expand-label" for="R-expand-c75dff8c63e165d09b0baaca4bfabd52" >
<input type="checkbox" id="R-expand-74a6f8dc3af94a0afa2b8bc4d3207feb" aria-controls="R-expandcontent-74a6f8dc3af94a0afa2b8bc4d3207feb" >
<label class="expand-label" for="R-expand-74a6f8dc3af94a0afa2b8bc4d3207feb" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-c75dff8c63e165d09b0baaca4bfabd52" class="expand-content">
<div id="R-expandcontent-74a6f8dc3af94a0afa2b8bc4d3207feb" class="expand-content">
<p>To get started, first select a color variant from the variant switch 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>
@ -1326,8 +1337,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-2b7945cfd4b944bc2188a9a0541346e9" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b7945cfd4b944bc2188a9a0541346e9"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-2e949ee2073fc56fe95b739e2a6d5fcd" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e949ee2073fc56fe95b739e2a6d5fcd"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -1339,8 +1350,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-384df052eb9f9ea02f7be04646205959" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-384df052eb9f9ea02f7be04646205959"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-453b4b451eba6648180614d7de7c1477" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-453b4b451eba6648180614d7de7c1477"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -2939,22 +2950,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="../js/clipboard.min.js?1696505445" defer></script>
<script src="../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../js/d3/d3-color.min.js?1696505445" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1696505445" defer></script>
<script src="../js/d3/d3-drag.min.js?1696505445" defer></script>
<script src="../js/d3/d3-ease.min.js?1696505445" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1696505445" defer></script>
<script src="../js/d3/d3-selection.min.js?1696505445" defer></script>
<script src="../js/d3/d3-timer.min.js?1696505445" defer></script>
<script src="../js/d3/d3-transition.min.js?1696505445" defer></script>
<script src="../js/d3/d3-zoom.min.js?1696505445" defer></script>
<script src="../js/js-yaml.min.js?1696505445" defer></script>
<script src="../js/mermaid.min.js?1696505445" defer></script>
<script src="../js/clipboard.min.js?1696510839" defer></script>
<script src="../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../js/d3/d3-color.min.js?1696510839" defer></script>
<script src="../js/d3/d3-dispatch.min.js?1696510839" defer></script>
<script src="../js/d3/d3-drag.min.js?1696510839" defer></script>
<script src="../js/d3/d3-ease.min.js?1696510839" defer></script>
<script src="../js/d3/d3-interpolate.min.js?1696510839" defer></script>
<script src="../js/d3/d3-selection.min.js?1696510839" defer></script>
<script src="../js/d3/d3-timer.min.js?1696510839" defer></script>
<script src="../js/d3/d3-transition.min.js?1696510839" defer></script>
<script src="../js/d3/d3-zoom.min.js?1696510839" defer></script>
<script src="../js/js-yaml.min.js?1696510839" defer></script>
<script src="../js/mermaid.min.js?1696510839" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../js/theme.js?1696505445" defer></script>
<script src="../js/theme.js?1696510839" defer></script>
</body>
</html>

50
basics/installation/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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
@ -167,8 +167,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-88921dc1496c4c330ae1a4b37fb94c44" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88921dc1496c4c330ae1a4b37fb94c44"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1c7fc4108f2347335c9b6474a9dab6d0" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c7fc4108f2347335c9b6474a9dab6d0"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -285,12 +285,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -447,13 +447,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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 @@
</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-88921dc1496c4c330ae1a4b37fb94c44" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-88921dc1496c4c330ae1a4b37fb94c44"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-1c7fc4108f2347335c9b6474a9dab6d0" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c7fc4108f2347335c9b6474a9dab6d0"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@ -150,8 +150,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

53
basics/migration/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -179,7 +179,12 @@
<hr>
<h2 id="5230">5.23.0 (2023-10-03)</h2>
<ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../../cont/taxonomy/#customization">See the docs</a>.</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../../cont/taxonomy/#customization">See the docs</a>.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../../basics/customization/#change-the-menu-width">See the docs</a>.</p>
</li>
</ul>
<hr>
<h2 id="5220">5.22.0 (2023-10-02)</h2>
@ -1035,12 +1040,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1197,13 +1202,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -91,7 +91,12 @@
<hr>
<h2 id="5230">5.23.0 (2023-10-03)</h2>
<ul>
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../../cont/taxonomy/#customization">See the docs</a>.</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to print custom taxonomies anywhere in you page. <a href="../../cont/taxonomy/#customization">See the docs</a>.</p>
</li>
<li>
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../../basics/customization/#change-the-menu-width">See the docs</a>.</p>
</li>
</ul>
<hr>
<h2 id="5220">5.22.0 (2023-10-02)</h2>
@ -866,8 +871,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

50
basics/requirements/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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
@ -114,8 +114,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-949b6b095c854890afa40ef60a1ac95b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-949b6b095c854890afa40ef60a1ac95b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-05b467cec94597808460fa8a88a42fda" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-05b467cec94597808460fa8a88a42fda"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -211,12 +211,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -373,13 +373,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -84,8 +84,8 @@
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
<p><a href="#R-image-949b6b095c854890afa40ef60a1ac95b" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-949b6b095c854890afa40ef60a1ac95b"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-05b467cec94597808460fa8a88a42fda" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-05b467cec94597808460fa8a88a42fda"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<footer class="footline">
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
@ -100,8 +100,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>

54
basics/topbar/index.html
View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505444" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505444" rel="stylesheet">
<link href="../../css/fonts.css?1696505444" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505444" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505444" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505444" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505444" rel="stylesheet">
<link href="../../css/print.css?1696505444" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696505444" rel="stylesheet">
<script src="../../js/url.js?1696505444"></script>
<script src="../../js/variant.js?1696505444"></script>
<link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510837" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510837" rel="stylesheet">
<link href="../../css/fonts.css?1696510837" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510837" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510837" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510837" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510837" rel="stylesheet">
<link href="../../css/print.css?1696510837" rel="stylesheet" media="print">
<link href="../../css/ie.css?1696510837" rel="stylesheet">
<script src="../../js/url.js?1696510837"></script>
<script src="../../js/variant.js?1696510837"></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,8 +143,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-2b7945cfd4b944bc2188a9a0541346e9" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b7945cfd4b944bc2188a9a0541346e9"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-2e949ee2073fc56fe95b739e2a6d5fcd" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e949ee2073fc56fe95b739e2a6d5fcd"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -156,8 +156,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-384df052eb9f9ea02f7be04646205959" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-384df052eb9f9ea02f7be04646205959"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-453b4b451eba6648180614d7de7c1477" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-453b4b451eba6648180614d7de7c1477"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -556,12 +556,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696505444" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696505444" defer></script>
<script src="../../js/search.js?1696505444" defer></script>
<script src="../../js/auto-complete.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1696510838" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1696510838" defer></script>
<script src="../../js/search.js?1696510838" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -718,13 +718,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1696505444"></script>
<script async src="../../js/github-buttons.js?1696510838"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1696505444" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505444" defer></script>
<script src="../../js/theme.js?1696505444" defer></script>
<script src="../../js/clipboard.min.js?1696510838" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510838" defer></script>
<script src="../../js/theme.js?1696510838" defer></script>
</body>
</html>

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

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="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?1696505444" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1696510837" 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?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696505445" rel="stylesheet">
<link href="../../css/auto-complete.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696505445" rel="stylesheet">
<link href="../../css/fonts.css?1696505445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696505445" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696505445" rel="stylesheet">
<link href="../../css/theme-auto.css?1696505445" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696505445" rel="stylesheet">
<link href="../../css/print.css?1696505445" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696505445" rel="stylesheet">
<link href="../../css/ie.css?1696505445" rel="stylesheet">
<script src="../../js/url.js?1696505445"></script>
<script src="../../js/variant.js?1696505445"></script>
<link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1696510839" rel="stylesheet">
<link href="../../css/auto-complete.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1696510839" rel="stylesheet">
<link href="../../css/fonts.css?1696510839" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696510839" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1696510839" rel="stylesheet">
<link href="../../css/theme-auto.css?1696510839" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1696510839" rel="stylesheet">
<link href="../../css/print.css?1696510839" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1696510839" rel="stylesheet">
<link href="../../css/ie.css?1696510839" rel="stylesheet">
<script src="../../js/url.js?1696510839"></script>
<script src="../../js/variant.js?1696510839"></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
@ -83,8 +83,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-2b7945cfd4b944bc2188a9a0541346e9" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b7945cfd4b944bc2188a9a0541346e9"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-2e949ee2073fc56fe95b739e2a6d5fcd" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2e949ee2073fc56fe95b739e2a6d5fcd"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -96,8 +96,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-384df052eb9f9ea02f7be04646205959" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-384df052eb9f9ea02f7be04646205959"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-453b4b451eba6648180614d7de7c1477" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-453b4b451eba6648180614d7de7c1477"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -415,8 +415,8 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1696505445" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696505445" defer></script>
<script src="../../js/theme.js?1696505445" defer></script>
<script src="../../js/clipboard.min.js?1696510839" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1696510839" defer></script>
<script src="../../js/theme.js?1696510839" defer></script>
</body>
</html>