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
pir/basics/customization

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="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn 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/pir/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="Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:description" content="Usage scenarios Th&#39; theme be us&#39;ble &#39;n different scenarios, requir&#39;n th&#39; follow&#39;n mandatory sett&#39;ns &#39;n yer hugo.toml. All sett&#39;ns not mentioned can be set t&#39; yer lik&#39;n.
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) Th&#39; same sett&#39;ns as wit&#39; any o&#39; th&#39; public webserver usage scenarios or">
<meta property="og:locale" content="art-pir">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn 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/pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1712490334" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495592" 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?1712490334" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490334" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490334" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490334" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490334" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490334" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490334" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490334" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490334" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490334" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490334" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490334" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490334" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490334" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490334"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490334"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495593" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495593" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495593" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495593" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495593" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495593" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495593" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495593" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495593" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495593" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495593" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495593" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495593" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495593" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495593"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495593"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..\/..';
@ -581,8 +583,8 @@
</div>
</div>
<p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-571744e2ff0cfada534f8dba93fea805" class="lightbox-link"><img alt="Screenshot o' th' 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 o' th' 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 o' th' 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 o' th' 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> Avast</div>
@ -823,8 +825,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</div>
</div>
<p>Th' home button be go'n t' 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>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -873,13 +875,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<li>
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n 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>
@ -972,13 +974,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<li><code>footer</code>: if called at th' end o' th' 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>
@ -1136,12 +1138,12 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495593" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1304,13 +1306,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490334"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495593"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490334" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495593" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495593" 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="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn 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/pir/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="Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:title" content="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:description" content="Usage scenarios Th&#39; theme be us&#39;ble &#39;n different scenarios, requir&#39;n th&#39; follow&#39;n mandatory sett&#39;ns &#39;n yer hugo.toml. All sett&#39;ns not mentioned can be set t&#39; yer lik&#39;n.
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) Th&#39; same sett&#39;ns as wit&#39; any o&#39; th&#39; public webserver usage scenarios or">
<meta property="og:locale" content="art-pir">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn 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/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1712490334" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495592" 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?1712490336" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490336" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490336" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490336" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490336" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490336" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490336" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490336" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490336" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490336" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490336" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490336" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490336" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490336" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490336" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490336"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490336"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495595" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495595" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495595" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495595" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495595" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495595" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495595" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495595" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495595" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495595" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495595" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495595" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495595" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495595" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495595" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495595"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495595"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..\/..';
@ -534,8 +536,8 @@
</div>
</div>
<p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
<p><a href="#R-image-571744e2ff0cfada534f8dba93fea805" class="lightbox-link"><img alt="Screenshot o' th' 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 o' th' 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 o' th' 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 o' th' 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> Avast</div>
@ -776,8 +778,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</div>
</div>
<p>Th' home button be go'n t' 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>Ye can add social media meta tags fer th' <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
@ -826,13 +828,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<li>
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n 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>
@ -925,13 +927,13 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
<li><code>footer</code>: if called at th' end o' th' 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>
@ -1005,8 +1007,8 @@ appearance, ye will have t' configure th' <code>landingPageName</code> fer th' d
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490336" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490336" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712490336" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495595" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495595" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495595" defer></script>
</body>
</html>