This commit is contained in:
McShelby 2024-08-29 09:37:22 +00:00
parent 9f3ebc5701
commit 351df75e68
273 changed files with 6523 additions and 6518 deletions
basics/customization

View file

@ -28,18 +28,18 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-x-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?1724765856" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1724765856" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1724765856" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1724765856" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1724765856"></script>
<link href="/hugo-theme-relearn/images/logo.svg?1724924233" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1724924233" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1724924233" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1724924233" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1724924233"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -47,7 +47,7 @@
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
window.index_js_url="/hugo-theme-relearn/index.search.js?1724765856";
window.index_js_url="/hugo-theme-relearn/index.search.js?1724924233";
// variant stuff
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
@ -581,8 +581,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-634cd4e25956a38fe6a052422bdc211e" 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-634cd4e25956a38fe6a052422bdc211e"><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-c0800bf0df5a7f4bae2db3ce83ef78ac" 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-c0800bf0df5a7f4bae2db3ce83ef78ac"><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>
@ -823,8 +823,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-186c9d1bcc26474839bfe1877d7f2998" 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-186c9d1bcc26474839bfe1877d7f2998"><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-61b5db14a2b7d860891f833f27114126" 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-61b5db14a2b7d860891f833f27114126"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -939,13 +939,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="55a159ba0d6145d49a4dd6456973d9ee">
<div class="tab-panel" data-tab-group="6e74e07ff94644680483f0e30f534bda">
<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('55a159ba0d6145d49a4dd6456973d9ee','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('6e74e07ff94644680483f0e30f534bda','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -1038,13 +1038,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="4fdbbcdb0f518ddbe7831994751cd203">
<div class="tab-panel" data-tab-group="2f4a3b866e0f24d541e642bf28e6d184">
<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('4fdbbcdb0f518ddbe7831994751cd203','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('2f4a3b866e0f24d541e642bf28e6d184','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1184,12 +1184,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?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1724924233" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1350,13 +1350,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?1724765856"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1724924233"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1724924233" defer></script>
</body>
</html>

View file

@ -28,19 +28,19 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-x-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?1724765856" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1724765856" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1724765856" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1724765856" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1724765856" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1724765856" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1724765856" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1724765856" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1724765856"></script>
<link href="/hugo-theme-relearn/images/logo.svg?1724924233" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1724924233" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1724924233" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1724924233" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1724924233" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1724924233" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1724924233" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1724924233" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1724924233"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -48,7 +48,7 @@
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
window.index_js_url="/hugo-theme-relearn/index.search.js?1724765856";
window.index_js_url="/hugo-theme-relearn/index.search.js?1724924233";
// variant stuff
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
@ -533,8 +533,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-634cd4e25956a38fe6a052422bdc211e" 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-634cd4e25956a38fe6a052422bdc211e"><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-c0800bf0df5a7f4bae2db3ce83ef78ac" 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-c0800bf0df5a7f4bae2db3ce83ef78ac"><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 +775,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-186c9d1bcc26474839bfe1877d7f2998" 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-186c9d1bcc26474839bfe1877d7f2998"><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-61b5db14a2b7d860891f833f27114126" 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-61b5db14a2b7d860891f833f27114126"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -891,13 +891,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="55a159ba0d6145d49a4dd6456973d9ee">
<div class="tab-panel" data-tab-group="6e74e07ff94644680483f0e30f534bda">
<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('55a159ba0d6145d49a4dd6456973d9ee','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('6e74e07ff94644680483f0e30f534bda','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -990,13 +990,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="4fdbbcdb0f518ddbe7831994751cd203">
<div class="tab-panel" data-tab-group="2f4a3b866e0f24d541e642bf28e6d184">
<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('4fdbbcdb0f518ddbe7831994751cd203','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('2f4a3b866e0f24d541e642bf28e6d184','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1069,8 +1069,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?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1724765856" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1724924233" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1724924233" defer></script>
</body>
</html>