This commit is contained in:
McShelby 2024-04-07 13:13:19 +00:00
parent 2611a9597c
commit 3e1df44bb7
264 changed files with 8174 additions and 7718 deletions

View file

@ -11,33 +11,35 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Branding :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Branding :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Branding :: Hugo Relearn Theme">
<meta property="og:description" content="The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.
A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your hugo.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Branding :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490332" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490332" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490332"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490332"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -410,13 +412,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="ff58e5f95d6c5ce228ed5712f1f645bf">
<div class="tab-panel" data-tab-group="ccc065918ed88cad137c99ff2958f4c0">
<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('ff58e5f95d6c5ce228ed5712f1f645bf','layoutspartialsfaviconhtml')"
onclick="switchTab('ccc065918ed88cad137c99ff2958f4c0','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -741,13 +743,13 @@
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="0ab94165aa8b19b88e45472f8d237877">
<div class="tab-panel" data-tab-group="f8eb569468701eb2f9c996748f256310">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ab94165aa8b19b88e45472f8d237877','staticcsstheme-my-brandingcss')"
onclick="switchTab('f8eb569468701eb2f9c996748f256310','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -926,12 +928,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1094,13 +1096,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490332"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Branding :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Branding :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Branding :: Hugo Relearn Theme">
<meta property="og:description" content="The Relearn theme provides configuration options to change your your site&amp;rsquo;s colors, favicon and logo. This allows you to easily align your site visuals to your desired style. Most of these options are exposed thru so called color variants.
A color variant lets you customize various visual effects of your site like almost any color, used fonts, color schemes of print, syntax highligtning, Mermaid and the OpenAPI shortcode, etc. It contains of a CSS file and optional configuration options in your hugo.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Branding :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/branding/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -368,13 +370,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="ff58e5f95d6c5ce228ed5712f1f645bf">
<div class="tab-panel" data-tab-group="ccc065918ed88cad137c99ff2958f4c0">
<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('ff58e5f95d6c5ce228ed5712f1f645bf','layoutspartialsfaviconhtml')"
onclick="switchTab('ccc065918ed88cad137c99ff2958f4c0','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -699,13 +701,13 @@
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="0ab94165aa8b19b88e45472f8d237877">
<div class="tab-panel" data-tab-group="f8eb569468701eb2f9c996748f256310">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ab94165aa8b19b88e45472f8d237877','staticcsstheme-my-brandingcss')"
onclick="switchTab('f8eb569468701eb2f9c996748f256310','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -800,8 +802,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -12,29 +12,30 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/changelog/index.html">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="">
<meta property="og:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/changelog/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title></title>
<link href="/hugo-theme-relearn/images/logo.svg?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -2384,12 +2385,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2552,13 +2553,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -12,30 +12,31 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/changelog/index.html">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="">
<meta property="og:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/changelog/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title></title>
<link href="/hugo-theme-relearn/images/logo.svg?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -84,8 +85,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Configuration :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Configuration :: Hugo Relearn Theme">
<meta property="og:description" content="On top of Hugo&amp;rsquo;s global configuration options, the Relearn theme lets you define further options unique to the theme in your hugo.toml.
Note that some of these options are explained in detail in other sections of this documentation.
All config options The values reflect the options active in this documentation. The defaults can be taken from the annotated example below.
hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;] alwaysopen = &amp;#39;&amp;#39; breadcrumbSeparator = &amp;#39;&amp;gt;&amp;#39; collapsibleMenu = true customMathJaxURL = &amp;#39;&amp;#39; customMermaidURL = &amp;#39;&amp;#39; customOpenapiURL = &amp;#39;&amp;#39; description = &amp;#39;Documentation for Hugo Relearn Theme&amp;#39; disableAssetsBusting = false disableBreadcrumb = false disableExplicitIndexURLs = false disableGeneratorVersion = false disableHoverBlockCopyToClipBoard = false disableInlineCopyToClipBoard = true disableLandingPageButton = true disableLanguageSwitchingButton = false disableMathJax = true disableMermaid = true disableNextPrev = false disableOpenapi = true disableRandomIds = false disableRootBreadcrumb = true disableSearch = false disableSearchHiddenPages = false disableSeoHiddenPages = true disableShortcutsTitle = false disableTagHiddenPages = false disableTermBreadcrumbs = false disableToc = false editURL = &amp;#39;https://github.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Configuration :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490332" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490332" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490332"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490332"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -463,13 +467,13 @@
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="611cac4bd295b41a9ea92e655aaa5a6d">
<div class="tab-panel" data-tab-group="25fa9a1035018bc15a80b5b5296a25b8">
<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('611cac4bd295b41a9ea92e655aaa5a6d','hugotoml')"
onclick="switchTab('25fa9a1035018bc15a80b5b5296a25b8','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -1029,12 +1033,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1197,13 +1201,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,38 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Configuration :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Configuration :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Configuration :: Hugo Relearn Theme">
<meta property="og:description" content="On top of Hugo&amp;rsquo;s global configuration options, the Relearn theme lets you define further options unique to the theme in your hugo.toml.
Note that some of these options are explained in detail in other sections of this documentation.
All config options The values reflect the options active in this documentation. The defaults can be taken from the annotated example below.
hugo. toml yaml json [params] additionalContentLanguage = [&amp;#39;en&amp;#39;] alwaysopen = &amp;#39;&amp;#39; breadcrumbSeparator = &amp;#39;&amp;gt;&amp;#39; collapsibleMenu = true customMathJaxURL = &amp;#39;&amp;#39; customMermaidURL = &amp;#39;&amp;#39; customOpenapiURL = &amp;#39;&amp;#39; description = &amp;#39;Documentation for Hugo Relearn Theme&amp;#39; disableAssetsBusting = false disableBreadcrumb = false disableExplicitIndexURLs = false disableGeneratorVersion = false disableHoverBlockCopyToClipBoard = false disableInlineCopyToClipBoard = true disableLandingPageButton = true disableLanguageSwitchingButton = false disableMathJax = true disableMermaid = true disableNextPrev = false disableOpenapi = true disableRandomIds = false disableRootBreadcrumb = true disableSearch = false disableSearchHiddenPages = false disableSeoHiddenPages = true disableShortcutsTitle = false disableTagHiddenPages = false disableTermBreadcrumbs = false disableToc = false editURL = &amp;#39;https://github.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Configuration :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -436,13 +440,13 @@
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="611cac4bd295b41a9ea92e655aaa5a6d">
<div class="tab-panel" data-tab-group="25fa9a1035018bc15a80b5b5296a25b8">
<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('611cac4bd295b41a9ea92e655aaa5a6d','hugotoml')"
onclick="switchTab('25fa9a1035018bc15a80b5b5296a25b8','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -918,8 +922,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,35 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Customization :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Customization :: Hugo Relearn Theme">
<meta property="og:description" content="Usage scenarios The theme is usable in different scenarios, requiring the following mandatory settings in your hugo.toml. All settings not mentioned can be set to your liking.
Public Webserver from Root hugo. toml yaml json baseURL = &amp;#39;https://example.com/&amp;#39; baseURL: https://example.com/ { &amp;#34;baseURL&amp;#34;: &amp;#34;https://example.com/&amp;#34; } Public Webserver from Subdirectory hugo. toml yaml json baseURL = &amp;#39;https://example.com/mysite/&amp;#39; relativeURLs = false baseURL: https://example.com/mysite/ relativeURLs: false { &amp;#34;baseURL&amp;#34;: &amp;#34;https://example.com/mysite/&amp;#34;, &amp;#34;relativeURLs&amp;#34;: false } Private Webserver (LAN) The same settings as with any of the public webserver usage scenarios or">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Customization :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -580,8 +582,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-571744e2ff0cfada534f8dba93fea805" 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-571744e2ff0cfada534f8dba93fea805"><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-b84b800bf84be9145b5c42b5458dae87" 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-b84b800bf84be9145b5c42b5458dae87"><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 +824,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-eab7f233a90a3e575e52a0feb64d32ce" 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-eab7f233a90a3e575e52a0feb64d32ce"><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-f0974074da0724182e41fd3b472c0fcb" 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-f0974074da0724182e41fd3b472c0fcb"><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="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -872,13 +874,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="872aed442bcef6f91c61a4ab064f2b9f">
<div class="tab-panel" data-tab-group="a3b08ac8f1f55153f3ccd3b54352ee39">
<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('872aed442bcef6f91c61a4ab064f2b9f','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('a3b08ac8f1f55153f3ccd3b54352ee39','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -971,13 +973,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="8d482378d30223a4a63d6c974da093e7">
<div class="tab-panel" data-tab-group="4a0bad51583ea450b8fa541c57f5bae8">
<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('8d482378d30223a4a63d6c974da093e7','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('4a0bad51583ea450b8fa541c57f5bae8','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1134,12 +1136,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?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1302,13 +1304,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?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Customization :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Customization :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Customization :: Hugo Relearn Theme">
<meta property="og:description" content="Usage scenarios The theme is usable in different scenarios, requiring the following mandatory settings in your hugo.toml. All settings not mentioned can be set to your liking.
Public Webserver from Root hugo. toml yaml json baseURL = &amp;#39;https://example.com/&amp;#39; baseURL: https://example.com/ { &amp;#34;baseURL&amp;#34;: &amp;#34;https://example.com/&amp;#34; } Public Webserver from Subdirectory hugo. toml yaml json baseURL = &amp;#39;https://example.com/mysite/&amp;#39; relativeURLs = false baseURL: https://example.com/mysite/ relativeURLs: false { &amp;#34;baseURL&amp;#34;: &amp;#34;https://example.com/mysite/&amp;#34;, &amp;#34;relativeURLs&amp;#34;: false } Private Webserver (LAN) The same settings as with any of the public webserver usage scenarios or">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Customization :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -533,8 +535,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-571744e2ff0cfada534f8dba93fea805" 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-571744e2ff0cfada534f8dba93fea805"><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-b84b800bf84be9145b5c42b5458dae87" 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-b84b800bf84be9145b5c42b5458dae87"><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>
@ -775,8 +777,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-eab7f233a90a3e575e52a0feb64d32ce" 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-eab7f233a90a3e575e52a0feb64d32ce"><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-f0974074da0724182e41fd3b472c0fcb" 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-f0974074da0724182e41fd3b472c0fcb"><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="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -825,13 +827,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="872aed442bcef6f91c61a4ab064f2b9f">
<div class="tab-panel" data-tab-group="a3b08ac8f1f55153f3ccd3b54352ee39">
<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('872aed442bcef6f91c61a4ab064f2b9f','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('a3b08ac8f1f55153f3ccd3b54352ee39','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -924,13 +926,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="8d482378d30223a4a63d6c974da093e7">
<div class="tab-panel" data-tab-group="4a0bad51583ea450b8fa541c57f5bae8">
<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('8d482378d30223a4a63d6c974da093e7','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('4a0bad51583ea450b8fa541c57f5bae8','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1003,8 +1005,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?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="This interactive tool may help you to generate your own color variant stylesheet.
Show usage instructions 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.
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 and the page will update accordingly.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Stylesheet generator :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -114,13 +117,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" aria-controls="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<label class="expand-label" for="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<input type="checkbox" id="R-expand-75a93fec497f79b22256fa67c5d741f2" aria-controls="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" >
<label class="expand-label" for="R-expand-75a93fec497f79b22256fa67c5d741f2" >
<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-8ecd9f96d8fec44bbf805caeaa3bda9f" class="expand-content">
<div id="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" 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>
@ -237,12 +240,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -405,27 +408,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712495591" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="This interactive tool may help you to generate your own color variant stylesheet.
Show usage instructions 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.
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 and the page will update accordingly.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Stylesheet generator :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -93,13 +96,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" aria-controls="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<label class="expand-label" for="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<input type="checkbox" id="R-expand-75a93fec497f79b22256fa67c5d741f2" aria-controls="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" >
<label class="expand-label" for="R-expand-75a93fec497f79b22256fa67c5d741f2" >
<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-8ecd9f96d8fec44bbf805caeaa3bda9f" class="expand-content">
<div id="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" 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>
@ -132,22 +135,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712495592" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,34 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="History :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="History :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="History :: Hugo Relearn Theme">
<meta property="og:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>History :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -2390,12 +2391,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495592" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -2558,13 +2559,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495592"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,34 +11,35 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="History :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="History :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="History :: Hugo Relearn Theme">
<meta property="og:description" content="Changelog 5.26.2 (2024-03-18) Enhancements [feature] icons: use fixed width to ease layout #812 Fixes [bug] search: broken since version 5.26.1 #813 [bug] search: fix result links for pages in root #810 5.26.1 (2024-03-17) Fixes [bug] mermaid: show reset button after pan #807 [bug] openapi: make it run for file:// protocol #806 [bug] theme: fix relative path detection if relativeURLs=false #804 5.26.0 (2024-03-16) Enhancements [feature] image: add lazy loading image effect option #803 [feature] render-hook: support Markdown attributes #795 [feature] theme: support full page width #752 Fixes [bug] clipboard: fix broken style if block code is in table #790 [bug] nav: browser back navigation does not jump to the correct position #509 Maintenance [task] build: update all available actions to nodejs 20 #802 [task] openapi: update swagger-ui to 5.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>History :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -1530,8 +1531,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,34 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Basics :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Basics :: Hugo Relearn Theme">
<meta property="og:description" content="Discover what this Hugo theme is all about and the core-concepts behind it.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Basics :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490332" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490332" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490332" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490332" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490332" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490332"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490332"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..';
@ -204,12 +205,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -372,13 +373,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490332"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490332" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,35 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Basics :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Basics :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Basics :: Hugo Relearn Theme">
<meta property="og:description" content="Discover what this Hugo theme is all about and the core-concepts behind it.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Basics :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..';
@ -616,13 +617,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="_blank">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="a2defc778d1482763eb7afdfd40c4862">
<div class="tab-panel" data-tab-group="386618b6762ead8f114d053c455514f3">
<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('a2defc778d1482763eb7afdfd40c4862','frontmatterjson')"
onclick="switchTab('386618b6762ead8f114d053c455514f3','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -657,13 +658,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="_blank">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are dependend 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="6ac23a491f544ba9265c33e574449a7c">
<div class="tab-panel" data-tab-group="eb332499af1f2ba923a9d12a24a225f2">
<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('6ac23a491f544ba9265c33e574449a7c','layoutspartialscustom-headerhtml')"
onclick="switchTab('eb332499af1f2ba923a9d12a24a225f2','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1597,8 +1598,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-03daf2d1558847d4ade9d0334710d9a2" 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-03daf2d1558847d4ade9d0334710d9a2"><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-9d6d9930fd2374fd249f6e3967290ac1" 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-9d6d9930fd2374fd249f6e3967290ac1"><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>
@ -1975,13 +1976,13 @@
</div>
<h2 id="annotated-config-options">Annotated config options</h2>
<div class="tab-panel" data-tab-group="611cac4bd295b41a9ea92e655aaa5a6d">
<div class="tab-panel" data-tab-group="25fa9a1035018bc15a80b5b5296a25b8">
<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('611cac4bd295b41a9ea92e655aaa5a6d','hugotoml')"
onclick="switchTab('25fa9a1035018bc15a80b5b5296a25b8','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
@ -2737,13 +2738,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="ff58e5f95d6c5ce228ed5712f1f645bf">
<div class="tab-panel" data-tab-group="ccc065918ed88cad137c99ff2958f4c0">
<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('ff58e5f95d6c5ce228ed5712f1f645bf','layoutspartialsfaviconhtml')"
onclick="switchTab('ccc065918ed88cad137c99ff2958f4c0','layoutspartialsfaviconhtml')"
>
<span class="tab-nav-text">layouts/partials/favicon.html</span>
</button>
@ -3068,13 +3069,13 @@
<p>You can create a new variant file in the site&rsquo;s <code>static/css</code> directory and give it a new name. Import the shipped variant, add the settings you want to change and save the new file. Afterwards you can use it in your <code>hugo.toml</code> by the choosen name.</p>
<p>For example, you want to use the <code>relearn-light</code> variant but want to change the syntax highlightning schema to the one used in the <code>neon</code> variant. For that, create a new <code>static/css/theme-my-branding.css</code> in your site&rsquo;s directory and add the following lines:</p>
<div class="tab-panel" data-tab-group="0ab94165aa8b19b88e45472f8d237877">
<div class="tab-panel" data-tab-group="f8eb569468701eb2f9c996748f256310">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="staticcsstheme-my-brandingcss"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('0ab94165aa8b19b88e45472f8d237877','staticcsstheme-my-brandingcss')"
onclick="switchTab('f8eb569468701eb2f9c996748f256310','staticcsstheme-my-brandingcss')"
>
<span class="tab-nav-text">static/css/theme-my-branding.css</span>
</button>
@ -3614,8 +3615,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-571744e2ff0cfada534f8dba93fea805" 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-571744e2ff0cfada534f8dba93fea805"><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-b84b800bf84be9145b5c42b5458dae87" 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-b84b800bf84be9145b5c42b5458dae87"><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>
@ -3856,8 +3857,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-eab7f233a90a3e575e52a0feb64d32ce" 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-eab7f233a90a3e575e52a0feb64d32ce"><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-f0974074da0724182e41fd3b472c0fcb" 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-f0974074da0724182e41fd3b472c0fcb"><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="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -3906,13 +3907,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="872aed442bcef6f91c61a4ab064f2b9f">
<div class="tab-panel" data-tab-group="a3b08ac8f1f55153f3ccd3b54352ee39">
<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('872aed442bcef6f91c61a4ab064f2b9f','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('a3b08ac8f1f55153f3ccd3b54352ee39','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -4005,13 +4006,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="8d482378d30223a4a63d6c974da093e7">
<div class="tab-panel" data-tab-group="4a0bad51583ea450b8fa541c57f5bae8">
<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('8d482378d30223a4a63d6c974da093e7','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('4a0bad51583ea450b8fa541c57f5bae8','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -4089,13 +4090,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-8ecd9f96d8fec44bbf805caeaa3bda9f" aria-controls="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<label class="expand-label" for="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<input type="checkbox" id="R-expand-75a93fec497f79b22256fa67c5d741f2" aria-controls="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" >
<label class="expand-label" for="R-expand-75a93fec497f79b22256fa67c5d741f2" >
<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-8ecd9f96d8fec44bbf805caeaa3bda9f" class="expand-content">
<div id="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" 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>
@ -4131,8 +4132,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-00745bc708eb0c34ad28a55603fd76f1" 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-00745bc708eb0c34ad28a55603fd76f1"><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-d5a3323d2542469b79560c7f26c023a6" 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-d5a3323d2542469b79560c7f26c023a6"><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">
@ -4144,8 +4145,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-212beb771e81d2959870a40962ef6c0a" 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-212beb771e81d2959870a40962ef6c0a"><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-53dff93252fe6d9f677babfc4cf6c834" 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-53dff93252fe6d9f677babfc4cf6c834"><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="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" rel="external" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -5862,22 +5863,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712495592" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Installation :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Installation :: Hugo Relearn Theme">
<meta property="og:description" content="The following steps are here to help you initialize your new website. If you don&amp;rsquo;t know Hugo at all, we strongly suggest you learn more about it by following this great documentation for beginners.
Tip The following tutorial leads you thru the steps of creating a first, minimal new site.
You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need to execute the commands in the given order.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Installation :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -223,8 +226,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-03daf2d1558847d4ade9d0334710d9a2" 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-03daf2d1558847d4ade9d0334710d9a2"><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-9d6d9930fd2374fd249f6e3967290ac1" 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-9d6d9930fd2374fd249f6e3967290ac1"><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>
@ -337,12 +340,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -505,13 +508,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495592"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,34 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Installation :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Installation :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Installation :: Hugo Relearn Theme">
<meta property="og:description" content="The following steps are here to help you initialize your new website. If you don&amp;rsquo;t know Hugo at all, we strongly suggest you learn more about it by following this great documentation for beginners.
Tip The following tutorial leads you thru the steps of creating a first, minimal new site.
You don&amp;rsquo;t need to edit any files besides your hugo.toml and only need to execute the commands in the given order.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Installation :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -184,8 +187,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-03daf2d1558847d4ade9d0334710d9a2" 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-03daf2d1558847d4ade9d0334710d9a2"><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-9d6d9930fd2374fd249f6e3967290ac1" 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-9d6d9930fd2374fd249f6e3967290ac1"><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>
@ -214,8 +217,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta property="og:description" content="This document shows you what&amp;rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the history page.
0.112.4 The minimum required Hugo version.
Breaking A change that requires action by you after upgrading to assure the site is still functional.
Change A change in default behavior that may requires action by you if you want to revert it.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>What&#39;s New :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -677,13 +681,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="_blank">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="a2defc778d1482763eb7afdfd40c4862">
<div class="tab-panel" data-tab-group="386618b6762ead8f114d053c455514f3">
<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('a2defc778d1482763eb7afdfd40c4862','frontmatterjson')"
onclick="switchTab('386618b6762ead8f114d053c455514f3','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -718,13 +722,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="_blank">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are dependend 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="6ac23a491f544ba9265c33e574449a7c">
<div class="tab-panel" data-tab-group="eb332499af1f2ba923a9d12a24a225f2">
<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('6ac23a491f544ba9265c33e574449a7c','layoutspartialscustom-headerhtml')"
onclick="switchTab('eb332499af1f2ba923a9d12a24a225f2','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1623,12 +1627,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495592" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1791,13 +1795,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495592"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,34 +11,38 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="What&#39;s New :: Hugo Relearn Theme">
<meta property="og:description" content="This document shows you what&amp;rsquo;s new in the latest release and flags it with one of the following badges. For a detailed list of changes, see the history page.
0.112.4 The minimum required Hugo version.
Breaking A change that requires action by you after upgrading to assure the site is still functional.
Change A change in default behavior that may requires action by you if you want to revert it.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>What&#39;s New :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -603,13 +607,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="_blank">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="a2defc778d1482763eb7afdfd40c4862">
<div class="tab-panel" data-tab-group="386618b6762ead8f114d053c455514f3">
<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('a2defc778d1482763eb7afdfd40c4862','frontmatterjson')"
onclick="switchTab('386618b6762ead8f114d053c455514f3','frontmatterjson')"
>
<span class="tab-nav-text">frontmatter.json</span>
</button>
@ -644,13 +648,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="_blank">jQuery</a> library from its distribution.</p>
<p>In case you made changes to the theme that are dependend 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="6ac23a491f544ba9265c33e574449a7c">
<div class="tab-panel" data-tab-group="eb332499af1f2ba923a9d12a24a225f2">
<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('6ac23a491f544ba9265c33e574449a7c','layoutspartialscustom-headerhtml')"
onclick="switchTab('eb332499af1f2ba923a9d12a24a225f2','layoutspartialscustom-headerhtml')"
>
<span class="tab-nav-text">layouts/partials/custom-header.html</span>
</button>
@ -1465,8 +1469,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Requirements :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Requirements :: Hugo Relearn Theme">
<meta property="og:description" content="Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
Just download at least version 0.112.4 of the Hugo binary for your OS (Windows, Linux, Mac).
It&amp;rsquo;s a kind of magic">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Requirements :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -210,12 +213,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -378,13 +381,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495592"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,34 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Requirements :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Requirements :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Requirements :: Hugo Relearn Theme">
<meta property="og:description" content="Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
Just download at least version 0.112.4 of the Hugo binary for your OS (Windows, Linux, Mac).
It&amp;rsquo;s a kind of magic">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Requirements :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -111,8 +114,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,33 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta property="og:description" content="The theme comes with a reasonably configured topbar.
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.
Tip All mentioned file names below can be clicked and show you the implementation for a better understanding.
Areas The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Topbar Modification :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -133,8 +137,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-00745bc708eb0c34ad28a55603fd76f1" 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-00745bc708eb0c34ad28a55603fd76f1"><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-d5a3323d2542469b79560c7f26c023a6" 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-d5a3323d2542469b79560c7f26c023a6"><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">
@ -146,8 +150,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-212beb771e81d2959870a40962ef6c0a" 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-212beb771e81d2959870a40962ef6c0a"><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-53dff93252fe6d9f677babfc4cf6c834" 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-53dff93252fe6d9f677babfc4cf6c834"><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="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" rel="external" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -505,12 +509,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495592" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -673,13 +677,13 @@
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495592"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>

View file

@ -11,34 +11,38 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Topbar Modification :: Hugo Relearn Theme">
<meta property="og:description" content="The theme comes with a reasonably configured topbar.
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.
Tip All mentioned file names below can be clicked and show you the implementation for a better understanding.
Areas The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Topbar Modification :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="alternate" hreflang="en">
<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?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" 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?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -91,8 +95,8 @@
<h1 id="topbar-modification">Topbar Modification</h1>
<p>The theme comes with a reasonably configured topbar.</p>
<p><a href="#R-image-00745bc708eb0c34ad28a55603fd76f1" 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-00745bc708eb0c34ad28a55603fd76f1"><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-d5a3323d2542469b79560c7f26c023a6" 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-d5a3323d2542469b79560c7f26c023a6"><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">
@ -104,8 +108,8 @@
</div>
<h2 id="areas">Areas</h2>
<p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
<p><a href="#R-image-212beb771e81d2959870a40962ef6c0a" 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-212beb771e81d2959870a40962ef6c0a"><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-53dff93252fe6d9f677babfc4cf6c834" 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-53dff93252fe6d9f677babfc4cf6c834"><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="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" rel="external" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@ -379,8 +383,8 @@
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>