This commit is contained in:
McShelby 2024-04-21 21:49:08 +00:00
parent 42fc4e0d08
commit b59c4e2893
264 changed files with 6262 additions and 6262 deletions

View file

@ -25,19 +25,19 @@ A color variant lets you customize various visual effects of your site like almo
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736081" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736081"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -410,13 +410,13 @@ A color variant lets you customize various visual effects of your site like almo
<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 <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="3986ff89ff939d634946da59abd4387a">
<div class="tab-panel" data-tab-group="42e08ca9ec48adbe941c959a9ed1d072">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3986ff89ff939d634946da59abd4387a','layoutspartialsfaviconhtml')"
onclick="switchTab('42e08ca9ec48adbe941c959a9ed1d072','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -741,13 +741,13 @@ A color variant lets you customize various visual effects of your site like almo
<p>You can create a new variant file in the site&rsquo;s <code>assets/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the chosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlighting schema to the one used in the <code>neon</code> variant. For that, create a new <code>assets/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="06cf45138da0beddfd19b22d9fc46665">
<div class="tab-panel" data-tab-group="aed78e7d523efdc9cd0de8a0a190eef4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="assetscsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('06cf45138da0beddfd19b22d9fc46665','assetscsstheme-my-brandingcss')"
onclick="switchTab('aed78e7d523efdc9cd0de8a0a190eef4','assetscsstheme-my-brandingcss')"
>
<span class="tab-nav-text">assets/css/theme-my-branding.css</span>
</button>
@ -909,12 +909,12 @@ A color variant lets you customize various visual effects of your site like almo
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1078,13 +1078,13 @@ A color variant lets you customize various visual effects of your site like almo
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -25,20 +25,20 @@ A color variant lets you customize various visual effects of your site like almo
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="canonical" type="text/html" title="Branding :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -372,13 +372,13 @@ A color variant lets you customize various visual effects of your site like almo
<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 <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="3986ff89ff939d634946da59abd4387a">
<div class="tab-panel" data-tab-group="42e08ca9ec48adbe941c959a9ed1d072">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3986ff89ff939d634946da59abd4387a','layoutspartialsfaviconhtml')"
onclick="switchTab('42e08ca9ec48adbe941c959a9ed1d072','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -703,13 +703,13 @@ A color variant lets you customize various visual effects of your site like almo
<p>You can create a new variant file in the site&rsquo;s <code>assets/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the chosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlighting schema to the one used in the <code>neon</code> variant. For that, create a new <code>assets/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="06cf45138da0beddfd19b22d9fc46665">
<div class="tab-panel" data-tab-group="aed78e7d523efdc9cd0de8a0a190eef4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="assetscsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('06cf45138da0beddfd19b22d9fc46665','assetscsstheme-my-brandingcss')"
onclick="switchTab('aed78e7d523efdc9cd0de8a0a190eef4','assetscsstheme-my-brandingcss')"
>
<span class="tab-nav-text">assets/css/theme-my-branding.css</span>
</button>
@ -804,8 +804,8 @@ A color variant lets you customize various visual effects of your site like almo
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -27,19 +27,19 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736081" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736081"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -488,13 +488,13 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="b25626541c985554c8299e6e9720aedc">
<div class="tab-panel" data-tab-group="d6016071a2ea0106d592a2f681d7eef1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b25626541c985554c8299e6e9720aedc','hugotoml')"
onclick="switchTab('d6016071a2ea0106d592a2f681d7eef1','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1040,12 +1040,12 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1209,13 +1209,13 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -27,20 +27,20 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -465,13 +465,13 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="b25626541c985554c8299e6e9720aedc">
<div class="tab-panel" data-tab-group="d6016071a2ea0106d592a2f681d7eef1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b25626541c985554c8299e6e9720aedc','hugotoml')"
onclick="switchTab('d6016071a2ea0106d592a2f681d7eef1','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -950,8 +950,8 @@ hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;]
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -25,19 +25,19 @@ Public Web Server from Root hugo. toml yaml json baseURL = &amp;#39;https://exam
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -580,8 +580,8 @@ Public Web Server from Root hugo. toml yaml json baseURL = &amp;#39;https://exam
</div>
</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-d12669355ab110a3e7628e10d7c9ebb9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d12669355ab110a3e7628e10d7c9ebb9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<p><a href="#R-image-7eceaf8044b366a9d215500e849f98c9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7eceaf8044b366a9d215500e849f98c9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -822,8 +822,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</div>
<p>The home button is going to look like this:</p>
<p><a href="#R-image-ded8350e37256fb1eef26ccb8c4cc77d" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ded8350e37256fb1eef26ccb8c4cc77d"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<p><a href="#R-image-225ba9b7f5fab11613695813176f95bd" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-225ba9b7f5fab11613695813176f95bd"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -872,13 +872,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li>
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="tab-panel" data-tab-group="e6d8daf2683e54662e5b875b1c0f339c">
<div class="tab-panel" data-tab-group="86e445e0d7359f058db1ffce33bbf5bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutsshortcodesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e6d8daf2683e54662e5b875b1c0f339c','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('86e445e0d7359f058db1ffce33bbf5bb','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -971,13 +971,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li><code>footer</code>: if called at the end of the HTML <code>body</code> element</li>
</ul>
<div class="tab-panel" data-tab-group="14e988a5d977d659720a67f6ad650f3a">
<div class="tab-panel" data-tab-group="0d8385d42d622c798821249946390d65">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsdependenciesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('14e988a5d977d659720a67f6ad650f3a','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('0d8385d42d622c798821249946390d65','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1117,12 +1117,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1286,13 +1286,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -25,20 +25,20 @@ Public Web Server from Root hugo. toml yaml json baseURL = &amp;#39;https://exam
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -537,8 +537,8 @@ Public Web Server from Root hugo. toml yaml json baseURL = &amp;#39;https://exam
</div>
</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-d12669355ab110a3e7628e10d7c9ebb9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d12669355ab110a3e7628e10d7c9ebb9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<p><a href="#R-image-7eceaf8044b366a9d215500e849f98c9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7eceaf8044b366a9d215500e849f98c9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -779,8 +779,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</div>
<p>The home button is going to look like this:</p>
<p><a href="#R-image-ded8350e37256fb1eef26ccb8c4cc77d" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ded8350e37256fb1eef26ccb8c4cc77d"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<p><a href="#R-image-225ba9b7f5fab11613695813176f95bd" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-225ba9b7f5fab11613695813176f95bd"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -829,13 +829,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li>
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="tab-panel" data-tab-group="e6d8daf2683e54662e5b875b1c0f339c">
<div class="tab-panel" data-tab-group="86e445e0d7359f058db1ffce33bbf5bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutsshortcodesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e6d8daf2683e54662e5b875b1c0f339c','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('86e445e0d7359f058db1ffce33bbf5bb','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -928,13 +928,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li><code>footer</code>: if called at the end of the HTML <code>body</code> element</li>
</ul>
<div class="tab-panel" data-tab-group="14e988a5d977d659720a67f6ad650f3a">
<div class="tab-panel" data-tab-group="0d8385d42d622c798821249946390d65">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsdependenciesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('14e988a5d977d659720a67f6ad650f3a','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('0d8385d42d622c798821249946390d65','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1007,8 +1007,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -26,19 +26,19 @@ The graph is interactive and reflect the current colors. You can click on any of
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736081" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736081"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -115,13 +115,13 @@ The graph is interactive and reflect the current colors. You can click on any 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-934b6dbd52edfc016ad6510167d1b8db" aria-controls="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" >
<label class="expand-label" for="R-expand-934b6dbd52edfc016ad6510167d1b8db" >
<input type="checkbox" id="R-expand-381cb0a4021b968cef3460d2634e0d25" aria-controls="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" >
<label class="expand-label" for="R-expand-381cb0a4021b968cef3460d2634e0d25" >
<i class="fa-fw fas fa-chevron-down"></i>
<i class="fa-fw fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" class="expand-content">
<div id="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -222,12 +222,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -391,27 +391,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736142" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -26,20 +26,20 @@ The graph is interactive and reflect the current colors. You can click on any of
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -98,13 +98,13 @@ The graph is interactive and reflect the current colors. You can click on any 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-934b6dbd52edfc016ad6510167d1b8db" aria-controls="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" >
<label class="expand-label" for="R-expand-934b6dbd52edfc016ad6510167d1b8db" >
<input type="checkbox" id="R-expand-381cb0a4021b968cef3460d2634e0d25" aria-controls="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" >
<label class="expand-label" for="R-expand-381cb0a4021b968cef3460d2634e0d25" >
<i class="fa-fw fas fa-chevron-down"></i>
<i class="fa-fw fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" class="expand-content">
<div id="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -138,22 +138,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736143" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -24,19 +24,19 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -2395,12 +2395,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2564,13 +2564,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -24,20 +24,20 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -1550,8 +1550,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -24,19 +24,19 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736081" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736081" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736081" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736081" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736081"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..';
@ -186,12 +186,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -355,13 +355,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736081"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736081" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -24,20 +24,20 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..';
@ -649,13 +649,13 @@
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Support for the great <a href="https://github.com/estruyf/vscode-front-matter" rel="external" target="_self">VSCode Front Matter extension</a> which provides on-premise CMS capabilties to Hugo.</p>
<p>The theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your <code>frontmatter.json</code> like this</p>
<div class="tab-panel" data-tab-group="42947a5e6de4f5d6014f3558ae11a055">
<div class="tab-panel" data-tab-group="5579b89765958407654145ff7f06b882">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatterjson"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('42947a5e6de4f5d6014f3558ae11a055','frontmatterjson')"
onclick="switchTab('5579b89765958407654145ff7f06b882','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -690,13 +690,13 @@
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The theme removed the popular <a href="https://jquery.com" rel="external" target="_self">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are depending on this library you can place a copy of jQuery into your <code>static/js</code> directory and load it from your own <code>layouts/partials/custom-header.html</code> like this:</p>
<div class="tab-panel" data-tab-group="bd07d27e398db69c71bb222358952d9e">
<div class="tab-panel" data-tab-group="533a27e356baee2dc2d3b71f8b7c23fe">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialscustom-headerhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd07d27e398db69c71bb222358952d9e','layoutspartialscustom-headerhtml')"
onclick="switchTab('533a27e356baee2dc2d3b71f8b7c23fe','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1632,8 +1632,8 @@
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-md" data-lang="md"><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-8c0469f997ca56e1162e3f16d7438567" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c0469f997ca56e1162e3f16d7438567"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p><a href="#R-image-e0dc1c5457072394124940ed7a40d27d" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e0dc1c5457072394124940ed7a40d27d"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p>Begin by creating your first chapter page with the following command:</p>
<div class="highlight wrap-code"><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>archetype=chapter</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>The <code>weight</code> number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
@ -2034,13 +2034,13 @@
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="b25626541c985554c8299e6e9720aedc">
<div class="tab-panel" data-tab-group="d6016071a2ea0106d592a2f681d7eef1">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('b25626541c985554c8299e6e9720aedc','hugotoml')"
onclick="switchTab('d6016071a2ea0106d592a2f681d7eef1','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -2800,13 +2800,13 @@
<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 <code>layouts/partials/favicon.html</code> in your site&rsquo;s directory and write something like this:</p>
<div class="tab-panel" data-tab-group="3986ff89ff939d634946da59abd4387a">
<div class="tab-panel" data-tab-group="42e08ca9ec48adbe941c959a9ed1d072">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsfaviconhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('3986ff89ff939d634946da59abd4387a','layoutspartialsfaviconhtml')"
onclick="switchTab('42e08ca9ec48adbe941c959a9ed1d072','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -3131,13 +3131,13 @@
<p>You can create a new variant file in the site&rsquo;s <code>assets/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the chosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlighting schema to the one used in the <code>neon</code> variant. For that, create a new <code>assets/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="06cf45138da0beddfd19b22d9fc46665">
<div class="tab-panel" data-tab-group="aed78e7d523efdc9cd0de8a0a190eef4">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="assetscsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('06cf45138da0beddfd19b22d9fc46665','assetscsstheme-my-brandingcss')"
onclick="switchTab('aed78e7d523efdc9cd0de8a0a190eef4','assetscsstheme-my-brandingcss')"
>
<span class="tab-nav-text">assets/css/theme-my-branding.css</span>
</button>
@ -3678,8 +3678,8 @@
</div>
</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-d12669355ab110a3e7628e10d7c9ebb9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d12669355ab110a3e7628e10d7c9ebb9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<p><a href="#R-image-7eceaf8044b366a9d215500e849f98c9" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7eceaf8044b366a9d215500e849f98c9"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -3920,8 +3920,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</div>
<p>The home button is going to look like this:</p>
<p><a href="#R-image-ded8350e37256fb1eef26ccb8c4cc77d" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ded8350e37256fb1eef26ccb8c4cc77d"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<p><a href="#R-image-225ba9b7f5fab11613695813176f95bd" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-225ba9b7f5fab11613695813176f95bd"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -3970,13 +3970,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li>
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="tab-panel" data-tab-group="e6d8daf2683e54662e5b875b1c0f339c">
<div class="tab-panel" data-tab-group="86e445e0d7359f058db1ffce33bbf5bb">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutsshortcodesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('e6d8daf2683e54662e5b875b1c0f339c','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('86e445e0d7359f058db1ffce33bbf5bb','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -4069,13 +4069,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li><code>footer</code>: if called at the end of the HTML <code>body</code> element</li>
</ul>
<div class="tab-panel" data-tab-group="14e988a5d977d659720a67f6ad650f3a">
<div class="tab-panel" data-tab-group="0d8385d42d622c798821249946390d65">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsdependenciesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('14e988a5d977d659720a67f6ad650f3a','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('0d8385d42d622c798821249946390d65','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -4154,13 +4154,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-934b6dbd52edfc016ad6510167d1b8db" aria-controls="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" >
<label class="expand-label" for="R-expand-934b6dbd52edfc016ad6510167d1b8db" >
<input type="checkbox" id="R-expand-381cb0a4021b968cef3460d2634e0d25" aria-controls="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" >
<label class="expand-label" for="R-expand-381cb0a4021b968cef3460d2634e0d25" >
<i class="fa-fw fas fa-chevron-down"></i>
<i class="fa-fw fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-934b6dbd52edfc016ad6510167d1b8db" class="expand-content">
<div id="R-expandcontent-381cb0a4021b968cef3460d2634e0d25" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -4198,8 +4198,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-7fa3aeb200d295becbc5d49202d205fc" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fa3aeb200d295becbc5d49202d205fc"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></a></p>
<p><a href="#R-image-0cf21130244a41bbea07280a62bfc0ae" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cf21130244a41bbea07280a62bfc0ae"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></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">
@ -4211,8 +4211,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-800f256e2d61255805c4e767fa2b9ffb" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-800f256e2d61255805c4e767fa2b9ffb"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<p><a href="#R-image-fb76ca2a7798e3fbe642f8d79d3fa17c" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb76ca2a7798e3fbe642f8d79d3fa17c"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" rel="external" target="_self"><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" rel="external" target="_self"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -5947,22 +5947,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1713736143" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -26,19 +26,19 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -224,8 +224,8 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-md" data-lang="md"><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-8c0469f997ca56e1162e3f16d7438567" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c0469f997ca56e1162e3f16d7438567"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p><a href="#R-image-e0dc1c5457072394124940ed7a40d27d" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e0dc1c5457072394124940ed7a40d27d"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p>Begin by creating your first chapter page with the following command:</p>
<div class="highlight wrap-code"><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>archetype=chapter</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>The <code>weight</code> number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
@ -321,12 +321,12 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -490,13 +490,13 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -26,20 +26,20 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -189,8 +189,8 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-md" data-lang="md"><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-8c0469f997ca56e1162e3f16d7438567" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c0469f997ca56e1162e3f16d7438567"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p><a href="#R-image-e0dc1c5457072394124940ed7a40d27d" class="lightbox-link"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e0dc1c5457072394124940ed7a40d27d"><img alt="A Chapter" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/installation/chapter.png?width=60pc"></a></p>
<p>Begin by creating your first chapter page with the following command:</p>
<div class="highlight wrap-code"><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>archetype=chapter</code> on top, meaning this page is a <em>chapter</em>.</p>
<p>The <code>weight</code> number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
@ -219,8 +219,8 @@ You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -27,19 +27,19 @@ Change A change in default behavior that may requires action by you if you want
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -709,13 +709,13 @@ Change A change in default behavior that may requires action by you if you want
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Support for the great <a href="https://github.com/estruyf/vscode-front-matter" rel="external" target="_self">VSCode Front Matter extension</a> which provides on-premise CMS capabilties to Hugo.</p>
<p>The theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your <code>frontmatter.json</code> like this</p>
<div class="tab-panel" data-tab-group="42947a5e6de4f5d6014f3558ae11a055">
<div class="tab-panel" data-tab-group="5579b89765958407654145ff7f06b882">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatterjson"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('42947a5e6de4f5d6014f3558ae11a055','frontmatterjson')"
onclick="switchTab('5579b89765958407654145ff7f06b882','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -750,13 +750,13 @@ Change A change in default behavior that may requires action by you if you want
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The theme removed the popular <a href="https://jquery.com" rel="external" target="_self">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are depending on this library you can place a copy of jQuery into your <code>static/js</code> directory and load it from your own <code>layouts/partials/custom-header.html</code> like this:</p>
<div class="tab-panel" data-tab-group="bd07d27e398db69c71bb222358952d9e">
<div class="tab-panel" data-tab-group="533a27e356baee2dc2d3b71f8b7c23fe">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialscustom-headerhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd07d27e398db69c71bb222358952d9e','layoutspartialscustom-headerhtml')"
onclick="switchTab('533a27e356baee2dc2d3b71f8b7c23fe','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1638,12 +1638,12 @@ Change A change in default behavior that may requires action by you if you want
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1807,13 +1807,13 @@ Change A change in default behavior that may requires action by you if you want
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -27,20 +27,20 @@ Change A change in default behavior that may requires action by you if you want
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -638,13 +638,13 @@ Change A change in default behavior that may requires action by you if you want
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Support for the great <a href="https://github.com/estruyf/vscode-front-matter" rel="external" target="_self">VSCode Front Matter extension</a> which provides on-premise CMS capabilties to Hugo.</p>
<p>The theme provides Front Matter snippets for its shortcodes. Currently only English and German is supported. Put a reference into your <code>frontmatter.json</code> like this</p>
<div class="tab-panel" data-tab-group="42947a5e6de4f5d6014f3558ae11a055">
<div class="tab-panel" data-tab-group="5579b89765958407654145ff7f06b882">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="frontmatterjson"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('42947a5e6de4f5d6014f3558ae11a055','frontmatterjson')"
onclick="switchTab('5579b89765958407654145ff7f06b882','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -679,13 +679,13 @@ Change A change in default behavior that may requires action by you if you want
<p><span class="badge cstyle note badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-circle"></i></span><span class="badge-content">Change</span></span> The theme removed the popular <a href="https://jquery.com" rel="external" target="_self">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are depending on this library you can place a copy of jQuery into your <code>static/js</code> directory and load it from your own <code>layouts/partials/custom-header.html</code> like this:</p>
<div class="tab-panel" data-tab-group="bd07d27e398db69c71bb222358952d9e">
<div class="tab-panel" data-tab-group="533a27e356baee2dc2d3b71f8b7c23fe">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialscustom-headerhtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('bd07d27e398db69c71bb222358952d9e','layoutspartialscustom-headerhtml')"
onclick="switchTab('533a27e356baee2dc2d3b71f8b7c23fe','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1500,8 +1500,8 @@ Change A change in default behavior that may requires action by you if you want
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -26,19 +26,19 @@ It&amp;rsquo;s a kind of magic">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -194,12 +194,12 @@ It&amp;rsquo;s a kind of magic">
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -363,13 +363,13 @@ It&amp;rsquo;s a kind of magic">
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -26,20 +26,20 @@ It&amp;rsquo;s a kind of magic">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -116,8 +116,8 @@ It&amp;rsquo;s a kind of magic">
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>

View file

@ -27,19 +27,19 @@ Areas The default configuration comes with three predefined areas that may conta
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736142" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736142" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736142" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736142" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1713736142"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -135,8 +135,8 @@ Areas The default configuration comes with three predefined areas that may conta
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-7fa3aeb200d295becbc5d49202d205fc" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fa3aeb200d295becbc5d49202d205fc"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></a></p>
<p><a href="#R-image-0cf21130244a41bbea07280a62bfc0ae" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cf21130244a41bbea07280a62bfc0ae"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></a></p>
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
<div class="box notices cstyle tip">
@ -148,8 +148,8 @@ Areas The default configuration comes with three predefined areas that may conta
</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-800f256e2d61255805c4e767fa2b9ffb" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-800f256e2d61255805c4e767fa2b9ffb"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<p><a href="#R-image-fb76ca2a7798e3fbe642f8d79d3fa17c" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb76ca2a7798e3fbe642f8d79d3fa17c"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" rel="external" target="_self"><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" rel="external" target="_self"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -490,12 +490,12 @@ Areas The default configuration comes with three predefined areas that may conta
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1713736142" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -659,13 +659,13 @@ Areas The default configuration comes with three predefined areas that may conta
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736082"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1713736142"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736142" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736142" defer></script>
</body>
</html>

View file

@ -27,20 +27,20 @@ Areas The default configuration comes with three predefined areas that may conta
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1713736081" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1713736142" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736082" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736082" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736082" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736082" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736082" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736082"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1713736143" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1713736143" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1713736143" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1713736143" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1713736143" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1713736143"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -97,8 +97,8 @@ Areas The default configuration comes with three predefined areas that may conta
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-7fa3aeb200d295becbc5d49202d205fc" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fa3aeb200d295becbc5d49202d205fc"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></a></p>
<p><a href="#R-image-0cf21130244a41bbea07280a62bfc0ae" class="lightbox-link"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0cf21130244a41bbea07280a62bfc0ae"><img alt="Topbar on mobile devices" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-closed.png"></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">
@ -110,8 +110,8 @@ Areas The default configuration comes with three predefined areas that may conta
</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-800f256e2d61255805c4e767fa2b9ffb" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-800f256e2d61255805c4e767fa2b9ffb"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<p><a href="#R-image-fb76ca2a7798e3fbe642f8d79d3fa17c" class="lightbox-link"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png" style=" height: auto; width: auto;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fb76ca2a7798e3fbe642f8d79d3fa17c"><img alt="Topbar with default areas marked" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/topbar/topbar-areas.png"></a></p>
<ul>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" rel="external" target="_self"><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" rel="external" target="_self"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -385,8 +385,8 @@ Areas The default configuration comes with three predefined areas that may conta
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736082" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1713736143" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1713736143" defer></script>
</body>
</html>