mirror of
https://github.com/McShelby/hugo-theme-relearn
synced 2025-04-30 13:33:34 +08:00
deploy: 98cbf97fcb5e37737ad0bcf6901424d239709a2e
This commit is contained in:
McShelby
parent
9b5fdc69fd
commit
a47f8c47aa
26
404.html
26
404.html
@ -19,20 +19,20 @@
|
||||
<meta property="og:site_name" content="Hugo Relearn Theme">
|
||||
<title>404 Page not found :: Hugo Relearn Theme</title>
|
||||
<base href="https://McShelby.github.io/hugo-theme-relearn/">
|
||||
<link href="./images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="./images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="./css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="./css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="./css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="./js/url.js?1700469870"></script>
|
||||
<script src="./js/variant.js?1700469870"></script>
|
||||
<link href="./css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="./css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="./css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="./js/url.js?1700524445"></script>
|
||||
<script src="./js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
|
||||
510
basics/branding/index.html
Normal file
510
basics/branding/index.html
Normal file
@ -0,0 +1,510 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<meta name="generator" content="Hugo 0.120.4">
|
||||
<meta name="generator" content="Relearn 5.23.2+tip">
|
||||
<meta name="description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta name="author" content="Sören Weber">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<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">
|
||||
<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="pir">
|
||||
<link href="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
|
||||
<link href="../../basics/branding/index.print.html" rel="alternate" type="text/html" title="Branding :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
window.index_js_url="../../index.search.js";
|
||||
var root_url="../../";
|
||||
var baseUri=root_url.replace(/\/$/, '');
|
||||
window.relearn = window.relearn || {};
|
||||
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
|
||||
// variant stuff
|
||||
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
|
||||
// translations
|
||||
window.T_Copy_to_clipboard = `Copy to clipboard`;
|
||||
window.T_Copied_to_clipboard = `Copied to clipboard!`;
|
||||
window.T_Copy_link_to_clipboard = `Copy link to clipboard`;
|
||||
window.T_Link_copied_to_clipboard = `Copied link to clipboard!`;
|
||||
window.T_Reset_view = `Reset view`;
|
||||
window.T_View_reset = `View reset!`;
|
||||
window.T_No_results_found = `No results found for "{0}"`;
|
||||
window.T_N_results_found = `{1} results found for "{0}"`;
|
||||
</script>
|
||||
<style>
|
||||
#R-body img.bg-white {
|
||||
background-color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/branding/index.html">
|
||||
<div id="R-body" class="default-animation">
|
||||
<div id="R-body-overlay"></div>
|
||||
<nav id="R-topbar">
|
||||
<div class="topbar-wrapper">
|
||||
<div class="topbar-sidebar-divider"></div>
|
||||
<div class="topbar-area topbar-area-start" data-area="start">
|
||||
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
|
||||
<button class="topbar-control" onclick="toggleNav()" type="button" title="Menu (CTRL+ALT+n)">
|
||||
<i class="fa-fw fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-toc" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="Table of Contents (CTRL+ALT+t)">
|
||||
<i class="fa-fw fas fa-list-alt"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#theme-variant">Change the Variant (Simple)</a>
|
||||
<ul>
|
||||
<li><a href="#single-variant">Single Variant</a></li>
|
||||
<li><a href="#multiple-variants">Multiple Variants</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#adjust-to-os-settings">Adjust to OS Settings</a></li>
|
||||
<li><a href="#change-the-favicon">Change the Favicon</a></li>
|
||||
<li><a href="#change-the-logo">Change the Logo</a></li>
|
||||
<li><a href="#syntax-highlightning">Syntax highlightning</a></li>
|
||||
<li><a href="#theme-variant-advanced">Change the Variant (Advanced)</a>
|
||||
<ul>
|
||||
<li><a href="#parameter">Parameter</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="1"> > </li><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Branding</span><meta itemprop="position" content="2"></li>
|
||||
</ol>
|
||||
<div class="topbar-area topbar-area-end" data-area="end">
|
||||
<div class="topbar-button topbar-button-edit" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/branding/_index.en.md" target="_blank" title="Edit (CTRL+ALT+w)">
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-print" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../basics/branding/index.print.html" title="Print whole chapter (CTRL+ALT+p)">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../basics/configuration/index.html" title="Configuration (🡐)">
|
||||
<i class="fa-fw fas fa-chevron-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../basics/customization/index.html" title="Customization (🡒)">
|
||||
<i class="fa-fw fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-more" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="More">
|
||||
<i class="fa-fw fas fa-ellipsis-v"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<div class="topbar-area topbar-area-more" data-area="more">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="R-main-overlay"></div>
|
||||
<main id="R-body-inner" class="highlightable default" tabindex="-1">
|
||||
<div class="flex-block-wrapper">
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="branding">Branding</h1>
|
||||
|
||||
<p>The Relearn theme provides configuration options to change your your site’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.</p>
|
||||
<p>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 <code>config.toml</code>.</p>
|
||||
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
|
||||
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
|
||||
<h2 id="theme-variant">Change the Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value to the name of your theme file. That’s it! Your site will be displayed in this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Your theme variant file must reside in your site’s <code>static/css</code> directory or in the theme’s <code>static/css</code> directory and the file name must start with <code>theme-</code> and end wit <code>.css</code>. In the above example, the path of your theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If you want to make changes to a shipped color variant, create a copy in your site’s <code>static/css</code> directory. Don’t edit the file in the theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings, logo and syntax highlightning and even more!</p>
|
||||
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option’s array, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
|
||||
<p>In the above example, you would end with <code>red</code> for light mode and the default of <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop your image in your site’s <code>static/images/</code> directory and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If you want to adjust your favicon according to your OS settings for light/dark mode, add the image files <code>static/images/favicon-light.svg</code> and <code>static/images/favicon-dark.svg</code> to your site’s directory, respectively, corresponding to your file format. In case some of the files are missing, the theme falls back to <code>favicon.svg</code> for each missing file. All supplied favicons must be of the same file format.</p>
|
||||
<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’s directory and write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/logo.html</code> of your site. Then write any HTML you want. You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Syntax highlightning</h2>
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>. Then, <code>@import</code> the syntax highlightning stylesheet in your color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
<p>If you want to reconfigure just the syntax highlighting of an existing color variant, you need to copy the file to your site’s directory and adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
|
||||
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
|
||||
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
|
||||
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>you now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>The <code>identifier</code> option is mandatory and equivalent to the string in the first example. Further options can be configured, see the table below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond to the name of a color variant either in your site’s or the theme’s directory in the form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<aside id="R-sidebar" class="default-animation showVisitedLinks">
|
||||
<div id="R-header-topbar" class="default-animation"></div>
|
||||
<div id="R-header-wrapper" class="default-animation">
|
||||
<div id="R-header" class="default-animation">
|
||||
<style>
|
||||
#R-logo svg,
|
||||
#R-logo svg * {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
fill: #282828 !important;
|
||||
fill: var(--MENU-SECTIONS-BG-color) !important;
|
||||
opacity: .945;
|
||||
}
|
||||
a#R-logo {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
|
||||
font-size: 1.875rem;
|
||||
font-weight: 300;
|
||||
margin-top: -.8125rem;
|
||||
max-width: 60%;
|
||||
text-transform: uppercase;
|
||||
width: 14.125rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
a#R-logo:hover {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -1.25rem;
|
||||
margin-inline-start: -1.47rem;
|
||||
margin-inline-end: .5rem;
|
||||
width: 40.5%;
|
||||
}
|
||||
@media only all and (max-width: 59.999rem) {
|
||||
a#R-logo {
|
||||
font-size: 1.5625rem;
|
||||
margin-top: -.1875rem;
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -.75rem;
|
||||
margin-inline-start: -1.47rem;
|
||||
margin-inline-end: .5rem;
|
||||
}
|
||||
}
|
||||
@media all and (-ms-high-contrast:none) {
|
||||
/* IE11s understanding of positioning is weird at best */
|
||||
a#R-logo {
|
||||
margin-top: -3.625rem;
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -3.875rem;
|
||||
margin-left: -1.47rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
@media only all and (-ms-high-contrast:none) and (max-width: 59.999rem) {
|
||||
#R-logo svg {
|
||||
margin-left: -1.47rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<a id="R-logo" href="../../index.html">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
|
||||
<path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
</svg>Relearn
|
||||
</a>
|
||||
</div>
|
||||
<form action="../../search.html" method="get"><div class="searchbox default-animation">
|
||||
<button class="search-detail" type="submit" title="Search (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
|
||||
<label class="a11y-only" for="R-search-by">Search</label>
|
||||
<input data-search-input id="R-search-by" name="search-by" class="search-by" type="search" placeholder="Search...">
|
||||
<button class="search-clear" type="button" data-search-clear="" title="Clear search"><i class="fas fa-times" title="Clear search"></i></button>
|
||||
</div></form>
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
</div>
|
||||
<div id="R-content-wrapper" class="highlightable">
|
||||
<div id="R-topics">
|
||||
<ul class="enlarge morespace collapsible-menu">
|
||||
<li data-nav-id="/basics/index.html" class="parent "><input type="checkbox" id="R-section-df6aa773bd1fbc430ade79f1764e4ce7" aria-controls="R-subsections-df6aa773bd1fbc430ade79f1764e4ce7" checked><label for="R-section-df6aa773bd1fbc430ade79f1764e4ce7"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Basics</span></label><a class="padding" href="../../basics/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">1.</b> Basics<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-df6aa773bd1fbc430ade79f1764e4ce7" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/basics/migration/index.html" class=""><a class="padding" href="../../basics/migration/index.html">What's New<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class="active"><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/history/index.html" class=""><a class="padding" href="../../basics/history/index.html">History<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/cont/index.html" class=""><input type="checkbox" id="R-section-2291d2894a4301fd505172f85eca0c0a" aria-controls="R-subsections-2291d2894a4301fd505172f85eca0c0a"><label for="R-section-2291d2894a4301fd505172f85eca0c0a"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Content</span></label><a class="padding" href="../../cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Content<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2291d2894a4301fd505172f85eca0c0a" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/cont/pages/index.html" class=""><a class="padding" href="../../cont/pages/index.html">Pages organization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/archetypes/index.html" class=""><a class="padding" href="../../cont/archetypes/index.html">Archetypes<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/markdown/index.html" class=""><a class="padding" href="../../cont/markdown/index.html">Markdown syntax<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/imageeffects/index.html" class=""><a class="padding" href="../../cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/menushortcuts/index.html" class=""><a class="padding" href="../../cont/menushortcuts/index.html">Menu extra shortcuts<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/i18n/index.html" class=""><a class="padding" href="../../cont/i18n/index.html">Multilingual and i18n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/cont/taxonomy/index.html" class=""><a class="padding" href="../../cont/taxonomy/index.html">Taxonomy<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/shortcodes/index.html" class=""><input type="checkbox" id="R-section-c0549379138a5c256f6c0600d532453f" aria-controls="R-subsections-c0549379138a5c256f6c0600d532453f"><label for="R-section-c0549379138a5c256f6c0600d532453f"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Shortcodes</span></label><a class="padding" href="../../shortcodes/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">3.</b> Shortcodes<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-c0549379138a5c256f6c0600d532453f" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/shortcodes/attachments/index.html" class=""><a class="padding" href="../../shortcodes/attachments/index.html">Attachments<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/badge/index.html" class=""><a class="padding" href="../../shortcodes/badge/index.html">Badge<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/button/index.html" class=""><a class="padding" href="../../shortcodes/button/index.html">Button<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/children/index.html" class=""><input type="checkbox" id="R-section-efce957ff9dad000e250ff868aa3291d" aria-controls="R-subsections-efce957ff9dad000e250ff868aa3291d"><label for="R-section-efce957ff9dad000e250ff868aa3291d"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Children</span></label><a class="padding" href="../../shortcodes/children/index.html">Children<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-efce957ff9dad000e250ff868aa3291d" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/shortcodes/children/test/index.html" class=""><a class="padding" href="../../shortcodes/children/test/index.html">page X<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/children/children-1/index.html" class=""><input type="checkbox" id="R-section-c27b80e9c4c5ceb911093893f4f00a2b" aria-controls="R-subsections-c27b80e9c4c5ceb911093893f4f00a2b"><label for="R-section-c27b80e9c4c5ceb911093893f4f00a2b"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu page 1</span></label><a class="padding" href="../../shortcodes/children/children-1/index.html">page 1<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-c27b80e9c4c5ceb911093893f4f00a2b" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/shortcodes/children/children-1/children-1-1/index.html" class="alwaysopen"><input type="checkbox" id="R-section-bc0c0185f32af18e77e51e4a5f0a3ba4" aria-controls="R-subsections-bc0c0185f32af18e77e51e4a5f0a3ba4" checked><label for="R-section-bc0c0185f32af18e77e51e4a5f0a3ba4"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu page 1-1</span></label><a class="padding" href="../../shortcodes/children/children-1/children-1-1/index.html">page 1-1<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-bc0c0185f32af18e77e51e4a5f0a3ba4" class="morespace collapsible-menu">
|
||||
<li data-nav-id="" class="alwaysopen"><input type="checkbox" id="R-section-9c0a5b93d94f133c09f9cec9eec310a6" aria-controls="R-subsections-9c0a5b93d94f133c09f9cec9eec310a6" checked><label for="R-section-9c0a5b93d94f133c09f9cec9eec310a6"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu page 1-1-2 (headless)</span></label><span class="padding">page 1-1-2 (headless)</span><ul id="R-subsections-9c0a5b93d94f133c09f9cec9eec310a6" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" class=""><a class="padding" href="../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">page 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" class=""><a class="padding" href="../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">page 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" class=""><a class="padding" href="../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">page 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
|
||||
<li data-nav-id="/shortcodes/children/children-2/index.html" class=""><a class="padding" href="../../shortcodes/children/children-2/index.html">page 2<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/children/children-3/index.html" class=""><input type="checkbox" id="R-section-801eeaaa0748a0846cc1e95f3a734fb7" aria-controls="R-subsections-801eeaaa0748a0846cc1e95f3a734fb7"><label for="R-section-801eeaaa0748a0846cc1e95f3a734fb7"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu page 3</span></label><a class="padding" href="../../shortcodes/children/children-3/index.html">page 3<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-801eeaaa0748a0846cc1e95f3a734fb7" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/shortcodes/children/children-3/test3/index.html" class=""><a class="padding" href="../../shortcodes/children/children-3/test3/index.html">page 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
|
||||
<li data-nav-id="/shortcodes/expand/index.html" class=""><a class="padding" href="../../shortcodes/expand/index.html">Expand<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/highlight/index.html" class=""><a class="padding" href="../../shortcodes/highlight/index.html">Highlight<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/icon/index.html" class=""><a class="padding" href="../../shortcodes/icon/index.html">Icon<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/include/index.html" class=""><a class="padding" href="../../shortcodes/include/index.html">Include<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/math/index.html" class=""><a class="padding" href="../../shortcodes/math/index.html">Math<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/mermaid/index.html" class=""><a class="padding" href="../../shortcodes/mermaid/index.html">Mermaid<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/notice/index.html" class=""><a class="padding" href="../../shortcodes/notice/index.html">Notice<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/openapi/index.html" class=""><a class="padding" href="../../shortcodes/openapi/index.html">OpenAPI<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/siteparam/index.html" class=""><a class="padding" href="../../shortcodes/siteparam/index.html">SiteParam<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/tab/index.html" class=""><a class="padding" href="../../shortcodes/tab/index.html">Tab<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/shortcodes/tabs/index.html" class=""><a class="padding" href="../../shortcodes/tabs/index.html">Tabs<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="R-shortcuts">
|
||||
<div class="nav-title padding">More</div>
|
||||
<ul class="space">
|
||||
<li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
|
||||
<li><a class="padding" href="../../showcase/index.html"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
|
||||
<li><a class="padding" href="../../more/credits/index.html"><i class='fas fa-fw fa-bullhorn'></i> Credits</a></li>
|
||||
<li><a class="padding" href="../../tags/index.html"><i class='fas fa-fw fa-tags'></i> Tags</a></li>
|
||||
<li><a class="padding" href="../../categories/index.html"><i class='fas fa-fw fa-layer-group'></i> Categories</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="padding footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
|
||||
<div id="R-menu-footer">
|
||||
<hr class="padding default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter">
|
||||
<div id="R-prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
|
||||
<ul>
|
||||
<li id="R-select-language-container" class="footerLangSwitch showLangSwitch">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-language fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<label class="a11y-only" for="R-select-language">Language</label>
|
||||
<select id="R-select-language" onchange="location = baseUri + this.value;">
|
||||
<option id="R-en" value="/basics/branding/index.html" lang="en" selected>English</option>
|
||||
<option id="R-pir" value="/pir/basics/branding/index.html" lang="pir">Arrr! ☠ Pirrrates ☠</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li id="R-select-variant-container" class="footerVariantSwitch showVariantSwitch">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-paint-brush fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<label class="a11y-only" for="R-select-variant">Theme</label>
|
||||
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
|
||||
<option id="R-auto" value="auto" selected>Auto</option>
|
||||
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
|
||||
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
|
||||
<option id="R-zen-light" value="zen-light">Zen Light</option>
|
||||
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
|
||||
<option id="R-neon" value="neon">Neon</option>
|
||||
<option id="R-learn" value="learn">Learn</option>
|
||||
<option id="R-blue" value="blue">Blue</option>
|
||||
<option id="R-green" value="green">Green</option>
|
||||
<option id="R-red" value="red">Red</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<script>window.variants && variants.markSelectedVariant();</script>
|
||||
</li>
|
||||
<li class="footerVisitedLinks showVisitedLinks">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-history fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<button onclick="clearHistory();">Clear History</button>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="R-footer" class="footerFooter showFooter">
|
||||
<span class="github-buttons"></span>
|
||||
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
|
||||
<script>
|
||||
function githubButtonsScheme(){
|
||||
var scheme = 'light';
|
||||
var colorPropertyValue = window.getComputedStyle( document.querySelector( '#R-sidebar' ) ).getPropertyValue( 'background-color' );
|
||||
var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
|
||||
if( colorValues.length === 3 && ((0.2126 * colorValues[0]) + (0.7152 * colorValues[1]) + (0.0722 * colorValues[2]) < 165) ){
|
||||
|
||||
scheme = 'dark';
|
||||
}
|
||||
return scheme;
|
||||
}
|
||||
function githubButtonsInit(){
|
||||
if( !window.githubButtons ){
|
||||
|
||||
setTimeout( githubButtonsInit, 50 );
|
||||
return;
|
||||
}
|
||||
var scheme = githubButtonsScheme();
|
||||
var githubButtonsHTML = `
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
|
||||
`;
|
||||
document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
|
||||
document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
|
||||
anchor.dataset.colorScheme = scheme;
|
||||
window.githubButtons.render( anchor, function( el ){
|
||||
anchor.parentNode.replaceChild( el, anchor );
|
||||
});
|
||||
});
|
||||
}
|
||||
document.addEventListener( 'themeVariantLoaded', function( e ){
|
||||
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
204
basics/branding/index.print.html
Normal file
204
basics/branding/index.print.html
Normal file
@ -0,0 +1,204 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<meta name="generator" content="Hugo 0.120.4">
|
||||
<meta name="generator" content="Relearn 5.23.2+tip">
|
||||
<meta name="description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta name="author" content="Sören Weber">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<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">
|
||||
<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="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="../../basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Branding :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
window.index_js_url="../../index.search.js";
|
||||
var root_url="../../";
|
||||
var baseUri=root_url.replace(/\/$/, '');
|
||||
window.relearn = window.relearn || {};
|
||||
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
|
||||
// variant stuff
|
||||
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
|
||||
// translations
|
||||
window.T_Copy_to_clipboard = `Copy to clipboard`;
|
||||
window.T_Copied_to_clipboard = `Copied to clipboard!`;
|
||||
window.T_Copy_link_to_clipboard = `Copy link to clipboard`;
|
||||
window.T_Link_copied_to_clipboard = `Copied link to clipboard!`;
|
||||
window.T_Reset_view = `Reset view`;
|
||||
window.T_View_reset = `View reset!`;
|
||||
window.T_No_results_found = `No results found for "{0}"`;
|
||||
window.T_N_results_found = `{1} results found for "{0}"`;
|
||||
</script>
|
||||
<style>
|
||||
#R-body img.bg-white {
|
||||
background-color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/branding/index.html">
|
||||
<div id="R-body" class="default-animation">
|
||||
<div id="R-body-overlay"></div>
|
||||
<nav id="R-topbar">
|
||||
<div class="topbar-wrapper">
|
||||
<div class="topbar-sidebar-divider"></div>
|
||||
<div class="topbar-area topbar-area-start" data-area="start">
|
||||
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
|
||||
<button class="topbar-control" onclick="toggleNav()" type="button" title="Menu (CTRL+ALT+n)">
|
||||
<i class="fa-fw fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="1"> > </li><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Branding</span><meta itemprop="position" content="2"></li>
|
||||
</ol>
|
||||
<div class="topbar-area topbar-area-end" data-area="end">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="R-main-overlay"></div>
|
||||
<main id="R-body-inner" class="highlightable default" tabindex="-1">
|
||||
<div class="flex-block-wrapper">
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="branding">Branding</h1>
|
||||
|
||||
<p>The Relearn theme provides configuration options to change your your site’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.</p>
|
||||
<p>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 <code>config.toml</code>.</p>
|
||||
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
|
||||
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
|
||||
<h2 id="theme-variant">Change the Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value to the name of your theme file. That’s it! Your site will be displayed in this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Your theme variant file must reside in your site’s <code>static/css</code> directory or in the theme’s <code>static/css</code> directory and the file name must start with <code>theme-</code> and end wit <code>.css</code>. In the above example, the path of your theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If you want to make changes to a shipped color variant, create a copy in your site’s <code>static/css</code> directory. Don’t edit the file in the theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings, logo and syntax highlightning and even more!</p>
|
||||
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option’s array, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
|
||||
<p>In the above example, you would end with <code>red</code> for light mode and the default of <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop your image in your site’s <code>static/images/</code> directory and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If you want to adjust your favicon according to your OS settings for light/dark mode, add the image files <code>static/images/favicon-light.svg</code> and <code>static/images/favicon-dark.svg</code> to your site’s directory, respectively, corresponding to your file format. In case some of the files are missing, the theme falls back to <code>favicon.svg</code> for each missing file. All supplied favicons must be of the same file format.</p>
|
||||
<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’s directory and write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/logo.html</code> of your site. Then write any HTML you want. You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Syntax highlightning</h2>
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>. Then, <code>@import</code> the syntax highlightning stylesheet in your color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
<p>If you want to reconfigure just the syntax highlighting of an existing color variant, you need to copy the file to your site’s directory and adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
|
||||
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
|
||||
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
|
||||
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>you now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>The <code>identifier</code> option is mandatory and equivalent to the string in the first example. Further options can be configured, see the table below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond to the name of a color variant either in your site’s or the theme’s directory in the form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
11
basics/branding/index.xml
Normal file
11
basics/branding/index.xml
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Branding on Hugo Relearn Theme</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</link>
|
||||
<description>Recent content in Branding on Hugo Relearn Theme</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
@ -20,20 +20,20 @@
|
||||
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
|
||||
<meta property="og:site_name" content="Hugo Relearn Theme">
|
||||
<title></title>
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -2249,12 +2249,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524445" defer></script>
|
||||
<script src="../../js/search.js?1700524445" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -2267,6 +2267,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -2410,13 +2411,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524445"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524445" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524445" defer></script>
|
||||
<script src="../../js/theme.js?1700524445" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -20,21 +20,21 @@
|
||||
<meta property="article:section" content="Basics :: Hugo Relearn Theme">
|
||||
<meta property="og:site_name" content="Hugo Relearn Theme">
|
||||
<title></title>
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -87,8 +87,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
|
||||
<link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -80,32 +80,7 @@
|
||||
<i class="fa-fw fas fa-list-alt"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#global-site-parameters">Global site parameters</a></li>
|
||||
<li><a href="#serving-your-page-from-a-subfolder">Serving your page from a subfolder</a></li>
|
||||
<li><a href="#serving-your-page-from-the-filesystem">Serving your page from the filesystem</a></li>
|
||||
<li><a href="#activate-search">Activate search</a>
|
||||
<ul>
|
||||
<li><a href="#activate-dedicated-search-page">Activate dedicated search page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#activate-print-support">Activate print support</a></li>
|
||||
<li><a href="#mathjax">MathJax</a>
|
||||
<ul>
|
||||
<li><a href="#math-example">Example</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#mermaid">Mermaid</a>
|
||||
<ul>
|
||||
<li><a href="#mermaid-example">Example</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#home-button-configuration">Home Button Configuration</a></li>
|
||||
<li><a href="#social-media-meta-tags">Social Media Meta Tags</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="topbar-content-wrapper">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -131,7 +106,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../basics/customization/index.html" title="Customization (🡒)">
|
||||
<a class="topbar-control" href="../../basics/branding/index.html" title="Branding (🡒)">
|
||||
<i class="fa-fw fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -162,18 +137,17 @@
|
||||
</header>
|
||||
<h1 id="configuration">Configuration</h1>
|
||||
|
||||
<h2 id="global-site-parameters">Global site parameters</h2>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo global configuration</a>, the Relearn theme lets you define the following parameters in your <code>config.toml</code> (here, values are default).</p>
|
||||
<p>Note that some of these parameters are explained in details in other sections of this documentation.</p>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p>
|
||||
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c284f2eeee835d8927d1d6498bfca50a">
|
||||
<div class="tab-panel" data-tab-group="42cda267a13304d1728dc24dcf8f3ca9">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c284f2eeee835d8927d1d6498bfca50a','configtoml')"
|
||||
onclick="switchTab('42cda267a13304d1728dc24dcf8f3ca9','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -262,7 +236,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by the first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
|
||||
@ -608,91 +582,7 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
|
||||
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you’ll need the following configuration in your <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all branch bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>JSON</code> to <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add the following lines in the same <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
|
||||
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu’s search box .</p>
|
||||
<p><a href="#R-image-e9789a572ad4bb2da5eed07b3037ba3b" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9789a572ad4bb2da5eed07b3037ba3b"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
|
||||
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">page</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handling</a> even if you’ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>The MathJax configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../../shortcodes/math/index.html">Math</a> for additional documentation.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Physics” you coded some JavaScript for a dynamic formulae. You can set the MathJax parameters locally to load mathJax on this page.</p>
|
||||
<p>You also can disable MathJax for specific pages while globally enabled.</p>
|
||||
<h2 id="mermaid">Mermaid</h2>
|
||||
<p>The Mermaid configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../../shortcodes/mermaid/index.html">Mermaid</a> for additional documentation.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Mermaid is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Architecture” you coded some JavaScript to dynamically generate a class diagram. You can set the Mermaid parameters locally to load mermaid on this page.</p>
|
||||
<p>You also can disable Mermaid for specific pages while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configuration</h2>
|
||||
<p>If the <code>disableLandingPageButton</code> option is set to <code>false</code>, a Home button will appear
|
||||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||||
appearance, you will have to configure two parameters for the defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
|
||||
default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
|
||||
<p><a href="#R-image-4a493c35dabbfa197c1b133a84994330" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a493c35dabbfa197c1b133a84994330"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
@ -781,12 +671,12 @@ default values:</p>
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -799,6 +689,7 @@ default values:</p>
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class="active"><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -942,13 +833,13 @@ default values:</p>
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
|
||||
<link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -98,18 +98,17 @@
|
||||
</header>
|
||||
<h1 id="configuration">Configuration</h1>
|
||||
|
||||
<h2 id="global-site-parameters">Global site parameters</h2>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo global configuration</a>, the Relearn theme lets you define the following parameters in your <code>config.toml</code> (here, values are default).</p>
|
||||
<p>Note that some of these parameters are explained in details in other sections of this documentation.</p>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p>
|
||||
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c284f2eeee835d8927d1d6498bfca50a">
|
||||
<div class="tab-panel" data-tab-group="42cda267a13304d1728dc24dcf8f3ca9">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c284f2eeee835d8927d1d6498bfca50a','configtoml')"
|
||||
onclick="switchTab('42cda267a13304d1728dc24dcf8f3ca9','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -198,7 +197,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by the first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
|
||||
@ -544,91 +543,7 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
|
||||
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you’ll need the following configuration in your <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all branch bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>JSON</code> to <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add the following lines in the same <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
|
||||
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu’s search box .</p>
|
||||
<p><a href="#R-image-e9789a572ad4bb2da5eed07b3037ba3b" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9789a572ad4bb2da5eed07b3037ba3b"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
|
||||
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">page</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handling</a> even if you’ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>The MathJax configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../../shortcodes/math/index.html">Math</a> for additional documentation.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Physics” you coded some JavaScript for a dynamic formulae. You can set the MathJax parameters locally to load mathJax on this page.</p>
|
||||
<p>You also can disable MathJax for specific pages while globally enabled.</p>
|
||||
<h2 id="mermaid">Mermaid</h2>
|
||||
<p>The Mermaid configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../../shortcodes/mermaid/index.html">Mermaid</a> for additional documentation.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Mermaid is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Architecture” you coded some JavaScript to dynamically generate a class diagram. You can set the Mermaid parameters locally to load mermaid on this page.</p>
|
||||
<p>You also can disable Mermaid for specific pages while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configuration</h2>
|
||||
<p>If the <code>disableLandingPageButton</code> option is set to <code>false</code>, a Home button will appear
|
||||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||||
appearance, you will have to configure two parameters for the defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
|
||||
default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
|
||||
<p><a href="#R-image-4a493c35dabbfa197c1b133a84994330" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a493c35dabbfa197c1b133a84994330"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
@ -636,8 +551,8 @@ default values:</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
|
||||
<link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -83,20 +83,21 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#change-the-logo">Change the Logo</a></li>
|
||||
<li><a href="#change-the-favicon">Change the Favicon</a></li>
|
||||
<li><a href="#change-the-menu-width">Change the Menu Width</a></li>
|
||||
<li><a href="#theme-variant">Change the Colors</a>
|
||||
<li><a href="#serving-your-page-from-a-subfolder">Serving your page from a subfolder</a></li>
|
||||
<li><a href="#serving-your-page-from-the-filesystem">Serving your page from the filesystem</a></li>
|
||||
<li><a href="#activate-search">Activate search</a>
|
||||
<ul>
|
||||
<li><a href="#single-variant">Single Variant</a></li>
|
||||
<li><a href="#multiple-variants">Multiple Variants</a></li>
|
||||
<li><a href="#adjust-to-os-settings">Adjust to OS Settings</a></li>
|
||||
<li><a href="#javascript">JavaScript</a></li>
|
||||
<li><a href="#roll-your-own">Roll your Own</a></li>
|
||||
<li><a href="#activate-dedicated-search-page">Activate dedicated search page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#activate-print-support">Activate print support</a></li>
|
||||
<li><a href="#home-button-configuration">Home Button Configuration</a></li>
|
||||
<li><a href="#social-media-meta-tags">Social Media Meta Tags</a></li>
|
||||
<li><a href="#change-the-menu-width">Change the Menu Width</a></li>
|
||||
<li><a href="#own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</a></li>
|
||||
<li><a href="#output-formats">Output Formats</a></li>
|
||||
<li><a href="#react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</a></li>
|
||||
<li><a href="#partials">Partials</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@ -119,7 +120,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../basics/configuration/index.html" title="Configuration (🡐)">
|
||||
<a class="topbar-control" href="../../basics/branding/index.html" title="Branding (🡐)">
|
||||
<i class="fa-fw fas fa-chevron-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -150,57 +151,78 @@
|
||||
</header>
|
||||
<h1 id="customization">Customization</h1>
|
||||
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
|
||||
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
|
||||
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you’ll need the following configuration in your <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>JSON</code> to <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
|
||||
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu’s search box .</p>
|
||||
<p><a href="#R-image-01123e605bd347ec49489b11338286f7" class="lightbox-link"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01123e605bd347ec49489b11338286f7"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically</p>
|
||||
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
|
||||
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if you want your site to use light & dark theme favicons that follow the OS’ (and in some cases, the browser’s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">page</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE and old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which are necessary for the light & dark theme favicon option.
|
||||
If you have requirements to support IE and/or older browser versions, use one of the other options.</p>
|
||||
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handling</a> even if you’ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
|
||||
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
|
||||
<h2 id="home-button-configuration">Home Button Configuration</h2>
|
||||
<p>If the <code>disableLandingPageButton</code> option is set to <code>false</code>, a Home button will appear
|
||||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||||
appearance, you will have to configure the <code>landingPageName</code> for the defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
|
||||
<p><a href="#R-image-98b52e596fccac090eb708c0f085e167" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-98b52e596fccac090eb708c0f085e167"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" 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>
|
||||
<p>The menu width adjusts automatically for different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -233,49 +255,9 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
|
||||
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
|
||||
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value with the name of your theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>, and <code>@import</code> this stylesheet in your color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust to OS Settings</h3>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, you can drop <code>auto</code> at any position, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that, you can set <code>themeVariantAuto</code>. The first element is the variant for light mode, the second for dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
|
||||
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files. To provide this behavior to the user and extending it for his own shortcodes this can be configured.</p>
|
||||
<p>Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files.</p>
|
||||
<p>You can you use this mechanism in your own shortcodes. Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
|
||||
@ -298,15 +280,38 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
|
||||
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
@ -394,12 +399,12 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -412,6 +417,7 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class="active"><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -555,13 +561,13 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
|
||||
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -93,57 +93,78 @@
|
||||
</header>
|
||||
<h1 id="customization">Customization</h1>
|
||||
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
|
||||
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
|
||||
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you’ll need the following configuration in your <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to use the search feature from the file system using an older installation of the theme make sure to change your outputformat for the homepage from the now deprecated <code>JSON</code> to <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
|
||||
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu’s search box .</p>
|
||||
<p><a href="#R-image-01123e605bd347ec49489b11338286f7" class="lightbox-link"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01123e605bd347ec49489b11338286f7"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically</p>
|
||||
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>config.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
|
||||
<p>To make sure, there is no duplicate content for any given URL of your project, run <code>hugo --printPathWarnings</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if you want your site to use light & dark theme favicons that follow the OS’ (and in some cases, the browser’s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">page</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE and old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which are necessary for the light & dark theme favicon option.
|
||||
If you have requirements to support IE and/or older browser versions, use one of the other options.</p>
|
||||
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handling</a> even if you’ve set <code>uglyURLs=true</code> in your <code>config.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
|
||||
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
|
||||
<h2 id="home-button-configuration">Home Button Configuration</h2>
|
||||
<p>If the <code>disableLandingPageButton</code> option is set to <code>false</code>, a Home button will appear
|
||||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||||
appearance, you will have to configure the <code>landingPageName</code> for the defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
|
||||
<p><a href="#R-image-98b52e596fccac090eb708c0f085e167" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-98b52e596fccac090eb708c0f085e167"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" 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>
|
||||
<p>The menu width adjusts automatically for different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -176,49 +197,9 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
|
||||
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
|
||||
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value with the name of your theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>, and <code>@import</code> this stylesheet in your color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust to OS Settings</h3>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, you can drop <code>auto</code> at any position, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that, you can set <code>themeVariantAuto</code>. The first element is the variant for light mode, the second for dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
|
||||
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files. To provide this behavior to the user and extending it for his own shortcodes this can be configured.</p>
|
||||
<p>Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files.</p>
|
||||
<p>You can you use this mechanism in your own shortcodes. Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
|
||||
@ -241,23 +222,46 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
|
||||
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
|
||||
<link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -135,19 +135,19 @@
|
||||
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-205a5af25626a26f81d749a9ae78858b" aria-controls="R-expandcontent-205a5af25626a26f81d749a9ae78858b" >
|
||||
<label class="expand-label" for="R-expand-205a5af25626a26f81d749a9ae78858b" >
|
||||
<input type="checkbox" id="R-expand-12d409fde30485806a52856680d769ff" aria-controls="R-expandcontent-12d409fde30485806a52856680d769ff" >
|
||||
<label class="expand-label" for="R-expand-12d409fde30485806a52856680d769ff" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instructions
|
||||
</label>
|
||||
<div id="R-expandcontent-205a5af25626a26f81d749a9ae78858b" class="expand-content">
|
||||
<div id="R-expandcontent-12d409fde30485806a52856680d769ff" class="expand-content">
|
||||
|
||||
<p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
|
||||
<p>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>
|
||||
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
|
||||
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, the variant switch will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, the variant selector will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you are satisfied, you can download the new variants file and copy it into your site’s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p>
|
||||
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
|
||||
</div>
|
||||
@ -279,12 +279,12 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -297,6 +297,7 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class="active"><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -440,27 +441,27 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700469870" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700469870" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700524446" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700524446" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700524446" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
|
||||
<link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -96,19 +96,19 @@
|
||||
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-205a5af25626a26f81d749a9ae78858b" aria-controls="R-expandcontent-205a5af25626a26f81d749a9ae78858b" >
|
||||
<label class="expand-label" for="R-expand-205a5af25626a26f81d749a9ae78858b" >
|
||||
<input type="checkbox" id="R-expand-12d409fde30485806a52856680d769ff" aria-controls="R-expandcontent-12d409fde30485806a52856680d769ff" >
|
||||
<label class="expand-label" for="R-expand-12d409fde30485806a52856680d769ff" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instructions
|
||||
</label>
|
||||
<div id="R-expandcontent-205a5af25626a26f81d749a9ae78858b" class="expand-content">
|
||||
<div id="R-expandcontent-12d409fde30485806a52856680d769ff" class="expand-content">
|
||||
|
||||
<p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
|
||||
<p>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>
|
||||
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
|
||||
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, the variant switch will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, the variant selector will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you are satisfied, you can download the new variants file and copy it into your site’s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p>
|
||||
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
|
||||
</div>
|
||||
@ -159,22 +159,22 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700469870" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700469870" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700469870" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700524446" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700524446" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700524446" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700524446" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
|
||||
<link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -2255,12 +2255,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -2273,6 +2273,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -2416,13 +2417,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
|
||||
<link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -1426,8 +1426,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
|
||||
<link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524445"></script>
|
||||
<script src="../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -222,12 +222,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../js/search.js?1700469870" defer></script>
|
||||
<script src="../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -240,6 +240,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -383,13 +384,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../js/theme.js?1700469870" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
|
||||
<link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524446"></script>
|
||||
<script src="../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -144,7 +144,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
|
||||
@ -156,7 +156,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../basics/customization/index.html#change-the-menu-width">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../basics/configuration/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
<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> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../basics/customization/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with additional sort options for the menu and the <a href="../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept the following values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adhering to Hugo’s default sort order).</p>
|
||||
@ -245,7 +245,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../basics/customization/index.html">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../basics/customization/index.html#partials">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with an awesome new feature, that allows you to customize your topbar buttons, change behavior, reorder them or define entirely new ones, unique to your installation. See <a href="../basics/topbar/index.html">the documentation</a> for further details.</p>
|
||||
@ -292,7 +292,7 @@
|
||||
<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> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now <a href="../basics/customization/index.html#javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
<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> The theme now <a href="../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
|
||||
@ -437,7 +437,7 @@
|
||||
<p>The default setting of <code>on</code>, in effect since 1.1.0, changed back to <code>off</code> as there was interference with scrolling on mobile and big pages.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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 is now capable to visually <a href="../basics/customization/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<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 is now capable to visually <a href="../basics/branding/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<p>This is also the new default setting if you haven’t configured <code>themeVariant</code> in your <code>config.toml</code>.</p>
|
||||
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
@ -536,7 +536,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
|
||||
<p>To activate this feature, you need to <a href="../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>To activate this feature, you need to <a href="../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -546,7 +546,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
|
||||
<p>To <a href="../basics/configuration/index.html#global-site-parameters">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
<p>To <a href="../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
|
||||
@ -580,7 +580,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../basics/configuration/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<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> <a href="../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -606,7 +606,7 @@
|
||||
<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> <a href="../cont/markdown/index.html#add-css-classes">Image formatting</a> has two new classes to align images to the <code>left</code> or <code>right</code>. Additionally, the already existing <code>inline</code> option is now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Printing for the <a href="../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../basics/configuration/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
<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> Printing for the <a href="../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../basics/customization/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -719,7 +719,7 @@
|
||||
<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> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../basics/configuration/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
<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> You can activate <a href="../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
|
||||
@ -758,12 +758,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../basics/customization/index.html">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../basics/customization/index.html#partials">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p>This change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../basics/customization/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -774,15 +774,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> With this release you are now capable to define your own <em>dark mode</em> variants.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../basics/customization/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../basics/branding/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To see what’s now possible, see the new variants <code>relearn-dark</code> and <code>neon</code> that are coming with this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we’ve added a new interactive <a href="../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the <a href="../basics/customization/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.</p>
|
||||
<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> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -842,7 +842,7 @@
|
||||
<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> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../basics/configuration/index.html#global-site-parameters">the example configuration</a>.</p>
|
||||
<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> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../basics/configuration/index.html">the example configuration</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -853,7 +853,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -938,7 +938,7 @@
|
||||
<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> You can define the expansion state of your menus in the frontmatter. Please see further <a href="../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials for defining pre/post content for menu items and the content. See <a href="../basics/customization/index.html">documentation</a> for further reading.</p>
|
||||
<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> New partials for defining pre/post content for menu items and the content. See <a href="../basics/customization/index.html#partials">documentation</a> for further reading.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../shortcodes/children/index.html"><code>children</code></a> with new parameter <code>containerstyle</code>.</p>
|
||||
@ -984,8 +984,8 @@
|
||||
|
||||
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-7613ff27b9f7f9cc48ba00cac50c4966" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7613ff27b9f7f9cc48ba00cac50c4966"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-bc832cbf95c2eb69ac41195988228cde" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc832cbf95c2eb69ac41195988228cde"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
@ -1033,8 +1033,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-3ed9f9d5f63423cb3089389b3261b90d" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ed9f9d5f63423cb3089389b3261b90d"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-148898ca8e525ec17bff453af08a72f9" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-148898ca8e525ec17bff453af08a72f9"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
|
||||
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
|
||||
@ -1077,18 +1077,17 @@
|
||||
</header>
|
||||
<h1 id="configuration">Configuration</h1>
|
||||
|
||||
<h2 id="global-site-parameters">Global site parameters</h2>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo global configuration</a>, the Relearn theme lets you define the following parameters in your <code>config.toml</code> (here, values are default).</p>
|
||||
<p>Note that some of these parameters are explained in details in other sections of this documentation.</p>
|
||||
<p>On top of <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configuration options</a>, the Relearn theme lets you define further options unique to the theme in your <code>config.toml</code>. The defaults are written in the comments of each option.</p>
|
||||
<p>Note that some of these options are explained in detail in other sections of this documentation.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c284f2eeee835d8927d1d6498bfca50a">
|
||||
<div class="tab-panel" data-tab-group="42cda267a13304d1728dc24dcf8f3ca9">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c284f2eeee835d8927d1d6498bfca50a','configtoml')"
|
||||
onclick="switchTab('42cda267a13304d1728dc24dcf8f3ca9','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -1177,7 +1176,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The color variants used for auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by the first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto options of your `themeVariant` option if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># The auto variant defines how your site adjusts to your selected OS settings</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># for light/dark mode. The first array element is the variant for light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># the second for dark mode.</span>
|
||||
@ -1523,14 +1522,130 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
</div>
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="branding">Branding</h1>
|
||||
|
||||
<p>The Relearn theme provides configuration options to change your your site’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.</p>
|
||||
<p>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 <code>config.toml</code>.</p>
|
||||
<p>The Relearn theme ships with a wide set of different color variants. You can use them as-is, copy them over and use them as a starting point for your customizations or just create completely new variants unique to your site. The <a href="../basics/generator/index.html">interactive variant generator</a> may help you with this task.</p>
|
||||
<p>Once configured in your <code>config.toml</code>, you can select them with the variant selector at the bottom of the menu.</p>
|
||||
<h2 id="theme-variant">Change the Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value to the name of your theme file. That’s it! Your site will be displayed in this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Your theme variant file must reside in your site’s <code>static/css</code> directory or in the theme’s <code>static/css</code> directory and the file name must start with <code>theme-</code> and end wit <code>.css</code>. In the above example, the path of your theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If you want to make changes to a shipped color variant, create a copy in your site’s <code>static/css</code> directory. Don’t edit the file in the theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The theme provides an advanced configuration mode, combining the functionality for multiple variants with the below possibilities of adjusting to your OS settings, logo and syntax highlightning and even more!</p>
|
||||
<p>Although all options documented here are still working, the advanced configuration options are the recommended way to configure your color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust to OS Settings</h2>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>You can use the <code>auto</code> value with the single or multiple variants option. If you are using multiple variants, you can drop <code>auto</code> at any position in the option’s array, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will default to use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode. These defaults are overwritten by the first two non-auto options of your <code>themeVariant</code> option if present.</p>
|
||||
<p>In the above example, you would end with <code>red</code> for light mode and the default of <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that behavior, you can explicitly set <code>themeVariantAuto</code>. The first entry in the array is the color variant for light mode, the second for dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop your image in your site’s <code>static/images/</code> directory and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If you want to adjust your favicon according to your OS settings for light/dark mode, add the image files <code>static/images/favicon-light.svg</code> and <code>static/images/favicon-dark.svg</code> to your site’s directory, respectively, corresponding to your file format. In case some of the files are missing, the theme falls back to <code>favicon.svg</code> for each missing file. All supplied favicons must be of the same file format.</p>
|
||||
<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’s directory and write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/logo.html</code> of your site. Then write any HTML you want. You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Syntax highlightning</h2>
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>. Then, <code>@import</code> the syntax highlightning stylesheet in your color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
<p>If you want to reconfigure just the syntax highlighting of an existing color variant, you need to copy the file to your site’s directory and adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change the Variant (Advanced)</h2>
|
||||
<p>The theme offers a new way to configure theme variants and all of the aspects above inside of a single configuration item. This comes with some features previously unsupported.</p>
|
||||
<p>Like with the <a href="#multiple-variants">multiple variants</a> option, you are defining your theme variants in an array but now <em>not by simple strings</em> <strong>but in a table with suboptions</strong>.</p>
|
||||
<p>Again, in this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer if the array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>you now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>The <code>identifier</code> option is mandatory and equivalent to the string in the first example. Further options can be configured, see the table below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond to the name of a color variant either in your site’s or the theme’s directory in the form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>The name to be displayed in the variant selector. If not set, the identifier is used in a human readable form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="customization">Customization</h1>
|
||||
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serving your page from a subfolder</h2>
|
||||
<p>If your site is served from a subfolder, eg. <code>https://example.com/mysite/</code>, you have to set the following lines to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs in sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while your HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serving your page from the filesystem</h2>
|
||||
<p>If you want your page served from the filesystem by using URLs starting with <code>file://</code> you’ll need the following configuration in your <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all branch bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>The theme will append an additional <code>index.html</code> to all page bundle links by default to make the page be servable from the file system. If you don’t care about the file system and only serve your page via a webserver you can also generate the links without this change by adding this to your <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
@ -1541,15 +1656,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add the following lines in the same <code>config.toml</code> file.</p>
|
||||
<p>If not already present, add the following lines in your <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at the root of your public folder ready to be consumed by the Lunr search library. Note that the <code>SEARCH</code> outputformat was named <code>JSON</code> in previous releases but was implemented differently. Although <code>JSON</code> still works, it is now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search page</h3>
|
||||
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu’s search box .</p>
|
||||
<p><a href="#R-image-e9789a572ad4bb2da5eed07b3037ba3b" class="lightbox-link"><img src="../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e9789a572ad4bb2da5eed07b3037ba3b"><img src="../basics/configuration/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-01123e605bd347ec49489b11338286f7" class="lightbox-link"><img src="../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-01123e605bd347ec49489b11338286f7"><img src="../basics/customization/search_page.png?&width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
@ -1574,22 +1689,10 @@
|
||||
<p>Nevertheless, if you’re unhappy with the resulting URLs you can manually redefine <code>outputFormats.PRINT</code> in your own <code>config.toml</code> to your liking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>The MathJax configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../shortcodes/math/index.html">Math</a> for additional documentation.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Physics” you coded some JavaScript for a dynamic formulae. You can set the MathJax parameters locally to load mathJax on this page.</p>
|
||||
<p>You also can disable MathJax for specific pages while globally enabled.</p>
|
||||
<h2 id="mermaid">Mermaid</h2>
|
||||
<p>The Mermaid configuration parameters can also be set on a specific page. In this case, the global parameter would be overwritten by the local one. See <a href="../shortcodes/mermaid/index.html">Mermaid</a> for additional documentation.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Mermaid is globally disabled. By default it won’t be loaded by any page.</p>
|
||||
<p>On page “Architecture” you coded some JavaScript to dynamically generate a class diagram. You can set the Mermaid parameters locally to load mermaid on this page.</p>
|
||||
<p>You also can disable Mermaid for specific pages while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configuration</h2>
|
||||
<p>If the <code>disableLandingPageButton</code> option is set to <code>false</code>, a Home button will appear
|
||||
on the left menu. It is an alternative for clicking on the logo. To edit the
|
||||
appearance, you will have to configure two parameters for the defined languages:</p>
|
||||
appearance, you will have to configure the <code>landingPageName</code> for the defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
@ -1600,74 +1703,13 @@ appearance, you will have to configure two parameters for the defined languages:
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
|
||||
default values:</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
|
||||
<p><a href="#R-image-4a493c35dabbfa197c1b133a84994330" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a493c35dabbfa197c1b133a84994330"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-98b52e596fccac090eb708c0f085e167" class="lightbox-link"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-98b52e596fccac090eb708c0f085e167"><img src="../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="customization">Customization</h1>
|
||||
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change the Logo</h2>
|
||||
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
|
||||
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>The size of the logo will adapt automatically</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change the Favicon</h2>
|
||||
<p>If your favicon is a SVG, PNG or ICO, just drop off your image in your local <code>static/images/</code> folder and name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if you want your site to use light & dark theme favicons that follow the OS’ (and in some cases, the browser’s) color scheme, add the image files to your local <code>static/images/</code> folder and name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively corresponding to your file format. In case one of the files is missing, the theme falls back to eg. <code>favicon.svg</code> for the missing file. All supplied favicons must be of the same file format.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE and old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which are necessary for the light & dark theme favicon option.
|
||||
If you have requirements to support IE and/or older browser versions, use one of the other options.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file is found, the theme will lookup the alternative filename <code>logo</code> in the same location and will repeat the search for the list of supported file types.</p>
|
||||
<p>If you need to change this default behavior, create a new file in <code>layouts/partials/</code> named <code>favicon.html</code>. Then write something like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change the Menu Width</h2>
|
||||
<h2 id="change-the-menu-width">Change the Menu Width</h2>
|
||||
<p>The menu width adjusts automatically for different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -1700,49 +1742,9 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change the Colors</h2>
|
||||
<p>The Relearn theme lets you choose between some predefined color variants in light or dark mode, but feel free to add one yourself!</p>
|
||||
<p>You can preview the shipped variants by changing them in the variant selector at the bottom of the menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set the <code>themeVariant</code> value with the name of your theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In the above example your theme file has to be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>You can also set multiple variants. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If you want to switch the syntax highlighting theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">according to Hugo’s documentation</a>, and <code>@import</code> this stylesheet in your color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust to OS Settings</h3>
|
||||
<p>You can also cause the site to adjust to your OS settings for light/dark mode. Just set the <code>themeVariant</code> to <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, you can drop <code>auto</code> at any position, but usually it makes sense to set it in the first position and make it the default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If you don’t configure anything else, the theme will use <code>relearn-light</code> for light mode and <code>relearn-dark</code> for dark mode.</p>
|
||||
<p>If you don’t like that, you can set <code>themeVariantAuto</code>. The first element is the variant for light mode, the second for dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant is fully loaded, either initially or by switching the variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll your Own</h3>
|
||||
<p>If you are not happy with the shipped variants you can either copy and rename one of the shipped files from <code>themes/hugo-theme-relearn/static/css</code> to <code>static/css</code>, edit them afterwards to your liking in a text editor and configure the <code>themeVariant</code> parameter in your <code>config.toml</code> or just use the <a href="../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files. To provide this behavior to the user and extending it for his own shortcodes this can be configured.</p>
|
||||
<p>Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shortcodes with JavaScript Dependencies</h2>
|
||||
<p>Certain shortcodes make use of additional JavaScript files. The theme only loads these dependencies if the shortcode is used. To do so correctly the theme adds management code in various files.</p>
|
||||
<p>You can you use this mechanism in your own shortcodes. Say you want to add a shortcode <code>myshortcode</code> that also requires the <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
|
||||
@ -1765,15 +1767,38 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts of the theme can be changed for support of your own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if you define a new output format <code>PLAINTEXT</code> in your <code>config.toml</code>, you can add a file <code>layouts/partials/header.plaintext.html</code> to change the way, the page header should look like for that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React to Variant Switches in JavaScript</h2>
|
||||
<p>Once a color variant is fully loaded, either initially or by switching the color variant manually with the variant selector, the custom event <code>themeVariantLoaded</code> on the <code>document</code> will be dispatched. You can add an event listener and react to changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>The Relearn theme has been built to be as configurable as possible by defining multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, you will find all the partials defined for this theme. If you need to overwrite something, don’t change the code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this page</a>. You’d create a new partial in the <code>layouts/partials</code> folder of your local project. This partial will have the priority.</p>
|
||||
<p>This theme defines the following partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: the header of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: the footer of the page. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: the body of the page. The body may contain of one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: the output for a single article, can contain elements around your content. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant to be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers in page. Meant to be overwritten when adding CSS imports. Don’t forget to include <code>style</code> HTML tag directive in your file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer in page. Meant to be overwritten when adding JavaScript. Don’t forget to include <code>javascript</code> HTML tag directive in your file.</li>
|
||||
<li><code>favicon.html</code>: the favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configuration to prepend to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPre</code> setting into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configuration to append to pages title headings. If you override this, it is your responsibility to take the page’s <code>headingPost</code> setting into account.</li>
|
||||
<li><code>logo.html</code>: the logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if you want to change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configuration to prepend to menu items. If you override this, it is your responsibility to take the page’s <code>menuPre</code> setting into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configuration to append to menu items. If you override this, it is your responsibility to take the page’s <code>menuPost</code> setting into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer of the the left menu</li>
|
||||
<li><code>toc.html</code>: table of contents</li>
|
||||
<li><code>content.html</code>: the content page itself. This can be overridden if you want to display page’s meta data above or below the content.</li>
|
||||
<li><code>content-header.html</code>: header above the title, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below the content, has a default implementation but you can overwrite it if you don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
@ -1785,19 +1810,19 @@ If you have requirements to support IE and/or older browser versions, use one of
|
||||
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-205a5af25626a26f81d749a9ae78858b" aria-controls="R-expandcontent-205a5af25626a26f81d749a9ae78858b" >
|
||||
<label class="expand-label" for="R-expand-205a5af25626a26f81d749a9ae78858b" >
|
||||
<input type="checkbox" id="R-expand-12d409fde30485806a52856680d769ff" aria-controls="R-expandcontent-12d409fde30485806a52856680d769ff" >
|
||||
<label class="expand-label" for="R-expand-12d409fde30485806a52856680d769ff" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instructions
|
||||
</label>
|
||||
<div id="R-expandcontent-205a5af25626a26f81d749a9ae78858b" class="expand-content">
|
||||
<div id="R-expandcontent-12d409fde30485806a52856680d769ff" class="expand-content">
|
||||
|
||||
<p>To get started, first select a color variant from the variant switch in the lower left sidebar that fits you best as a starting point.</p>
|
||||
<p>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>
|
||||
<p>The arrowed lines reflect how colors are inherited thru different parts of the theme if the descendent isn’t overwritten. If you want to delete a color and let it inherit from its parent, just delete the value from the input field.</p>
|
||||
<p>To better understand this select the <code>neon</code> variant and modify the different heading colors. There, colors for the heading <code>h2</code>, <code>h3</code> and <code>h4</code> are explicitly set. <code>h5</code> is not set and inherits its value from <code>h4</code>. <code>h6</code> is also not set and inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, the variant switch will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, the variant selector will show a “My custom variant” entry and your changes are stored in the browser. You can <strong>browse to other pages</strong> and even close the browser <strong>without losing your changes</strong>.</p>
|
||||
<p>Once you are satisfied, you can download the new variants file and copy it into your site’s <code>static/css</code> directory. Afterwards you have to adjust the <code>themeVariant</code> parameter in your <code>config.toml</code> to your chosen file name.</p>
|
||||
<p>Eg. if your new variants file is named <code>theme-my-custom-variant.css</code>, you have to set <code>themeVariant='my-custom-variant'</code> to use it.</p>
|
||||
</div>
|
||||
@ -1851,8 +1876,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-bfff9502c39c09eee2e7be83e5444d79" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfff9502c39c09eee2e7be83e5444d79"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-df44a3bffc5fe1fbf9f4c68dc48eb211" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df44a3bffc5fe1fbf9f4c68dc48eb211"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -1864,8 +1889,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-e69ba9abec0d33dc19352dd2d2dbae6e" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e69ba9abec0d33dc19352dd2d2dbae6e"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-9305e09e5938581501e83333eabeeeb3" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9305e09e5938581501e83333eabeeeb3"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
|
||||
@ -1901,14 +1926,14 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../basics/configuration/index.html#global-site-parameters">parameter is set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../basics/configuration/index.html">parameter is set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -3519,22 +3544,22 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-color.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-dispatch.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-drag.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-ease.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-interpolate.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-selection.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-timer.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-transition.min.js?1700469871" defer></script>
|
||||
<script src="../js/d3/d3-zoom.min.js?1700469871" defer></script>
|
||||
<script src="../js/js-yaml.min.js?1700469871" defer></script>
|
||||
<script src="../js/mermaid.min.js?1700469871" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-color.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-dispatch.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-drag.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-ease.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-interpolate.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-selection.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-timer.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-transition.min.js?1700524446" defer></script>
|
||||
<script src="../js/d3/d3-zoom.min.js?1700524446" defer></script>
|
||||
<script src="../js/js-yaml.min.js?1700524446" defer></script>
|
||||
<script src="../js/mermaid.min.js?1700524446" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../js/theme.js?1700469871" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -40,19 +40,26 @@ This theme&rsquo;s repository is: https://github.com/McShelby/hugo-theme-rel
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html</guid>
|
||||
<description>Global site parameters On top of Hugo global configuration, the Relearn theme lets you define the following parameters in your config.toml (here, values are default).
|
||||
Note that some of these parameters are explained in details in other sections of this documentation.
|
||||
&#8203; config.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value. ############################################################################### # Hugo # These options usually apply to other themes aswell.</description>
|
||||
<description>On top of Hugo&rsquo;s global configuration options, the Relearn theme lets you define further options unique to the theme in your config.toml. The defaults are written in the comments of each option.
|
||||
Note that some of these options are explained in detail in other sections of this documentation.
|
||||
&#8203; config.toml [params] # If an option value is said to be not set, you can achieve the same behavior # by given it an empty string value.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Branding</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
|
||||
<description>The Relearn theme provides configuration options to change your your site&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 config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Customization</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</guid>
|
||||
<description>The Relearn theme has been built to be as configurable as possible by defining multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead follow this page. You&rsquo;d create a new partial in the layouts/partials folder of your local project. This partial will have the priority.
|
||||
This theme defines the following partials :
|
||||
header.html: the header of the page.</description>
|
||||
<description>Serving your page from a subfolder If your site is served from a subfolder, eg. https://example.com/mysite/, you have to set the following lines to your config.toml
|
||||
baseURL = &#34;https://example.com/mysite/&#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs in sublemental pages (like sitemap.xml, rss.xml) will be generated falsly while your HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.
|
||||
Serving your page from the filesystem If you want your page served from the filesystem by using URLs starting with file:// you&rsquo;ll need the following configuration in your config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Stylesheet generator</title>
|
||||
@ -60,7 +67,7 @@ header.html: the header of the page.</description>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html</guid>
|
||||
<description>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 switch in the lower left sidebar that fits you best as a starting point.
|
||||
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.</description>
|
||||
</item>
|
||||
<item>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
|
||||
<link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -178,8 +178,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-3ed9f9d5f63423cb3089389b3261b90d" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ed9f9d5f63423cb3089389b3261b90d"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-148898ca8e525ec17bff453af08a72f9" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-148898ca8e525ec17bff453af08a72f9"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
|
||||
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
|
||||
@ -296,12 +296,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -314,6 +314,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class="active"><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -457,13 +458,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
|
||||
<link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -124,8 +124,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-3ed9f9d5f63423cb3089389b3261b90d" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3ed9f9d5f63423cb3089389b3261b90d"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-148898ca8e525ec17bff453af08a72f9" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-148898ca8e525ec17bff453af08a72f9"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
|
||||
<p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
|
||||
@ -161,8 +161,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What's New :: Hugo Relearn Theme">
|
||||
<link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What's New :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -220,7 +220,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
|
||||
@ -232,7 +232,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../../basics/customization/index.html#change-the-menu-width">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../../basics/configuration/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
<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> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../../basics/customization/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with additional sort options for the menu and the <a href="../../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept the following values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adhering to Hugo’s default sort order).</p>
|
||||
@ -321,7 +321,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with an awesome new feature, that allows you to customize your topbar buttons, change behavior, reorder them or define entirely new ones, unique to your installation. See <a href="../../basics/topbar/index.html">the documentation</a> for further details.</p>
|
||||
@ -368,7 +368,7 @@
|
||||
<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> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now <a href="../../basics/customization/index.html#javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
<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> The theme now <a href="../../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
|
||||
@ -513,7 +513,7 @@
|
||||
<p>The default setting of <code>on</code>, in effect since 1.1.0, changed back to <code>off</code> as there was interference with scrolling on mobile and big pages.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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 is now capable to visually <a href="../../basics/customization/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<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 is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<p>This is also the new default setting if you haven’t configured <code>themeVariant</code> in your <code>config.toml</code>.</p>
|
||||
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
@ -612,7 +612,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
|
||||
<p>To activate this feature, you need to <a href="../../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -622,7 +622,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
|
||||
<p>To <a href="../../basics/configuration/index.html#global-site-parameters">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
<p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
|
||||
@ -656,7 +656,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../../basics/configuration/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -682,7 +682,7 @@
|
||||
<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> <a href="../../cont/markdown/index.html#add-css-classes">Image formatting</a> has two new classes to align images to the <code>left</code> or <code>right</code>. Additionally, the already existing <code>inline</code> option is now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Printing for the <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../../basics/configuration/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
<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> Printing for the <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../../basics/customization/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -795,7 +795,7 @@
|
||||
<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> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/configuration/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
<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> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
|
||||
@ -834,12 +834,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p>This change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/customization/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -850,15 +850,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> With this release you are now capable to define your own <em>dark mode</em> variants.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../../basics/customization/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../../basics/branding/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To see what’s now possible, see the new variants <code>relearn-dark</code> and <code>neon</code> that are coming with this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we’ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the <a href="../../basics/customization/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.</p>
|
||||
<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> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -918,7 +918,7 @@
|
||||
<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> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html#global-site-parameters">the example configuration</a>.</p>
|
||||
<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> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -929,7 +929,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -1014,7 +1014,7 @@
|
||||
<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> You can define the expansion state of your menus in the frontmatter. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials for defining pre/post content for menu items and the content. See <a href="../../basics/customization/index.html">documentation</a> for further reading.</p>
|
||||
<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> New partials for defining pre/post content for menu items and the content. See <a href="../../basics/customization/index.html#partials">documentation</a> for further reading.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../../shortcodes/children/index.html"><code>children</code></a> with new parameter <code>containerstyle</code>.</p>
|
||||
@ -1137,12 +1137,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -1155,6 +1155,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -1298,13 +1299,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What's New :: Hugo Relearn Theme">
|
||||
<link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What's New :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -131,7 +131,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term pages</a> now add the breadcrumb for each listed page. If this gets too crowded for you, you can turn the breadcrumbs off in your <code>config.toml</code> by adding <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy and term pages are now allowed to contain content. This is added inbetween the title and the page list.</p>
|
||||
@ -143,7 +143,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It is now possible to adjust the menu width for your whole site. <a href="../../basics/customization/index.html#change-the-menu-width">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../../basics/configuration/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
<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> This release adds social media meta tags for the Open Graph protocol and Twitter Cards to your site. <a href="../../basics/customization/index.html#social-media-meta-tags">See the docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with additional sort options for the menu and the <a href="../../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept the following values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adhering to Hugo’s default sort order).</p>
|
||||
@ -232,7 +232,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
<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> We made changes to the menu footer to improve alignment with the menu items in most cases. Care was taken not to break your existing overwritten footer. Anyways, if you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, you may want to review the styling (eg. margins/paddings) of your partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes with an awesome new feature, that allows you to customize your topbar buttons, change behavior, reorder them or define entirely new ones, unique to your installation. See <a href="../../basics/topbar/index.html">the documentation</a> for further details.</p>
|
||||
@ -279,7 +279,7 @@
|
||||
<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> The theme has added two new color variants <code>zen-light</code> and <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme now <a href="../../basics/customization/index.html#javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
<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> The theme now <a href="../../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches the custom event</a> <code>themeVariantLoaded</code> on the <code>document</code> when the variant is fully loaded either initially or by switching the variant manually with the variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> The theme has updated its Mermaid dependency to 10.3.1. This adds support for the <a href="../../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> and now comes with full support for YAML inside Mermaid graphs (previously, the theme ignored explicit Mermaid theme settings in YAML).</p>
|
||||
@ -424,7 +424,7 @@
|
||||
<p>The default setting of <code>on</code>, in effect since 1.1.0, changed back to <code>off</code> as there was interference with scrolling on mobile and big pages.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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 is now capable to visually <a href="../../basics/customization/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<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 is now capable to visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt to your OS’s light/dark mode setting</a>.</p>
|
||||
<p>This is also the new default setting if you haven’t configured <code>themeVariant</code> in your <code>config.toml</code>.</p>
|
||||
<p>Additionally you can configure the variants to be taken for light/dark mode with the new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This is not supported for Internet Explorer 11, which still displays in the <code>relearn-light</code> variant.</p>
|
||||
@ -523,7 +523,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search page. On this page, displayed search results have more space making it easier scanning thru large number of results.</p>
|
||||
<p>To activate this feature, you need to <a href="../../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>To activate this feature, you need to <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> in your <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> for the home page. If you don’t configure it, no dedicated search page will be accessible and the theme works as before.</p>
|
||||
<p>You can access the search page by either clicking on the magnifier glass or pressing enter inside of the search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -533,7 +533,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You are now able to turn off the generation of generator meta tags in your HTML head to hide the used versions of Hugo and this theme.</p>
|
||||
<p>To <a href="../../basics/configuration/index.html#global-site-parameters">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
<p>To <a href="../../basics/configuration/index.html">configure this</a> in your <code>config.toml</code> make sure to set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>and</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Hugo will generate a meta tag into your home page automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creation of your project gets a little bit faster with this release.</p>
|
||||
@ -567,7 +567,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../../basics/configuration/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">With the proper settings</a> in your <code>config.toml</code> your page is now servable from the local file system using <code>file://</code> URLs.</p>
|
||||
<p>Please note that the searchbox will only work for this if you reconfigure your outputformat for the homepage in your <code>config.toml</code> from <code>JSON</code> to <code>SEARCH</code>. The now deprecated <code>JSON</code> outputformat still works as before, so there is no need to reconfigure your installation if it is only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -593,7 +593,7 @@
|
||||
<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> <a href="../../cont/markdown/index.html#add-css-classes">Image formatting</a> has two new classes to align images to the <code>left</code> or <code>right</code>. Additionally, the already existing <code>inline</code> option is now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Printing for the <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../../basics/configuration/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
<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> Printing for the <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized to expand sections that are usually closed in interactive mode. This requires <a href="../../basics/customization/index.html#activate-print-support">print support</a> to be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -706,7 +706,7 @@
|
||||
<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> If you prefer expandable/collapsible menu items, you can now set <code>collapsibleMenu=true</code> in your <code>config.toml</code>. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can activate <a href="../../basics/configuration/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
<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> You can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> in your <code>config.toml</code> to add the capability to print whole chapters or even the complete site.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translation into Traditional Chinese.</p>
|
||||
@ -745,12 +745,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We made changes to the menu footer. If you have your <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the <code>menu-footer.html</code> partial that is coming with the exampleSite.</p>
|
||||
<p>This change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Breaking</span></span> We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/customization/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>This change will only affect your installation if you’ve not set the <code>themeVariant</code> parameter in your <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If you still want to use the Learn color variant</a>, you have to explicitly set <code>themeVariant="learn"</code> in your <code>config.toml</code>.</p>
|
||||
<p>Note, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -761,15 +761,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> With this release you are now capable to define your own <em>dark mode</em> variants.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../../basics/customization/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To make this possible, we have introduced a lot more color variables you can use in <a href="../../basics/branding/index.html#theme-variant">your color variants</a>. Your old variants will still work and don’t need to be changed as appropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.</p>
|
||||
<p>To see what’s now possible, see the new variants <code>relearn-dark</code> and <code>neon</code> that are coming with this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> To make the creation of new variants easier for you, we’ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work with Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the <a href="../../basics/customization/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.</p>
|
||||
<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> You can now configure multiple color variants in your <code>config.toml</code>. In this case, the first variant is the default chosen on first view and a variant selector will be shown in the menu footer. See the <a href="../../basics/branding/index.html#multiple-variants">documentation</a> for configuration.</p>
|
||||
<p>Note, that the new variant selector will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant selector will not be displayed with Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -829,7 +829,7 @@
|
||||
<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> The theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> in SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out of the box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore in most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html#global-site-parameters">the example configuration</a>.</p>
|
||||
<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> You can hide the table of contents menu for the whole site by setting the <code>disableToc</code> option in your <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">the example configuration</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -840,7 +840,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Your site can now be served from a subfolder if you set <code>baseURL</code> and <code>canonifyURLs=true</code> in your <code>config.toml</code>. See the <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentation</a> for a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -925,7 +925,7 @@
|
||||
<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> You can define the expansion state of your menus in the frontmatter. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentation</a> for possible values and default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials for defining pre/post content for menu items and the content. See <a href="../../basics/customization/index.html">documentation</a> for further reading.</p>
|
||||
<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> New partials for defining pre/post content for menu items and the content. See <a href="../../basics/customization/index.html#partials">documentation</a> for further reading.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../../shortcodes/children/index.html"><code>children</code></a> with new parameter <code>containerstyle</code>.</p>
|
||||
@ -967,8 +967,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
|
||||
<link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -125,8 +125,8 @@
|
||||
|
||||
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-7613ff27b9f7f9cc48ba00cac50c4966" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7613ff27b9f7f9cc48ba00cac50c4966"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-bc832cbf95c2eb69ac41195988228cde" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc832cbf95c2eb69ac41195988228cde"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
@ -222,12 +222,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -240,6 +240,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class="active"><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -383,13 +384,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
|
||||
<link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -95,8 +95,8 @@
|
||||
|
||||
<p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-7613ff27b9f7f9cc48ba00cac50c4966" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7613ff27b9f7f9cc48ba00cac50c4966"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-bc832cbf95c2eb69ac41195988228cde" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bc832cbf95c2eb69ac41195988228cde"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
@ -111,8 +111,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
|
||||
<link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -154,8 +154,8 @@
|
||||
<h1 id="topbar-modification">Topbar Modification</h1>
|
||||
|
||||
<p>The theme comes with a reasonably configured topbar.</p>
|
||||
<p><a href="#R-image-bfff9502c39c09eee2e7be83e5444d79" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfff9502c39c09eee2e7be83e5444d79"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-df44a3bffc5fe1fbf9f4c68dc48eb211" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df44a3bffc5fe1fbf9f4c68dc48eb211"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -167,8 +167,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-e69ba9abec0d33dc19352dd2d2dbae6e" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e69ba9abec0d33dc19352dd2d2dbae6e"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-9305e09e5938581501e83333eabeeeb3" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9305e09e5938581501e83333eabeeeb3"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
|
||||
@ -204,14 +204,14 @@
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../../basics/configuration/index.html#global-site-parameters">parameter is set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../../basics/configuration/index.html">parameter is set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -567,12 +567,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -585,6 +585,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class="active"><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -728,13 +729,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
|
||||
<link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -94,8 +94,8 @@
|
||||
<h1 id="topbar-modification">Topbar Modification</h1>
|
||||
|
||||
<p>The theme comes with a reasonably configured topbar.</p>
|
||||
<p><a href="#R-image-bfff9502c39c09eee2e7be83e5444d79" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfff9502c39c09eee2e7be83e5444d79"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-df44a3bffc5fe1fbf9f4c68dc48eb211" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-df44a3bffc5fe1fbf9f4c68dc48eb211"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -107,8 +107,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-e69ba9abec0d33dc19352dd2d2dbae6e" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e69ba9abec0d33dc19352dd2d2dbae6e"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-9305e09e5938581501e83333eabeeeb3" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9305e09e5938581501e83333eabeeeb3"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
|
||||
@ -144,14 +144,14 @@
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../../basics/configuration/index.html#global-site-parameters">parameter is set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses to the editable page if the <code>editURL</code> <a href="../../basics/configuration/index.html">parameter is set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses to the chapters printable page if <a href="../../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -426,8 +426,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -82,7 +82,7 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#c">C</a></li>
|
||||
<li><a href="#b">B</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@ -125,9 +125,9 @@
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="category--custom">Category :: custom</h1>
|
||||
<h2 id="c">C</h2>
|
||||
<h2 id="b">B</h2>
|
||||
<ul class="columnize">
|
||||
<li><a href="../../basics/customization/index.html">Customization</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
<li><a href="../../basics/branding/index.html">Branding</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
</ul>
|
||||
|
||||
<footer class="footline">
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,14 +8,12 @@
|
||||
<language>en</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Customization</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</link>
|
||||
<title>Branding</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</guid>
|
||||
<description>The Relearn theme has been built to be as configurable as possible by defining multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead follow this page. You&rsquo;d create a new partial in the layouts/partials folder of your local project. This partial will have the priority.
|
||||
This theme defines the following partials :
|
||||
header.html: the header of the page.</description>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
|
||||
<description>The Relearn theme provides configuration options to change your your site&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 config.</description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524445"></script>
|
||||
<script src="../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -228,12 +228,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../js/search.js?1700469870" defer></script>
|
||||
<script src="../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -246,6 +246,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -389,13 +390,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../js/theme.js?1700469870" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -82,7 +82,7 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#c">C</a></li>
|
||||
<li><a href="#b">B</a></li>
|
||||
<li><a href="#s">S</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@ -126,9 +126,9 @@
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="category--theming">Category :: theming</h1>
|
||||
<h2 id="c">C</h2>
|
||||
<h2 id="b">B</h2>
|
||||
<ul class="columnize">
|
||||
<li><a href="../../basics/customization/index.html">Customization</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
<li><a href="../../basics/branding/index.html">Branding</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
</ul>
|
||||
<h2 id="s">S</h2>
|
||||
<ul class="columnize">
|
||||
@ -222,12 +222,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -240,6 +240,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -383,13 +384,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,14 +8,12 @@
|
||||
<language>en</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Customization</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</link>
|
||||
<title>Branding</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</guid>
|
||||
<description>The Relearn theme has been built to be as configurable as possible by defining multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, you will find all the partials defined for this theme. If you need to overwrite something, don&rsquo;t change the code directly. Instead follow this page. You&rsquo;d create a new partial in the layouts/partials folder of your local project. This partial will have the priority.
|
||||
This theme defines the following partials :
|
||||
header.html: the header of the page.</description>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</guid>
|
||||
<description>The Relearn theme provides configuration options to change your your site&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 config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Stylesheet generator</title>
|
||||
@ -23,7 +21,7 @@ header.html: the header of the page.</description>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html</guid>
|
||||
<description>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 switch in the lower left sidebar that fits you best as a starting point.
|
||||
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.</description>
|
||||
</item>
|
||||
</channel>
|
||||
|
||||
@ -75,7 +75,7 @@ themeVariant = [
|
||||
|
||||
# The color variants used for auto mode.
|
||||
# Default: [ "relearn-light", "relearn-dark" ], overwritten by the first
|
||||
# two non-auto options from themeVariant if existant.
|
||||
# two non-auto options of your `themeVariant` option if present.
|
||||
# The auto variant defines how your site adjusts to your selected OS settings
|
||||
# for light/dark mode. The first array element is the variant for light mode,
|
||||
# the second for dark mode.
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
|
||||
<link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -154,8 +154,8 @@
|
||||
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
|
||||
<h3 id="archetypes-home">Home</h3>
|
||||
<p>A <strong>Home</strong> page is the starting page of your project. It’s best to have only one page of this kind in your project.</p>
|
||||
<p><a href="#R-image-4838ef5703ee5357af674608c7111d2f" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4838ef5703ee5357af674608c7111d2f"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-e11f5c57d7d1803d838495d4d2453f6d" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e11f5c57d7d1803d838495d4d2453f6d"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a home page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -165,8 +165,8 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
|
||||
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
|
||||
<p><a href="#R-image-9f74ae2fb2977bd8485a6fd82e8287f1" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f74ae2fb2977bd8485a6fd82e8287f1"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-76d9fcf00a7558326211bb19771fd620" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-76d9fcf00a7558326211bb19771fd620"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a chapter page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter <name>/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -178,8 +178,8 @@
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this 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>
|
||||
<h3 id="archetypes-default">Default</h3>
|
||||
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
|
||||
<p><a href="#R-image-43b459a89bacb9bdac82796e4f00e2e8" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-43b459a89bacb9bdac82796e4f00e2e8"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-89245cf15e4fea54b4ceca2aa2edbaf7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-89245cf15e4fea54b4ceca2aa2edbaf7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a default page, run either one of the following commands</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>/_index.md</span></span></code></pre></div><p>or</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
@ -311,12 +311,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -329,6 +329,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -472,13 +473,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
|
||||
<link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -98,8 +98,8 @@
|
||||
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
|
||||
<h3 id="archetypes-home">Home</h3>
|
||||
<p>A <strong>Home</strong> page is the starting page of your project. It’s best to have only one page of this kind in your project.</p>
|
||||
<p><a href="#R-image-4838ef5703ee5357af674608c7111d2f" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4838ef5703ee5357af674608c7111d2f"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-e11f5c57d7d1803d838495d4d2453f6d" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e11f5c57d7d1803d838495d4d2453f6d"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a home page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -109,8 +109,8 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
|
||||
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
|
||||
<p><a href="#R-image-9f74ae2fb2977bd8485a6fd82e8287f1" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f74ae2fb2977bd8485a6fd82e8287f1"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-76d9fcf00a7558326211bb19771fd620" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-76d9fcf00a7558326211bb19771fd620"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a chapter page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter <name>/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -122,8 +122,8 @@
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this 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>
|
||||
<h3 id="archetypes-default">Default</h3>
|
||||
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
|
||||
<p><a href="#R-image-43b459a89bacb9bdac82796e4f00e2e8" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-43b459a89bacb9bdac82796e4f00e2e8"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-89245cf15e4fea54b4ceca2aa2edbaf7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-89245cf15e4fea54b4ceca2aa2edbaf7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a default page, run either one of the following commands</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>/_index.md</span></span></code></pre></div><p>or</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
@ -174,8 +174,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
|
||||
<link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -151,8 +151,8 @@
|
||||
<li>Automatic menu generation from multilingual content</li>
|
||||
<li>In-browser language switching</li>
|
||||
</ul>
|
||||
<p><a href="#R-image-5501d5063d5a5a5434456a4596220b93" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5501d5063d5a5a5434456a4596220b93"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-20bb500a2974cbce6ad7d5574e66ab21" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20bb500a2974cbce6ad7d5574e66ab21"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="basic-configuration">Basic configuration</h2>
|
||||
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
|
||||
<p>For example with current English and Piratized English website.</p>
|
||||
@ -333,12 +333,12 @@ You’ll see error reports in your browsers console log for each unsupported
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -351,6 +351,7 @@ You’ll see error reports in your browsers console log for each unsupported
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -494,13 +495,13 @@ You’ll see error reports in your browsers console log for each unsupported
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
|
||||
<link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -100,8 +100,8 @@
|
||||
<li>Automatic menu generation from multilingual content</li>
|
||||
<li>In-browser language switching</li>
|
||||
</ul>
|
||||
<p><a href="#R-image-5501d5063d5a5a5434456a4596220b93" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5501d5063d5a5a5434456a4596220b93"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-20bb500a2974cbce6ad7d5574e66ab21" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20bb500a2974cbce6ad7d5574e66ab21"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="basic-configuration">Basic configuration</h2>
|
||||
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
|
||||
<p>For example with current English and Piratized English website.</p>
|
||||
@ -201,8 +201,8 @@ You’ll see error reports in your browsers console log for each unsupported
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -32,20 +32,20 @@ Without any settings in your config.toml this defaults to">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
|
||||
<link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -153,13 +153,13 @@ Without any settings in your config.toml this defaults to">
|
||||
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="93accf9bf5908143aa7a8db2159bd80d">
|
||||
<div class="tab-panel" data-tab-group="0ef4ce4e8d1a50e93c7d2ad44678003d">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('93accf9bf5908143aa7a8db2159bd80d','configtoml')"
|
||||
onclick="switchTab('0ef4ce4e8d1a50e93c7d2ad44678003d','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -180,13 +180,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>This can be overridden in a pages frontmatter by eg.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="a6ea2aff785814f53e2c46b3d33983f3">
|
||||
<div class="tab-panel" data-tab-group="6189c302f3c4a99904fac7383c97720a">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="frontmatter"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('a6ea2aff785814f53e2c46b3d33983f3','frontmatter')"
|
||||
onclick="switchTab('6189c302f3c4a99904fac7383c97720a','frontmatter')"
|
||||
>
|
||||
<span class="tab-nav-text">frontmatter</span>
|
||||
</button>
|
||||
@ -206,13 +206,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>Or by explicitly override settings by URL query parameter</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c25cdedfc3ee003cda51c06545360abe">
|
||||
<div class="tab-panel" data-tab-group="306a9ce552a28c8226c0270ed28bbeef">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="url"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c25cdedfc3ee003cda51c06545360abe','url')"
|
||||
onclick="switchTab('306a9ce552a28c8226c0270ed28bbeef','url')"
|
||||
>
|
||||
<span class="tab-nav-text">URL</span>
|
||||
</button>
|
||||
@ -229,13 +229,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>The settings applied to the above image would be</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="3e1420749ff1680273edaf0cf655eb14">
|
||||
<div class="tab-panel" data-tab-group="1dbcd772833a6f1b6b6fd076b0711f84">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="result"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('3e1420749ff1680273edaf0cf655eb14','result')"
|
||||
onclick="switchTab('1dbcd772833a6f1b6b6fd076b0711f84','result')"
|
||||
>
|
||||
<span class="tab-nav-text">Result</span>
|
||||
</button>
|
||||
@ -255,13 +255,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="fc75a1dcd6687a1241170c2b9e9a31a2">
|
||||
<div class="tab-panel" data-tab-group="18ed09fc275c2bb641a49927387fb76b">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="html"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('fc75a1dcd6687a1241170c2b9e9a31a2','html')"
|
||||
onclick="switchTab('18ed09fc275c2bb641a49927387fb76b','html')"
|
||||
>
|
||||
<span class="tab-nav-text">HTML</span>
|
||||
</button>
|
||||
@ -374,12 +374,12 @@ Without any settings in your config.toml this defaults to">
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524445" defer></script>
|
||||
<script src="../../js/search.js?1700524445" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -392,6 +392,7 @@ Without any settings in your config.toml this defaults to">
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -535,13 +536,13 @@ Without any settings in your config.toml this defaults to">
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524445"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524445" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524445" defer></script>
|
||||
<script src="../../js/theme.js?1700524445" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -32,21 +32,21 @@ Without any settings in your config.toml this defaults to">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
|
||||
<link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -109,13 +109,13 @@ Without any settings in your config.toml this defaults to">
|
||||
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="93accf9bf5908143aa7a8db2159bd80d">
|
||||
<div class="tab-panel" data-tab-group="0ef4ce4e8d1a50e93c7d2ad44678003d">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('93accf9bf5908143aa7a8db2159bd80d','configtoml')"
|
||||
onclick="switchTab('0ef4ce4e8d1a50e93c7d2ad44678003d','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -136,13 +136,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>This can be overridden in a pages frontmatter by eg.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="a6ea2aff785814f53e2c46b3d33983f3">
|
||||
<div class="tab-panel" data-tab-group="6189c302f3c4a99904fac7383c97720a">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="frontmatter"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('a6ea2aff785814f53e2c46b3d33983f3','frontmatter')"
|
||||
onclick="switchTab('6189c302f3c4a99904fac7383c97720a','frontmatter')"
|
||||
>
|
||||
<span class="tab-nav-text">frontmatter</span>
|
||||
</button>
|
||||
@ -162,13 +162,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>Or by explicitly override settings by URL query parameter</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c25cdedfc3ee003cda51c06545360abe">
|
||||
<div class="tab-panel" data-tab-group="306a9ce552a28c8226c0270ed28bbeef">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="url"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c25cdedfc3ee003cda51c06545360abe','url')"
|
||||
onclick="switchTab('306a9ce552a28c8226c0270ed28bbeef','url')"
|
||||
>
|
||||
<span class="tab-nav-text">URL</span>
|
||||
</button>
|
||||
@ -185,13 +185,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>The settings applied to the above image would be</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="3e1420749ff1680273edaf0cf655eb14">
|
||||
<div class="tab-panel" data-tab-group="1dbcd772833a6f1b6b6fd076b0711f84">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="result"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('3e1420749ff1680273edaf0cf655eb14','result')"
|
||||
onclick="switchTab('1dbcd772833a6f1b6b6fd076b0711f84','result')"
|
||||
>
|
||||
<span class="tab-nav-text">Result</span>
|
||||
</button>
|
||||
@ -211,13 +211,13 @@ Without any settings in your config.toml this defaults to">
|
||||
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="fc75a1dcd6687a1241170c2b9e9a31a2">
|
||||
<div class="tab-panel" data-tab-group="18ed09fc275c2bb641a49927387fb76b">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="html"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('fc75a1dcd6687a1241170c2b9e9a31a2','html')"
|
||||
onclick="switchTab('18ed09fc275c2bb641a49927387fb76b','html')"
|
||||
>
|
||||
<span class="tab-nav-text">HTML</span>
|
||||
</button>
|
||||
@ -249,8 +249,8 @@ Without any settings in your config.toml this defaults to">
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
|
||||
<link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524445"></script>
|
||||
<script src="../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -222,12 +222,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../js/search.js?1700469870" defer></script>
|
||||
<script src="../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -240,6 +240,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -383,13 +384,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../js/theme.js?1700469870" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
|
||||
<link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524446"></script>
|
||||
<script src="../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -182,8 +182,8 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">"GitHub repo"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">"<i class='fab fa-github'></i> "</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-03424aeccf08dd11eccad1220a028cb1" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03424aeccf08dd11eccad1220a028cb1"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-296008f571611fa5faac66db7a1f73a9" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-296008f571611fa5faac66db7a1f73a9"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
|
||||
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
|
||||
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
|
||||
@ -231,8 +231,8 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
|
||||
<h3 id="archetypes-home">Home</h3>
|
||||
<p>A <strong>Home</strong> page is the starting page of your project. It’s best to have only one page of this kind in your project.</p>
|
||||
<p><a href="#R-image-4838ef5703ee5357af674608c7111d2f" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4838ef5703ee5357af674608c7111d2f"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-e11f5c57d7d1803d838495d4d2453f6d" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e11f5c57d7d1803d838495d4d2453f6d"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a home page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -242,8 +242,8 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
|
||||
<p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
|
||||
<p><a href="#R-image-9f74ae2fb2977bd8485a6fd82e8287f1" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f74ae2fb2977bd8485a6fd82e8287f1"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-76d9fcf00a7558326211bb19771fd620" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-76d9fcf00a7558326211bb19771fd620"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a chapter page, run the following command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter <name>/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -255,8 +255,8 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this 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>
|
||||
<h3 id="archetypes-default">Default</h3>
|
||||
<p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
|
||||
<p><a href="#R-image-43b459a89bacb9bdac82796e4f00e2e8" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-43b459a89bacb9bdac82796e4f00e2e8"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-89245cf15e4fea54b4ceca2aa2edbaf7" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-89245cf15e4fea54b4ceca2aa2edbaf7"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>To create a default page, run either one of the following commands</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>/_index.md</span></span></code></pre></div><p>or</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
|
||||
@ -828,8 +828,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-fcd3ee6ccd8f106fee4fcb318d83b27c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcd3ee6ccd8f106fee4fcb318d83b27c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-2b56896a6d19d0fb6487831ea2a59dfd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b56896a6d19d0fb6487831ea2a59dfd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-with-tooltip">Image with Tooltip</h3>
|
||||
@ -839,8 +839,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a210dc93774c76765245070fc967d2a2" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a210dc93774c76765245070fc967d2a2"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-references">Image References</h3>
|
||||
@ -852,8 +852,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7e012b52333707859b834ed66db8f836" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7e012b52333707859b834ed66db8f836"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-935466eeb2fd25fbf29161aa41962094" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-935466eeb2fd25fbf29161aa41962094"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-effects">Image Effects</h3>
|
||||
@ -865,8 +865,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-ff5e51b51343acc5bf4ed1de5e10eb8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff5e51b51343acc5bf4ed1de5e10eb8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-55d253ad9d95a45f603c020405bd092c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-55d253ad9d95a45f603c020405bd092c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
|
||||
@ -874,8 +874,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-1abc8dd794b7cfc030d3007fd3644553" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1abc8dd794b7cfc030d3007fd3644553"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-815e63be5aaed82506b11ae2e226f8df" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-815e63be5aaed82506b11ae2e226f8df"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&width=40vw</span>)</span></span></code></pre></div>
|
||||
@ -883,8 +883,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a437044f501c8a6e1847532e35834f84" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a437044f501c8a6e1847532e35834f84"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-528e6fa0f59936530fcea2cf83d4645d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-528e6fa0f59936530fcea2cf83d4645d"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="css-classes">CSS Classes</h4>
|
||||
@ -895,8 +895,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-0756eeeecadaaa58ecb2566df2046b0d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0756eeeecadaaa58ecb2566df2046b0d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-29998fd67d644848ea318f8d1d4e01f3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-29998fd67d644848ea318f8d1d4e01f3"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="border">Border</h5>
|
||||
@ -905,8 +905,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-71456cfb84de1f26a46283f2f930f584" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-71456cfb84de1f26a46283f2f930f584"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-638868365ccbedcffbbda1f2d6b96f83" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-638868365ccbedcffbbda1f2d6b96f83"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="left">Left</h5>
|
||||
@ -915,8 +915,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-860d1c6b088c0df16d21deba1be219f9" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-860d1c6b088c0df16d21deba1be219f9"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-77b912cf03dbb3322aa7c9fff366ca2f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-77b912cf03dbb3322aa7c9fff366ca2f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="right">Right</h5>
|
||||
@ -925,8 +925,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-c4083d9c91ffe3bab3e1ed288ce792e8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4083d9c91ffe3bab3e1ed288ce792e8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8089f25462c8d7d910b8733199c604e4" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8089f25462c8d7d910b8733199c604e4"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="inline">Inline</h5>
|
||||
@ -938,14 +938,14 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a4f83acbd84aaf9e50693fa31adb073a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4f83acbd84aaf9e50693fa31adb073a"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-edbe9b42d485c2a8816c956d066b6d29" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-edbe9b42d485c2a8816c956d066b6d29"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-20f4a1fece5f8b2824dad7ef88750e47" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20f4a1fece5f8b2824dad7ef88750e47"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-7c0b4246606ad83abf902ded5ed8d366" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c0b4246606ad83abf902ded5ed8d366"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4285e1f0c2a38ba37ca05abcb341a630" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4285e1f0c2a38ba37ca05abcb341a630"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-340472a7ccb63167591aa3d1c660f544" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-340472a7ccb63167591aa3d1c660f544"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-59293602f9e66cf3e8ecb3616560b821" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-59293602f9e66cf3e8ecb3616560b821"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-f78119b3383f572da2d8d90e291f1a36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f78119b3383f572da2d8d90e291f1a36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="combination">Combination</h5>
|
||||
@ -954,8 +954,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7c12369acf0897a8ee81804ec2ca1408" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c12369acf0897a8ee81804ec2ca1408"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-477689561577084f327bc21a53f76768" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-477689561577084f327bc21a53f76768"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="lightbox">Lightbox</h4>
|
||||
@ -994,13 +994,13 @@ line 3 of code
|
||||
<p>Without any settings in your <code>config.toml</code> this defaults to</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="93accf9bf5908143aa7a8db2159bd80d">
|
||||
<div class="tab-panel" data-tab-group="0ef4ce4e8d1a50e93c7d2ad44678003d">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('93accf9bf5908143aa7a8db2159bd80d','configtoml')"
|
||||
onclick="switchTab('0ef4ce4e8d1a50e93c7d2ad44678003d','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -1021,13 +1021,13 @@ line 3 of code
|
||||
</div><p>This can be overridden in a pages frontmatter by eg.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="a6ea2aff785814f53e2c46b3d33983f3">
|
||||
<div class="tab-panel" data-tab-group="6189c302f3c4a99904fac7383c97720a">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="frontmatter"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('a6ea2aff785814f53e2c46b3d33983f3','frontmatter')"
|
||||
onclick="switchTab('6189c302f3c4a99904fac7383c97720a','frontmatter')"
|
||||
>
|
||||
<span class="tab-nav-text">frontmatter</span>
|
||||
</button>
|
||||
@ -1047,13 +1047,13 @@ line 3 of code
|
||||
</div><p>Or by explicitly override settings by URL query parameter</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c25cdedfc3ee003cda51c06545360abe">
|
||||
<div class="tab-panel" data-tab-group="306a9ce552a28c8226c0270ed28bbeef">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="url"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c25cdedfc3ee003cda51c06545360abe','url')"
|
||||
onclick="switchTab('306a9ce552a28c8226c0270ed28bbeef','url')"
|
||||
>
|
||||
<span class="tab-nav-text">URL</span>
|
||||
</button>
|
||||
@ -1070,13 +1070,13 @@ line 3 of code
|
||||
</div><p>The settings applied to the above image would be</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="3e1420749ff1680273edaf0cf655eb14">
|
||||
<div class="tab-panel" data-tab-group="1dbcd772833a6f1b6b6fd076b0711f84">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="result"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('3e1420749ff1680273edaf0cf655eb14','result')"
|
||||
onclick="switchTab('1dbcd772833a6f1b6b6fd076b0711f84','result')"
|
||||
>
|
||||
<span class="tab-nav-text">Result</span>
|
||||
</button>
|
||||
@ -1096,13 +1096,13 @@ line 3 of code
|
||||
</div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="fc75a1dcd6687a1241170c2b9e9a31a2">
|
||||
<div class="tab-panel" data-tab-group="18ed09fc275c2bb641a49927387fb76b">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="html"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('fc75a1dcd6687a1241170c2b9e9a31a2','html')"
|
||||
onclick="switchTab('18ed09fc275c2bb641a49927387fb76b','html')"
|
||||
>
|
||||
<span class="tab-nav-text">HTML</span>
|
||||
</button>
|
||||
@ -1277,8 +1277,8 @@ However, if you want to keep the title but change its value, it can be overridde
|
||||
<li>Automatic menu generation from multilingual content</li>
|
||||
<li>In-browser language switching</li>
|
||||
</ul>
|
||||
<p><a href="#R-image-5501d5063d5a5a5434456a4596220b93" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5501d5063d5a5a5434456a4596220b93"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-20bb500a2974cbce6ad7d5574e66ab21" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20bb500a2974cbce6ad7d5574e66ab21"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="basic-configuration">Basic configuration</h2>
|
||||
<p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
|
||||
<p>For example with current English and Piratized English website.</p>
|
||||
@ -1468,8 +1468,8 @@ You’ll see error reports in your browsers console log for each unsupported
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../js/theme.js?1700469871" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,20 +30,20 @@ Markdown is simple to learn, with minimal extra characters so it’s also qu
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
|
||||
<link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -711,8 +711,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-fcd3ee6ccd8f106fee4fcb318d83b27c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcd3ee6ccd8f106fee4fcb318d83b27c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-2b56896a6d19d0fb6487831ea2a59dfd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b56896a6d19d0fb6487831ea2a59dfd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-with-tooltip">Image with Tooltip</h3>
|
||||
@ -722,8 +722,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a210dc93774c76765245070fc967d2a2" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a210dc93774c76765245070fc967d2a2"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-references">Image References</h3>
|
||||
@ -735,8 +735,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7e012b52333707859b834ed66db8f836" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7e012b52333707859b834ed66db8f836"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-935466eeb2fd25fbf29161aa41962094" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-935466eeb2fd25fbf29161aa41962094"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-effects">Image Effects</h3>
|
||||
@ -748,8 +748,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-ff5e51b51343acc5bf4ed1de5e10eb8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff5e51b51343acc5bf4ed1de5e10eb8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-55d253ad9d95a45f603c020405bd092c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-55d253ad9d95a45f603c020405bd092c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
|
||||
@ -757,8 +757,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-1abc8dd794b7cfc030d3007fd3644553" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1abc8dd794b7cfc030d3007fd3644553"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-815e63be5aaed82506b11ae2e226f8df" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-815e63be5aaed82506b11ae2e226f8df"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&width=40vw</span>)</span></span></code></pre></div>
|
||||
@ -766,8 +766,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a437044f501c8a6e1847532e35834f84" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a437044f501c8a6e1847532e35834f84"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-528e6fa0f59936530fcea2cf83d4645d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-528e6fa0f59936530fcea2cf83d4645d"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="css-classes">CSS Classes</h4>
|
||||
@ -778,8 +778,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-0756eeeecadaaa58ecb2566df2046b0d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0756eeeecadaaa58ecb2566df2046b0d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-29998fd67d644848ea318f8d1d4e01f3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-29998fd67d644848ea318f8d1d4e01f3"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="border">Border</h5>
|
||||
@ -788,8 +788,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-71456cfb84de1f26a46283f2f930f584" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-71456cfb84de1f26a46283f2f930f584"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-638868365ccbedcffbbda1f2d6b96f83" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-638868365ccbedcffbbda1f2d6b96f83"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="left">Left</h5>
|
||||
@ -798,8 +798,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-860d1c6b088c0df16d21deba1be219f9" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-860d1c6b088c0df16d21deba1be219f9"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-77b912cf03dbb3322aa7c9fff366ca2f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-77b912cf03dbb3322aa7c9fff366ca2f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="right">Right</h5>
|
||||
@ -808,8 +808,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-c4083d9c91ffe3bab3e1ed288ce792e8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4083d9c91ffe3bab3e1ed288ce792e8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8089f25462c8d7d910b8733199c604e4" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8089f25462c8d7d910b8733199c604e4"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="inline">Inline</h5>
|
||||
@ -821,14 +821,14 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a4f83acbd84aaf9e50693fa31adb073a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4f83acbd84aaf9e50693fa31adb073a"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-edbe9b42d485c2a8816c956d066b6d29" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-edbe9b42d485c2a8816c956d066b6d29"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-20f4a1fece5f8b2824dad7ef88750e47" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20f4a1fece5f8b2824dad7ef88750e47"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-7c0b4246606ad83abf902ded5ed8d366" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c0b4246606ad83abf902ded5ed8d366"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4285e1f0c2a38ba37ca05abcb341a630" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4285e1f0c2a38ba37ca05abcb341a630"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-340472a7ccb63167591aa3d1c660f544" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-340472a7ccb63167591aa3d1c660f544"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-59293602f9e66cf3e8ecb3616560b821" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-59293602f9e66cf3e8ecb3616560b821"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-f78119b3383f572da2d8d90e291f1a36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f78119b3383f572da2d8d90e291f1a36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="combination">Combination</h5>
|
||||
@ -837,8 +837,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7c12369acf0897a8ee81804ec2ca1408" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c12369acf0897a8ee81804ec2ca1408"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-477689561577084f327bc21a53f76768" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-477689561577084f327bc21a53f76768"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="lightbox">Lightbox</h4>
|
||||
@ -949,12 +949,12 @@ line 3 of code
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524445" defer></script>
|
||||
<script src="../../js/search.js?1700524445" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -967,6 +967,7 @@ line 3 of code
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -1110,13 +1111,13 @@ line 3 of code
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524445"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524445" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524445" defer></script>
|
||||
<script src="../../js/theme.js?1700524445" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,21 +30,21 @@ Markdown is simple to learn, with minimal extra characters so it’s also qu
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
|
||||
<link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -619,8 +619,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-fcd3ee6ccd8f106fee4fcb318d83b27c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcd3ee6ccd8f106fee4fcb318d83b27c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-2b56896a6d19d0fb6487831ea2a59dfd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2b56896a6d19d0fb6487831ea2a59dfd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-with-tooltip">Image with Tooltip</h3>
|
||||
@ -630,8 +630,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a210dc93774c76765245070fc967d2a2" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a210dc93774c76765245070fc967d2a2"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3d3eb8c8c5974a7fc40ed81365c1d6b0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-references">Image References</h3>
|
||||
@ -643,8 +643,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7e012b52333707859b834ed66db8f836" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7e012b52333707859b834ed66db8f836"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-935466eeb2fd25fbf29161aa41962094" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-935466eeb2fd25fbf29161aa41962094"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="image-effects">Image Effects</h3>
|
||||
@ -656,8 +656,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-ff5e51b51343acc5bf4ed1de5e10eb8a" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ff5e51b51343acc5bf4ed1de5e10eb8a"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-55d253ad9d95a45f603c020405bd092c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-55d253ad9d95a45f603c020405bd092c"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
|
||||
@ -665,8 +665,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-1abc8dd794b7cfc030d3007fd3644553" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1abc8dd794b7cfc030d3007fd3644553"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-815e63be5aaed82506b11ae2e226f8df" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-815e63be5aaed82506b11ae2e226f8df"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&width=40vw</span>)</span></span></code></pre></div>
|
||||
@ -674,8 +674,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a437044f501c8a6e1847532e35834f84" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a437044f501c8a6e1847532e35834f84"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-528e6fa0f59936530fcea2cf83d4645d" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-528e6fa0f59936530fcea2cf83d4645d"><img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="css-classes">CSS Classes</h4>
|
||||
@ -686,8 +686,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-0756eeeecadaaa58ecb2566df2046b0d" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0756eeeecadaaa58ecb2566df2046b0d"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-29998fd67d644848ea318f8d1d4e01f3" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-29998fd67d644848ea318f8d1d4e01f3"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="border">Border</h5>
|
||||
@ -696,8 +696,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-71456cfb84de1f26a46283f2f930f584" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-71456cfb84de1f26a46283f2f930f584"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-638868365ccbedcffbbda1f2d6b96f83" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-638868365ccbedcffbbda1f2d6b96f83"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="left">Left</h5>
|
||||
@ -706,8 +706,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-860d1c6b088c0df16d21deba1be219f9" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-860d1c6b088c0df16d21deba1be219f9"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-77b912cf03dbb3322aa7c9fff366ca2f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-77b912cf03dbb3322aa7c9fff366ca2f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="right">Right</h5>
|
||||
@ -716,8 +716,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-c4083d9c91ffe3bab3e1ed288ce792e8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-c4083d9c91ffe3bab3e1ed288ce792e8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8089f25462c8d7d910b8733199c604e4" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8089f25462c8d7d910b8733199c604e4"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="inline">Inline</h5>
|
||||
@ -729,14 +729,14 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-a4f83acbd84aaf9e50693fa31adb073a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4f83acbd84aaf9e50693fa31adb073a"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-edbe9b42d485c2a8816c956d066b6d29" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-edbe9b42d485c2a8816c956d066b6d29"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-20f4a1fece5f8b2824dad7ef88750e47" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-20f4a1fece5f8b2824dad7ef88750e47"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-7c0b4246606ad83abf902ded5ed8d366" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c0b4246606ad83abf902ded5ed8d366"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4285e1f0c2a38ba37ca05abcb341a630" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4285e1f0c2a38ba37ca05abcb341a630"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-340472a7ccb63167591aa3d1c660f544" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-340472a7ccb63167591aa3d1c660f544"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-59293602f9e66cf3e8ecb3616560b821" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-59293602f9e66cf3e8ecb3616560b821"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
|
||||
<a href="#R-image-f78119b3383f572da2d8d90e291f1a36" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f78119b3383f572da2d8d90e291f1a36"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h5 id="combination">Combination</h5>
|
||||
@ -745,8 +745,8 @@ line 3 of code
|
||||
<div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p><a href="#R-image-7c12369acf0897a8ee81804ec2ca1408" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7c12369acf0897a8ee81804ec2ca1408"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-477689561577084f327bc21a53f76768" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-477689561577084f327bc21a53f76768"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<h4 id="lightbox">Lightbox</h4>
|
||||
@ -776,8 +776,8 @@ line 3 of code
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,20 +30,20 @@ Example from the current website:
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
|
||||
<link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -359,12 +359,12 @@ However, if you want to keep the title but change its value, it can be overridde
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524445" defer></script>
|
||||
<script src="../../js/search.js?1700524445" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -377,6 +377,7 @@ However, if you want to keep the title but change its value, it can be overridde
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -520,13 +521,13 @@ However, if you want to keep the title but change its value, it can be overridde
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524445"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524445" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524445" defer></script>
|
||||
<script src="../../js/theme.js?1700524445" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,21 +30,21 @@ Example from the current website:
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
|
||||
<link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -232,8 +232,8 @@ However, if you want to keep the title but change its value, it can be overridde
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
|
||||
<link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -223,8 +223,8 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">"GitHub repo"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">"<i class='fab fa-github'></i> "</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-03424aeccf08dd11eccad1220a028cb1" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03424aeccf08dd11eccad1220a028cb1"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-296008f571611fa5faac66db7a1f73a9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-296008f571611fa5faac66db7a1f73a9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
|
||||
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
|
||||
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
|
||||
@ -346,12 +346,12 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -364,6 +364,7 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -507,13 +508,13 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
|
||||
<link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -169,8 +169,8 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">"GitHub repo"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">"<i class='fab fa-github'></i> "</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-03424aeccf08dd11eccad1220a028cb1" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-03424aeccf08dd11eccad1220a028cb1"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-296008f571611fa5faac66db7a1f73a9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-296008f571611fa5faac66db7a1f73a9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
|
||||
<p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
|
||||
<p>The simplest way is to set <code>weight</code> parameter to a number.</p>
|
||||
@ -211,8 +211,8 @@ We’ve added the <code>menuTitle</code> parameter for that purpose:</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,20 +30,20 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
|
||||
<link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -319,12 +319,12 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524445" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524445" defer></script>
|
||||
<script src="../../js/search.js?1700524445" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -337,6 +337,7 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -480,13 +481,13 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524445"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524445" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524445" defer></script>
|
||||
<script src="../../js/theme.js?1700524445" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -30,21 +30,21 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
|
||||
<link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -187,8 +187,8 @@ The categories are displayed at the bottom of the page in alphabetical order in
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -343,12 +343,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -361,6 +361,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -508,13 +509,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,21 +22,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,8 +217,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524445"></script>
|
||||
<script src="../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -228,12 +228,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../js/search.js?1700469870" defer></script>
|
||||
<script src="../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -246,6 +246,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -393,13 +394,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../js/theme.js?1700469870" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,21 +22,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469870"></script>
|
||||
<script src="../js/variant.js?1700469870"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524446"></script>
|
||||
<script src="../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -477,8 +477,8 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
|
||||
<p><a href="#R-image-128e7ae10af7b84b4b49fd0d50a5b36e" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-128e7ae10af7b84b4b49fd0d50a5b36e"><img src="../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-dabc3768631fbb9cb0eef427ade5d0b5" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dabc3768631fbb9cb0eef427ade5d0b5"><img src="../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="hero-image">Hero Image</h2>
|
||||
<p><strong>Content</strong>:</p>
|
||||
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
|
||||
@ -507,11 +507,11 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
|
||||
<p><a href="#R-image-0750ea43661f2a2b934bed5158bb2aed" class="lightbox-link"><img src="../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0750ea43661f2a2b934bed5158bb2aed"><img src="../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8b0d5351822508f14a83c3479ee23ef2" class="lightbox-link"><img src="../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8b0d5351822508f14a83c3479ee23ef2"><img src="../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
|
||||
<p><a href="#R-image-981ceca13a9e227af3ee0d118d675adb" class="lightbox-link"><img src="../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-981ceca13a9e227af3ee0d118d675adb"><img src="../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-7ed62a870f4109a1905a7e47aa440eb9" class="lightbox-link"><img src="../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7ed62a870f4109a1905a7e47aa440eb9"><img src="../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
@ -521,8 +521,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../js/theme.js?1700469871" defer></script>
|
||||
<script src="../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -434,12 +434,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -452,6 +452,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -599,13 +600,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,21 +22,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -297,8 +297,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -169,8 +169,8 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
|
||||
<p><a href="#R-image-128e7ae10af7b84b4b49fd0d50a5b36e" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-128e7ae10af7b84b4b49fd0d50a5b36e"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-dabc3768631fbb9cb0eef427ade5d0b5" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dabc3768631fbb9cb0eef427ade5d0b5"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="hero-image">Hero Image</h2>
|
||||
<p><strong>Content</strong>:</p>
|
||||
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
|
||||
@ -199,11 +199,11 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
|
||||
<p><a href="#R-image-0750ea43661f2a2b934bed5158bb2aed" class="lightbox-link"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0750ea43661f2a2b934bed5158bb2aed"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8b0d5351822508f14a83c3479ee23ef2" class="lightbox-link"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8b0d5351822508f14a83c3479ee23ef2"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
|
||||
<p><a href="#R-image-981ceca13a9e227af3ee0d118d675adb" class="lightbox-link"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-981ceca13a9e227af3ee0d118d675adb"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-7ed62a870f4109a1905a7e47aa440eb9" class="lightbox-link"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7ed62a870f4109a1905a7e47aa440eb9"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
@ -293,12 +293,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -311,6 +311,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -458,13 +459,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,21 +22,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -123,8 +123,8 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
|
||||
<p><a href="#R-image-128e7ae10af7b84b4b49fd0d50a5b36e" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-128e7ae10af7b84b4b49fd0d50a5b36e"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-dabc3768631fbb9cb0eef427ade5d0b5" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-dabc3768631fbb9cb0eef427ade5d0b5"><img src="../../images/screenshot.png?width=100%25&height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="hero-image">Hero Image</h2>
|
||||
<p><strong>Content</strong>:</p>
|
||||
<p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
|
||||
@ -153,11 +153,11 @@
|
||||
<p><strong>Remarks</strong>:</p>
|
||||
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo’s theme site builder.</p>
|
||||
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
|
||||
<p><a href="#R-image-0750ea43661f2a2b934bed5158bb2aed" class="lightbox-link"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0750ea43661f2a2b934bed5158bb2aed"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8b0d5351822508f14a83c3479ee23ef2" class="lightbox-link"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8b0d5351822508f14a83c3479ee23ef2"><img src="../../images/hero.png?width=100%25&height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
|
||||
<p><a href="#R-image-981ceca13a9e227af3ee0d118d675adb" class="lightbox-link"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-981ceca13a9e227af3ee0d118d675adb"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-7ed62a870f4109a1905a7e47aa440eb9" class="lightbox-link"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-7ed62a870f4109a1905a7e47aa440eb9"><img src="../../images/tn.png?width=100%25&height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
@ -166,8 +166,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -102,6 +102,12 @@
|
||||
<xhtml:link rel="alternate" hreflang="en" href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" />
|
||||
<xhtml:link rel="alternate" hreflang="pir" href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" />
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html</loc>
|
||||
<xhtml:link rel="alternate" hreflang="x-default" href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html" />
|
||||
<xhtml:link rel="alternate" hreflang="en" href="https://McShelby.github.io/hugo-theme-relearn/basics/branding/index.html" />
|
||||
<xhtml:link rel="alternate" hreflang="pir" href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" />
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html</loc>
|
||||
<xhtml:link rel="alternate" hreflang="x-default" href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" />
|
||||
|
||||
61
index.html
61
index.html
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
|
||||
<link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
|
||||
<link href="./images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="./images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="./css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="./css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="./css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="./css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="./css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="./js/url.js?1700469870"></script>
|
||||
<script src="./js/variant.js?1700469870"></script>
|
||||
<link href="./css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="./css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="./css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="./css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="./css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="./js/url.js?1700524445"></script>
|
||||
<script src="./js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -142,8 +142,8 @@
|
||||
|
||||
<p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
|
||||
<p><a href="./basics/migration/index.html">★ What’s new in the latest release ★</a></p>
|
||||
<p><a href="#R-image-6154a57193114cc7ca8f1e8fc36facd5" class="lightbox-link"><img src="images/hero.png?width=100%25&height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-6154a57193114cc7ca8f1e8fc36facd5"><img src="images/hero.png?width=100%25&height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-efb9d3a35ea3d327609d5a680fc2211f" class="lightbox-link"><img src="images/hero.png?width=100%25&height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-efb9d3a35ea3d327609d5a680fc2211f"><img src="images/hero.png?width=100%25&height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<h2 id="motivation">Motivation</h2>
|
||||
<p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adapting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
|
||||
<h2 id="features">Features</h2>
|
||||
@ -153,10 +153,10 @@
|
||||
<li>Responsive design for mobile usage</li>
|
||||
<li>Looks nice on paper (if it has to)</li>
|
||||
<li>Usable offline, no external dependencies</li>
|
||||
<li><a href="./basics/configuration/index.html#serving-your-page-from-the-filesystem">Usable from your local file system via <code>file://</code> protocol</a></li>
|
||||
<li><a href="./basics/customization/index.html#serving-your-page-from-the-filesystem">Usable from your local file system via <code>file://</code> protocol</a></li>
|
||||
<li>Support for the <a href="https://github.com/estruyf/vscode-front-matter" target="_blank">VSCode Front Matter extension</a> for on-premise CMS capabilities</li>
|
||||
<li>Support for Internet Explorer 11</li>
|
||||
<li><a href="./basics/configuration/index.html#social-media-meta-tags">Support for Open Graph and Twitter Cards</a></li>
|
||||
<li><a href="./basics/customization/index.html#social-media-meta-tags">Support for Open Graph and Twitter Cards</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><strong>Configurable theming and visuals</strong>
|
||||
@ -171,10 +171,10 @@
|
||||
</li>
|
||||
<li><strong>Unique theme features</strong>
|
||||
<ul>
|
||||
<li><a href="./basics/configuration/index.html#activate-print-support">Print whole chapters or even the complete site</a></li>
|
||||
<li><a href="./basics/customization/index.html#activate-print-support">Print whole chapters or even the complete site</a></li>
|
||||
<li>In page search</li>
|
||||
<li><a href="./basics/configuration/index.html#activate-search">Site search</a></li>
|
||||
<li><a href="./basics/configuration/index.html#activate-dedicated-search-page">Dedicated search page</a></li>
|
||||
<li><a href="./basics/customization/index.html#activate-search">Site search</a></li>
|
||||
<li><a href="./basics/customization/index.html#activate-dedicated-search-page">Dedicated search page</a></li>
|
||||
<li><a href="./cont/taxonomy/index.html">Taxonomy support</a></li>
|
||||
<li><a href="./basics/topbar/index.html">Configurable topbar buttons</a></li>
|
||||
<li><a href="./cont/pages/index.html">Unlimited nested menu items</a></li>
|
||||
@ -318,12 +318,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="./js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="./js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="./js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="./js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="./js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="./js/search.js?1700469870" defer></script>
|
||||
<script src="./js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="./js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="./js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="./js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="./js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="./js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -336,6 +336,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="./basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="./basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="./basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="./basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="./basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="./basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="./basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -479,13 +480,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="./js/github-buttons.js?1700469870"></script>
|
||||
<script async src="./js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="./js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="./js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="./js/theme.js?1700469870" defer></script>
|
||||
<script src="./js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="./js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="./js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
629
index.print.html
629
index.print.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
|
||||
<link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524445" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524445" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524445" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524445" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524445" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524445" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524445"></script>
|
||||
<script src="../../js/variant.js?1700524445"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -284,12 +284,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469870" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469870" defer></script>
|
||||
<script src="../../js/search.js?1700469870" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524446" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524446" defer></script>
|
||||
<script src="../../js/search.js?1700524446" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -302,6 +302,7 @@
|
||||
<li data-nav-id="/basics/requirements/index.html" class=""><a class="padding" href="../../basics/requirements/index.html">Requirements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/installation/index.html" class=""><a class="padding" href="../../basics/installation/index.html">Installation<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/configuration/index.html" class=""><a class="padding" href="../../basics/configuration/index.html">Configuration<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/branding/index.html" class=""><a class="padding" href="../../basics/branding/index.html">Branding<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/customization/index.html" class=""><a class="padding" href="../../basics/customization/index.html">Customization<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/generator/index.html" class=""><a class="padding" href="../../basics/generator/index.html">Stylesheet generator<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/basics/topbar/index.html" class=""><a class="padding" href="../../basics/topbar/index.html">Topbar Modification<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -445,13 +446,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469870"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524446"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469870" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469870" defer></script>
|
||||
<script src="../../js/theme.js?1700469870" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
|
||||
<link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
|
||||
<link href="../../images/logo.svg?1700469870" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524445" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469870" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469870" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469870" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469870" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469870" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469870" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469870"></script>
|
||||
<script src="../../js/variant.js?1700469870"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524446" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524446" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524446" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524446" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524446" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524446" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524446"></script>
|
||||
<script src="../../js/variant.js?1700524446"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -156,8 +156,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469871" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469871" defer></script>
|
||||
<script src="../../js/theme.js?1700469871" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524446" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524446" defer></script>
|
||||
<script src="../../js/theme.js?1700524446" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
26
pir/404.html
26
pir/404.html
@ -19,20 +19,20 @@
|
||||
<meta property="og:site_name" content="Cap'n Hugo Relearrrn Theme">
|
||||
<title>404 Page not found :: Cap'n Hugo Relearrrn Theme</title>
|
||||
<base href="https://McShelby.github.io/hugo-theme-relearn/">
|
||||
<link href="../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../js/url.js?1700469871"></script>
|
||||
<script src="../js/variant.js?1700469871"></script>
|
||||
<link href="../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../js/url.js?1700524447"></script>
|
||||
<script src="../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
|
||||
512
pir/basics/branding/index.html
Normal file
512
pir/basics/branding/index.html
Normal file
@ -0,0 +1,512 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pir" dir="rtl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<meta name="generator" content="Hugo 0.120.4">
|
||||
<meta name="generator" content="Relearn 5.23.2+tip">
|
||||
<meta name="description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta name="author" content="Sören Weber">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
|
||||
<meta name="twitter:title" content="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta property="og:title" content="Brrrand'n :: Cap'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/branding/index.html">
|
||||
<meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
|
||||
<meta property="og:site_name" content="Cap'n Hugo Relearrrn Theme">
|
||||
<title>Brrrand'n :: Cap'n Hugo Relearrrn 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="pir">
|
||||
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/branding/index.print.html" rel="alternate" type="text/html" title="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
window.index_js_url="../../../pir/index.search.js";
|
||||
var root_url="../../../";
|
||||
var baseUri=root_url.replace(/\/$/, '');
|
||||
window.relearn = window.relearn || {};
|
||||
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
|
||||
// variant stuff
|
||||
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
|
||||
// translations
|
||||
window.T_Copy_to_clipboard = `Copy t' clipboard`;
|
||||
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
|
||||
window.T_Copy_link_to_clipboard = `Copy link t' clipboard`;
|
||||
window.T_Link_copied_to_clipboard = `Copied link t' clipboard!`;
|
||||
window.T_Reset_view = `Rrreset view`;
|
||||
window.T_View_reset = `View rrreset!`;
|
||||
window.T_No_results_found = `No rrresults found fer "{0}"`;
|
||||
window.T_N_results_found = `{1} rrresults found fer "{0}"`;
|
||||
</script>
|
||||
<style>
|
||||
#R-body img.bg-white {
|
||||
background-color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/branding/index.html">
|
||||
<div id="R-body" class="default-animation">
|
||||
<div id="R-body-overlay"></div>
|
||||
<nav id="R-topbar">
|
||||
<div class="topbar-wrapper">
|
||||
<div class="topbar-sidebar-divider"></div>
|
||||
<div class="topbar-area topbar-area-start" data-area="start">
|
||||
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
|
||||
<button class="topbar-control" onclick="toggleNav()" type="button" title="Menu (CTRL+ALT+n)">
|
||||
<i class="fa-fw fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-toc" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="Table o' Contents (CTRL+ALT+t)">
|
||||
<i class="fa-fw fas fa-list-alt"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#theme-variant">Change th' Variant (Simple)</a>
|
||||
<ul>
|
||||
<li><a href="#single-variant">Single Variant</a></li>
|
||||
<li><a href="#multiple-variants">Multiple Variants</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#adjust-to-os-settings">Adjust t' OS Sett'ns</a></li>
|
||||
<li><a href="#change-the-favicon">Change th' Favicon</a></li>
|
||||
<li><a href="#change-the-logo">Change th' Logo</a></li>
|
||||
<li><a href="#syntax-highlightning">Rules highlightn'n</a></li>
|
||||
<li><a href="#theme-variant-advanced">Change th' Variant (Advanced)</a>
|
||||
<ul>
|
||||
<li><a href="#parameter">Parameter</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="1"> > </li><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Brrrand'n</span><meta itemprop="position" content="2"></li>
|
||||
</ol>
|
||||
<div class="topbar-area topbar-area-end" data-area="end">
|
||||
<div class="topbar-button topbar-button-edit" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/branding/_index.pir.md" target="_blank" title="Edit (CTRL+ALT+w)">
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-print" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../../pir/basics/branding/index.print.html" title="Prrrint whole chapterrr (CTRL+ALT+p)">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../../pir/basics/configuration/index.html" title="Configurrrat'n (🡒)">
|
||||
<i class="fa-fw fas fa-chevron-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../../pir/basics/customization/index.html" title="Customizat'n (🡐)">
|
||||
<i class="fa-fw fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-more" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="Morrre">
|
||||
<i class="fa-fw fas fa-ellipsis-v"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<div class="topbar-area topbar-area-more" data-area="more">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="R-main-overlay"></div>
|
||||
<main id="R-body-inner" class="highlightable default" tabindex="-1">
|
||||
<div class="flex-block-wrapper">
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="brrrandn">Brrrand'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site’s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
|
||||
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p>
|
||||
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
|
||||
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h2 id="theme-variant">Change th' Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That’s it! Yer ship will be displayed 'n this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Yer theme variant file must reside 'n yer site’s <code>static/css</code> directory or 'n th' theme’s <code>static/css</code> directory an' th' file name must start wit' <code>theme-</code> an' end wit <code>.css</code>. In th' above example, th' path o' yer theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If ye want t' make changes t' a shipped color variant, create a copy 'n yer site’s <code>static/css</code> directory. Don’t edit th' file 'n th' theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' theme provides an advanced configurat'n mode, combin'n th' functionality fer multiple variants wit' th' below possibilities o' adjust'n t' yer OS sett'ns, logo an' rules highlightn'n an' even more!</p>
|
||||
<p>Although all opt'ns documented here be still work'n, th' advanced configurat'n opt'ns be th' recommended way t' configure yer color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option’s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
|
||||
<p>In th' above example, ye would end wit' <code>red</code> fer light mode an' th' default o' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop yer image 'n yer site’s <code>static/images/</code> directory an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If ye want t' adjust yer favicon accord'n t' yer OS sett'ns fer light/dark mode, add th' image files <code>static/images/favicon-light.svg</code> an' <code>static/images/favicon-dark.svg</code> t' yer site’s directory, respectively, correspond'n t' yer file format. In case some o' th' files be miss'n, th' theme falls back t' <code>favicon.svg</code> fer each miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site’s directory an' write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/logo.html</code> o' yer ship. Then write any HTML ye want. Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Rules highlightn'n</h2>
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>. Then, <code>@import</code> th' rules highlightn'n stylesheet 'n yer color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
<p>If ye want t' reconfigure just th' rules highlight'n o' an exist'n color variant, ye need t' copy th' file t' yer site’s directory an' adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
|
||||
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
|
||||
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
|
||||
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>ye now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>Th' <code>identifier</code> opt'n be mandatory an' equivalent t' th' str'n 'n th' first example. Further opt'ns can be configured, see th' t'ble below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond t' th' name o' a color variant either 'n yer site’s or th' theme’s directory 'n th' form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<aside id="R-sidebar" class="default-animation showVisitedLinks">
|
||||
<div id="R-header-topbar" class="default-animation"></div>
|
||||
<div id="R-header-wrapper" class="default-animation">
|
||||
<div id="R-header" class="default-animation">
|
||||
<style>
|
||||
#R-logo svg,
|
||||
#R-logo svg * {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
fill: #282828 !important;
|
||||
fill: var(--MENU-SECTIONS-BG-color) !important;
|
||||
opacity: .945;
|
||||
}
|
||||
a#R-logo {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
|
||||
font-size: 1.875rem;
|
||||
font-weight: 300;
|
||||
margin-top: -.8125rem;
|
||||
max-width: 60%;
|
||||
text-transform: uppercase;
|
||||
width: 14.125rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
a#R-logo:hover {
|
||||
color: #282828;
|
||||
color: var(--MENU-SECTIONS-BG-color);
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -1.25rem;
|
||||
margin-inline-start: -1.47rem;
|
||||
margin-inline-end: .5rem;
|
||||
width: 40.5%;
|
||||
}
|
||||
@media only all and (max-width: 59.999rem) {
|
||||
a#R-logo {
|
||||
font-size: 1.5625rem;
|
||||
margin-top: -.1875rem;
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -.75rem;
|
||||
margin-inline-start: -1.47rem;
|
||||
margin-inline-end: .5rem;
|
||||
}
|
||||
}
|
||||
@media all and (-ms-high-contrast:none) {
|
||||
/* IE11s understanding of positioning is weird at best */
|
||||
a#R-logo {
|
||||
margin-top: -3.625rem;
|
||||
}
|
||||
#R-logo svg {
|
||||
margin-bottom: -3.875rem;
|
||||
margin-left: -1.47rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
@media only all and (-ms-high-contrast:none) and (max-width: 59.999rem) {
|
||||
#R-logo svg {
|
||||
margin-left: -1.47rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<a id="R-logo" href="../../../pir/index.html">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
|
||||
<path d="M46.103 136.34c-.642-.394-1.222-2.242-1.98-2.358-.76-.117-1.353.506-1.618 1.519-.266 1.012-.446 4.188.173 5.538.213.435.482.787 1.03.845.547.057.967-.504 1.45-1.027.482-.523.437-.9 1.142-.612.705.289 1.051.4 1.586 1.229.535.828 1.085 4.043.868 5.598-.241 1.458-.531 2.8-.59 4.088.26.075.517.148.772.217 2.68.724 5.373 1.037 7.873.02.001-.028.01-.105.008-.11-.048-.165-.18-.41-.36-.698-.18-.29-.414-.645-.586-1.114a3.212 3.212 0 0 1-.125-1.735c.056-.21.153-.342.249-.475 1.237-1.193 2.932-1.373 4.244-1.384.557-.004 1.389.016 2.198.255.809.239 1.706.724 2.068 1.843.187.578.114 1.17-.043 1.623-.153.438-.369.783-.545 1.091-.178.31-.329.6-.401.821-.007.02-.003.071-.005.094 2.256 1.008 4.716.91 7.189.398.55-.114 1.11-.247 1.673-.377.344-1.085.678-2.145.852-3.208.124-.752.158-2.311-.078-3.538-.118-.613-.306-1.15-.52-1.489-.221-.349-.413-.501-.747-.538-.243-.027-.51.013-.796.098-.67.223-1.33.606-1.966.76l-.008.002-.109.032c-.556.152-1.233.158-1.797-.36-.556-.51-.89-1.367-1.117-2.596-.283-1.528-.075-3.279.89-4.518l.071-.09h.07c.65-.71 1.485-.802 2.16-.599.706.213 1.333.629 1.772.84.736.354 1.185.319 1.475.171.291-.148.5-.439.668-.955.332-1.017.301-2.819.022-4.106-.148-.684-.13-1.292-.13-1.883-1.558-.463-3.067-.982-4.574-1.208-1.128-.169-2.263-.173-3.298.164-.13.046-.256.095-.38.15-.373.164-.633.342-.805.52-.077.098-.081.105-.087.21-.004.068.031.289.13.571.1.282.256.634.467 1.03.279.524.448 1.063.431 1.618a2.12 2.12 0 0 1-.499 1.309 1.757 1.757 0 0 1-.62.51h-.002c-.515.291-1.107.404-1.723.464-.86.083-1.787.026-2.598-.097-.806-.123-1.47-.28-1.948-.555-.444-.256-.79-.547-1.037-.925a2.273 2.273 0 0 1-.356-1.301c.029-.837.403-1.437.625-1.897.111-.23.191-.433.236-.583.045-.15.044-.25.046-.24-.005-.029-.127-.355-1.015-.741-1.138-.495-2.322-.673-3.533-.668h-.015a9.711 9.711 0 0 0-.521.016h-.002c-1.163.057-2.35.308-3.541.569.383 1.531.79 2.753.818 4.502-.096 1.297.158 2.114-1.03 2.935-.85.588-1.508.729-2.15.335" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:1.03763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M61.472 101.34v.002c-.3-.003-.603.01-.894.04-.544.055-1.39.165-1.778.306-1.238.364.13 2.344.41 2.913.28.569.285 2.03.14 2.134-.144.103-.375.261-.934.345-.56.084.03-.037-1.589.086-1.62.122-5.506.29-8.265.248-.022.26-.036.521-.097.808-.309 1.442-.63 3.163-.494 4.074.071.473.168.65.414.8.23.14.737.235 1.62-.004.834-.227 1.3-.442 1.887-.456.595-.016 1.555.472 1.965.717.411.245-.03-.008.002 0s.128.05.176.102c.049.053-.276-.523.104.199.379.721.72 3.256.002 4.68-.46.913-1.01 1.49-1.64 1.711-.63.22-1.229.067-1.734-.135-.881-.353-1.584-.7-2.205-.647-1.199 1.94-1.186 4.17-.6 6.602.097.397.212.814.327 1.23 2.68-.556 5.542-1.016 8.337.132 1.064.437 1.73 1.015 1.902 1.857.169.831-.193 1.508-.438 1.986-.122.238-.23.46-.307.642-.07.164-.096.28-.104.324.069.429.309.723.686.945.385.227.89.355 1.35.423.723.104 1.567.152 2.287.086.693-.064 1.032-.338 1.241-.544a2.447 2.447 0 0 0 .303-.437.175.175 0 0 0 .013-.035c-.004-.066-.037-.246-.195-.527-.46-.816-.87-1.595-.817-2.51.028-.476.218-.938.529-1.288.304-.343.698-.586 1.186-.79 1.442-.606 2.96-.609 4.372-.409 1.525.216 2.963.679 4.378 1.083.226-2.09.784-3.9.592-5.77-.058-.565-.287-1.333-.598-1.827-.32-.508-.59-.717-1.036-.642-.648.11-1.472.935-2.707 1.078-.791.092-1.494-.267-1.95-.86-.45-.583-.678-1.335-.78-2.101-.202-1.525.031-3.229.89-4.27.615-.747 1.45-.887 2.15-.74.687.145 1.307.492 1.857.745v-.002c.546.252 1.033.388 1.281.344a.547.547 0 0 0 .353-.188c.113-.124.242-.35.384-.75.604-1.712.206-3.68-.303-5.654-.667.145-1.336.293-2.018.413-1.341.236-2.73.392-4.136.273-.656-.055-1.695-.085-2.58-.476-.442-.195-.903-.514-1.157-1.093-.259-.591-.205-1.313.08-2.014.223-.64 1.082-2.178.692-2.585-.391-.407-1.651-.56-2.554-.571z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.992837;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M83.128 98.116c-.484 1.875-1.057 3.757-2.486 5.033-.638.57-1.13.666-1.483.548-.401-.134-.715-.506-1.058-.973-.338-.461-.655-.97-1.076-1.332-.192-.165-.404-.315-.683-.38-.279-.066-.599-.02-.9.102-.489.196-.89.58-1.28 1.047a6.1 6.1 0 0 0-.985 1.632c-.234.591-.356 1.174-.277 1.713.072.487.392.977.905 1.185.463.187.926.156 1.36.154.433 0 .843.01 1.242.147.55.189.79.736.822 1.368.034.66-.145 1.412-.393 1.988l-.008.021c-.74 1.705-1.946 2.893-3.004 4.349l-.664.915.979.099c.924.092 1.788.26 2.468.675.46.281 1.806 1.205 2.794 2.222.497.513.888 1.031 1.047 1.502.078.231.095.422.05.6a.93.93 0 0 1-.345.474c-.301.223-.606.395-.864.532l-.354.186c-.107.058-.189.087-.345.228a.637.637 0 0 1 .062-.045l-.064.041-.209.236-.103.343s.003.126.007.152c.003.017.003.007.004.015v.002c.016.195.061.307.133.476a4.1 4.1 0 0 0 .32.596 5.7 5.7 0 0 0 2.8 2.258c.284.108.908.321 1.548.36.33.02.59.015.912-.13h.002c.08-.037.228-.095.382-.281.153-.186.19-.355.212-.445l.019-.075.003-.078c.023-.585-.037-1.296.072-1.899.153-.657.435-.956 1.009-.909 2.771.239 4.74 1.955 6.693 3.83l.742.714.279-1.155c.55-2.29 1.093-4.464 2.928-5.977.692-.57 1.184-.642 1.527-.509.39.151.676.536.996.995.319.458.605.926 1.07 1.212.194.119.464.232.784.209.32-.024.638-.163.988-.384 1.022-.645 1.778-1.756 2.086-2.942.136-.522.102-.991-.046-1.301-.158-.334-.433-.553-.754-.707-.653-.314-1.468-.373-2.094-.486-.825-.15-1.22-.475-1.345-.878-.13-.417 0-.953.335-1.61.6-1.173 1.887-2.602 3.13-3.911l.498-.526-.449-.432c-1.545-1.49-3.163-3.01-5.252-3.715h-.002c-.473-.16-1.097-.413-1.73-.424h-.003c-.311-.004-.596.04-.883.24v.002c-.22.155-.483.537-.583.937l-.008.036-.006.038c-.116.773-.06 1.467-.217 1.995-.063.212-.198.418-.359.507-.202.111-.492.153-.976.072-.582-.097-1.978-.69-3.021-1.503-.523-.407-.934-.85-1.117-1.3a1.153 1.153 0 0 1-.083-.63c.03-.184.1-.477.308-.593.21-.116.941-.32 1.377-.642h.002c.192-.141.403-.367.518-.64.114-.275.127-.526.123-.774-.006-.142-.036-.192-.08-.3a8.417 8.417 0 0 0-3-3.027c-1.226-.725-2.585-1.135-3.927-1.539-.434-.12-.844-.111-1.02.466zm.912.947c1.186.364 2.357.718 3.345 1.303 1.035.612 1.864 1.488 2.507 2.528-.514.263-1.095.5-1.44.79-.345.29-.729.914-.815 1.434-.084.509 0 .968.155 1.347.301.74.85 1.276 1.44 1.735 1.18.92 2.554 1.545 3.47 1.698.604.1 1.186.088 1.739-.216.594-.327.935-.911 1.088-1.427.264-.884.193-1.664.262-2.17h.1c.3.006.926.206 1.417.371 1.646.554 3.044 1.773 4.431 3.089-1.102 1.174-2.222 2.423-2.888 3.73-.42.823-.73 1.789-.453 2.687.283.913 1.1 1.415 2.138 1.603.691.126 1.472.226 1.84.403.19.091.258.182.278.223.03.064.058.075-.023.387-.21.804-.761 1.598-1.413 2.01-.247.155-.365.183-.407.187-.042.003-.061.002-.172-.066-.144-.088-.455-.473-.772-.929-.317-.454-.714-1.07-1.452-1.356-.783-.304-1.776-.022-2.713.75-1.942 1.6-2.626 3.764-3.146 5.8-1.802-1.676-3.772-3.138-6.589-3.517h-.002c-.346-.095-1.013-.031-1.293.143-.735.501-1.005 1.132-1.168 2.007-.125.69-.082 1.216-.074 1.659-.055.006-.046.01-.104.006-.42-.026-1.035-.215-1.244-.295-.947-.361-1.774-1.006-2.314-1.857-.054-.085-.072-.132-.109-.2l.027-.016c.284-.15.656-.36 1.045-.648.44-.327.789-.798.93-1.35a2.4 2.4 0 0 0-.068-1.379c-.254-.751-.753-1.353-1.295-1.911-1.09-1.124-2.452-2.049-2.99-2.378-.609-.372-1.303-.44-1.981-.56.875-1.094 1.878-2.251 2.596-3.921.294-.823.543-1.907.513-2.658-.049-.97-.489-2.013-1.52-2.367-.579-.2-1.131-.204-1.58-.203-.45.002-.786-.006-.97-.08h-.002c-.264-.107-.236-.108-.268-.33-.025-.17.021-.553.183-.962a4.67 4.67 0 0 1 .725-1.192c.29-.348.617-.59.705-.626.142-.057.176-.05.22-.04.045.011.127.052.263.17.235.201.56.671.92 1.161.354.484.791 1.08 1.543 1.33.8.267 1.784-.052 2.671-.846 1.594-1.424 2.235-3.317 2.714-5.051zm11.705 7.023c-.02.014.042-.002.042 0l-.008.035c.05-.2-.028-.04-.034-.035zM79.472 122.45a.198.198 0 0 1 .005.023v.014c-.002-.01-.003-.03-.005-.037zm-.29.732-.006.01-.044.027c.016-.01.033-.024.05-.036z" style="color:#000;fill:#282828;stroke-width:1.02352;-inkscape-stroke:none" transform="translate(-40.698 -95.175)"/>
|
||||
<path d="M76.694 128.845c-.85-.012-1.668.253-2.434.67-.01.592-.015 1.17.109 1.772.323 1.573.422 3.553-.07 5.147-.247.804-.684 1.535-1.347 1.891-.663.356-1.467.296-2.362-.159-.522-.266-1.059-.62-1.487-.757-.223-.072-.392-.096-.522-.069-.13.027-.232.094-.362.27-.53.719-.681 1.823-.497 2.876.177 1.012.418 1.438.543 1.56.143.137.26.154.604.055.548-.158 1.523-.857 2.573-.972l.02-.002.5.058c.686.081 1.247.562 1.622 1.19.372.62.591 1.37.73 2.136.279 1.532.25 3.16.083 4.232-.14.91-.394 1.72-.632 2.53 1.719-.385 3.485-.692 5.307-.36 1.174.214 2.749.574 3.762 1.977l.088.122.046.159c.162.551.16 1.114.024 1.578-.13.45-.348.772-.533 1.023-.181.246-.336.444-.437.606-.102.16-.141.275-.145.336-.01.17 0 .197.07.315.057.1.186.242.39.366.408.246 1.106.414 1.843.45a7.842 7.842 0 0 0 2.174-.21 4.28 4.28 0 0 0 .822-.296c.218-.106.385-.242.377-.233l.029-.031c.025-.035.05-.072.05-.068 0-.004 0-.017-.003-.05a2.733 2.733 0 0 0-.21-.579c-.26-.548-.839-1.333-.822-2.46.01-.657.27-1.21.598-1.576.32-.357.696-.575 1.074-.736.759-.323 1.57-.418 2.054-.458 1.653-.136 3.252.296 4.755.765.457.142.905.29 1.352.434.325-2.258.902-4.247.598-6.217-.071-.46-.25-1.169-.486-1.684-.238-.518-.495-.762-.675-.779-.351-.032-.716.14-1.174.418-.457.277-1.005.665-1.695.742-.745.082-1.406-.291-1.84-.908-.428-.608-.653-1.394-.754-2.196-.203-1.596.016-3.377.794-4.493.568-.813 1.358-.984 2.024-.835.65.146 1.243.51 1.769.779.524.267.99.413 1.237.365a.527.527 0 0 0 .346-.2c.11-.132.235-.373.37-.798.612-1.918.27-3.894-.246-6.054-2.815-.851-5.49-1.534-8.089-.267a.727.727 0 0 0-.223.148c-.024.028-.018.021-.026.056.001-.003-.01.178.07.44.162.522.611 1.29.911 1.978l.004.009.029.063.024.084V133c.162.635.016 1.297-.274 1.727-.272.404-.618.636-.952.81-.675.353-1.399.484-1.724.533a5.888 5.888 0 0 1-3.973-.795c-.512-.311-.876-.594-1.133-1.02-.282-.466-.318-1.084-.172-1.557.252-.814.715-1.266.971-1.89a.663.663 0 0 0 .047-.14c.001-.013 0-.006-.007-.037a.761.761 0 0 0-.184-.268c-.264-.267-.865-.595-1.54-.826-1.356-.462-3.07-.659-3.583-.686-.062-.002-.121-.006-.178-.006z" style="fill:#282828;fill-opacity:1;stroke:none;stroke-width:.991342;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(-40.698 -95.175)"/>
|
||||
</svg>Relearn
|
||||
</a>
|
||||
</div>
|
||||
<form action="../../../pir/search.html" method="get"><div class="searchbox default-animation">
|
||||
<button class="search-detail" type="submit" title="Searrrch (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
|
||||
<label class="a11y-only" for="R-search-by">Searrrch</label>
|
||||
<input data-search-input id="R-search-by" name="search-by" class="search-by" type="search" placeholder="Searrrch...">
|
||||
<button class="search-clear" type="button" data-search-clear="" title="Clearrr searrrch"><i class="fas fa-times" title="Clearrr searrrch"></i></button>
|
||||
</div></form>
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
</div>
|
||||
<div id="R-content-wrapper" class="highlightable">
|
||||
<div id="R-topics">
|
||||
<ul class="enlarge morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/basics/index.html" class="parent "><input type="checkbox" id="R-section-182650db393a58ea8a0385f10a515d92" aria-controls="R-subsections-182650db393a58ea8a0385f10a515d92" checked><label for="R-section-182650db393a58ea8a0385f10a515d92"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Basics</span></label><a class="padding" href="../../../pir/basics/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">1.</b> Basics<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-182650db393a58ea8a0385f10a515d92" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/basics/migration/index.html" class=""><a class="padding" href="../../../pir/basics/migration/index.html">What's New<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class="active"><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/history/index.html" class=""><a class="padding" href="../../../pir/basics/history/index.html">Historrry<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/pir/cont/index.html" class=""><input type="checkbox" id="R-section-4074c32ab128bf79d499f2f6ddf50674" aria-controls="R-subsections-4074c32ab128bf79d499f2f6ddf50674"><label for="R-section-4074c32ab128bf79d499f2f6ddf50674"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Rambl'n</span></label><a class="padding" href="../../../pir/cont/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> Rambl'n<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-4074c32ab128bf79d499f2f6ddf50674" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/cont/pages/index.html" class=""><a class="padding" href="../../../pir/cont/pages/index.html">planks orrrganizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/archetypes/index.html" class=""><a class="padding" href="../../../pir/cont/archetypes/index.html">Arrrchetypes<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/markdown/index.html" class=""><a class="padding" href="../../../pir/cont/markdown/index.html">Marrrkdown rules<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/imageeffects/index.html" class=""><a class="padding" href="../../../pir/cont/imageeffects/index.html">Image Effects<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/menushortcuts/index.html" class=""><a class="padding" href="../../../pir/cont/menushortcuts/index.html">Menu extrrra shorrrtcuts<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/i18n/index.html" class=""><a class="padding" href="../../../pir/cont/i18n/index.html">Multilingual an' i18n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/cont/taxonomy/index.html" class=""><a class="padding" href="../../../pir/cont/taxonomy/index.html">Taxonomy<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/pir/shortcodes/index.html" class=""><input type="checkbox" id="R-section-215953719902243a01571a1ede64aeeb" aria-controls="R-subsections-215953719902243a01571a1ede64aeeb"><label for="R-section-215953719902243a01571a1ede64aeeb"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Shorrrtcodes</span></label><a class="padding" href="../../../pir/shortcodes/index.html"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">3.</b> Shorrrtcodes<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-215953719902243a01571a1ede64aeeb" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/shortcodes/attachments/index.html" class=""><a class="padding" href="../../../pir/shortcodes/attachments/index.html">Attachments<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/badge/index.html" class=""><a class="padding" href="../../../pir/shortcodes/badge/index.html">Badge<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/button/index.html" class=""><a class="padding" href="../../../pir/shortcodes/button/index.html">Button<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/index.html" class=""><input type="checkbox" id="R-section-05de666a6804433386d9009e44fa7aa3" aria-controls="R-subsections-05de666a6804433386d9009e44fa7aa3"><label for="R-section-05de666a6804433386d9009e44fa7aa3"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu Children</span></label><a class="padding" href="../../../pir/shortcodes/children/index.html">Children<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-05de666a6804433386d9009e44fa7aa3" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/shortcodes/children/test/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/test/index.html">plank X<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/children-1/index.html" class=""><input type="checkbox" id="R-section-5c6c78bc0635ef1f61fdb91197081411" aria-controls="R-subsections-5c6c78bc0635ef1f61fdb91197081411"><label for="R-section-5c6c78bc0635ef1f61fdb91197081411"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu plank 1</span></label><a class="padding" href="../../../pir/shortcodes/children/children-1/index.html">plank 1<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-5c6c78bc0635ef1f61fdb91197081411" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/index.html" class="alwaysopen"><input type="checkbox" id="R-section-be87ceb25a7988952eb9556a69f3cbdf" aria-controls="R-subsections-be87ceb25a7988952eb9556a69f3cbdf" checked><label for="R-section-be87ceb25a7988952eb9556a69f3cbdf"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu plank 1-1</span></label><a class="padding" href="../../../pir/shortcodes/children/children-1/children-1-1/index.html">plank 1-1<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-be87ceb25a7988952eb9556a69f3cbdf" class="morespace collapsible-menu">
|
||||
<li data-nav-id="" class="alwaysopen"><input type="checkbox" id="R-section-989ea17e090bb9681da73b58575dcced" aria-controls="R-subsections-989ea17e090bb9681da73b58575dcced" checked><label for="R-section-989ea17e090bb9681da73b58575dcced"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu plank 1-1-2 (headless)</span></label><span class="padding">plank 1-1-2 (headless)</span><ul id="R-subsections-989ea17e090bb9681da73b58575dcced" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">plank 1-1-2-1<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">plank 1-1-2-2<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">plank 1-1-3<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/children-2/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/children-2/index.html">plank 2<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/children/children-3/index.html" class=""><input type="checkbox" id="R-section-085f961452d7baa981ace00de789c321" aria-controls="R-subsections-085f961452d7baa981ace00de789c321"><label for="R-section-085f961452d7baa981ace00de789c321"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">Submenu plank 3</span></label><a class="padding" href="../../../pir/shortcodes/children/children-3/index.html">plank 3<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-085f961452d7baa981ace00de789c321" class="morespace collapsible-menu">
|
||||
<li data-nav-id="/pir/shortcodes/children/children-3/test3/index.html" class=""><a class="padding" href="../../../pir/shortcodes/children/children-3/test3/index.html">plank 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
|
||||
<li data-nav-id="/pir/shortcodes/expand/index.html" class=""><a class="padding" href="../../../pir/shortcodes/expand/index.html">Expand<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/highlight/index.html" class=""><a class="padding" href="../../../pir/shortcodes/highlight/index.html">Highlight<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/icon/index.html" class=""><a class="padding" href="../../../pir/shortcodes/icon/index.html">Icon<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/include/index.html" class=""><a class="padding" href="../../../pir/shortcodes/include/index.html">Include<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/math/index.html" class=""><a class="padding" href="../../../pir/shortcodes/math/index.html">Math<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/mermaid/index.html" class=""><a class="padding" href="../../../pir/shortcodes/mermaid/index.html">Merrrmaid<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/notice/index.html" class=""><a class="padding" href="../../../pir/shortcodes/notice/index.html">Notice<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/openapi/index.html" class=""><a class="padding" href="../../../pir/shortcodes/openapi/index.html">OpenAPI<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/siteparam/index.html" class=""><a class="padding" href="../../../pir/shortcodes/siteparam/index.html">SiteParam<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/tab/index.html" class=""><a class="padding" href="../../../pir/shortcodes/tab/index.html">Tab<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/shortcodes/tabs/index.html" class=""><a class="padding" href="../../../pir/shortcodes/tabs/index.html">Tabs<i class="fas fa-check read-icon"></i></a></li></ul></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="R-shortcuts">
|
||||
<div class="nav-title padding">Morrre</div>
|
||||
<ul class="space">
|
||||
<li><a class="padding" href="https://github.com/McShelby/hugo-theme-relearn"><i class='fab fa-fw fa-github'></i> GitHub repo</a></li>
|
||||
<li><a class="padding" href="../../../pir/showcase/"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
|
||||
<li><a class="padding" href="../../../pir/more/credits/"><i class='fas fa-fw fa-bullhorn'></i> Crrredits</a></li>
|
||||
<li><a class="padding" href="../../../pir/tags/"><i class='fas fa-fw fa-tags'></i> Arrr! Tags</a></li>
|
||||
<li><a class="padding" href="../../../pir/categories/"><i class='fas fa-fw fa-layer-group'></i> Categorrries</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="padding footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
|
||||
<div id="R-menu-footer">
|
||||
<hr class="padding default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter">
|
||||
<div id="R-prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
|
||||
<ul>
|
||||
<li id="R-select-language-container" class="footerLangSwitch showLangSwitch">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-language fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<label class="a11y-only" for="R-select-language">Language</label>
|
||||
<select id="R-select-language" onchange="location = baseUri + this.value;">
|
||||
<option id="R-en" value="/basics/branding/index.html" lang="en">English</option>
|
||||
<option id="R-pir" value="/pir/basics/branding/index.html" lang="pir" selected>Arrr! ☠ Pirrrates ☠</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li id="R-select-variant-container" class="footerVariantSwitch showVariantSwitch">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-paint-brush fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<label class="a11y-only" for="R-select-variant">Theme</label>
|
||||
<select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
|
||||
<option id="R-auto" value="auto" selected>Auto</option>
|
||||
<option id="R-relearn-light" value="relearn-light">Relearn Light</option>
|
||||
<option id="R-relearn-dark" value="relearn-dark">Relearn Dark</option>
|
||||
<option id="R-zen-light" value="zen-light">Zen Light</option>
|
||||
<option id="R-zen-dark" value="zen-dark">Zen Dark</option>
|
||||
<option id="R-neon" value="neon">Neon</option>
|
||||
<option id="R-learn" value="learn">Learn</option>
|
||||
<option id="R-blue" value="blue">Blue</option>
|
||||
<option id="R-green" value="green">Green</option>
|
||||
<option id="R-red" value="red">Red</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<script>window.variants && variants.markSelectedVariant();</script>
|
||||
</li>
|
||||
<li class="footerVisitedLinks showVisitedLinks">
|
||||
<div class="padding menu-control">
|
||||
<i class="fas fa-history fa-fw"></i>
|
||||
<span> </span>
|
||||
<div class="control-style">
|
||||
<button onclick="clearHistory();">Clearrr Historrry</button>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="R-footer" class="footerFooter showFooter">
|
||||
<span class="github-buttons"></span>
|
||||
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
|
||||
<script>
|
||||
function githubButtonsScheme(){
|
||||
var scheme = 'light';
|
||||
var colorPropertyValue = window.getComputedStyle( document.querySelector( '#R-sidebar' ) ).getPropertyValue( 'background-color' );
|
||||
var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
|
||||
if( colorValues.length === 3 && ((0.2126 * colorValues[0]) + (0.7152 * colorValues[1]) + (0.0722 * colorValues[2]) < 165) ){
|
||||
|
||||
scheme = 'dark';
|
||||
}
|
||||
return scheme;
|
||||
}
|
||||
function githubButtonsInit(){
|
||||
if( !window.githubButtons ){
|
||||
|
||||
setTimeout( githubButtonsInit, 50 );
|
||||
return;
|
||||
}
|
||||
var scheme = githubButtonsScheme();
|
||||
var githubButtonsHTML = `
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
|
||||
`;
|
||||
document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
|
||||
document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
|
||||
anchor.dataset.colorScheme = scheme;
|
||||
window.githubButtons.render( anchor, function( el ){
|
||||
anchor.parentNode.replaceChild( el, anchor );
|
||||
});
|
||||
});
|
||||
}
|
||||
document.addEventListener( 'themeVariantLoaded', function( e ){
|
||||
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
206
pir/basics/branding/index.print.html
Normal file
206
pir/basics/branding/index.print.html
Normal file
@ -0,0 +1,206 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pir" dir="rtl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||||
<meta name="generator" content="Hugo 0.120.4">
|
||||
<meta name="generator" content="Relearn 5.23.2+tip">
|
||||
<meta name="description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta name="author" content="Sören Weber">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
|
||||
<meta name="twitter:title" content="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
|
||||
<meta property="og:title" content="Brrrand'n :: Cap'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/branding/index.html">
|
||||
<meta property="og:image" content="https://McShelby.github.io/hugo-theme-relearn/images/hero.png">
|
||||
<meta property="og:site_name" content="Cap'n Hugo Relearrrn Theme">
|
||||
<title>Brrrand'n :: Cap'n Hugo Relearrrn 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="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html" rel="canonical" type="text/html" title="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/branding/index.xml" rel="alternate" type="application/rss+xml" title="Brrrand'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
window.index_js_url="../../../pir/index.search.js";
|
||||
var root_url="../../../";
|
||||
var baseUri=root_url.replace(/\/$/, '');
|
||||
window.relearn = window.relearn || {};
|
||||
window.relearn.baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
|
||||
// variant stuff
|
||||
window.variants && variants.init( [ 'auto', 'relearn-light', 'relearn-dark', 'zen-light', 'zen-dark', 'neon', 'learn', 'blue', 'green', 'red' ] );
|
||||
// translations
|
||||
window.T_Copy_to_clipboard = `Copy t' clipboard`;
|
||||
window.T_Copied_to_clipboard = `Copied t' clipboard!`;
|
||||
window.T_Copy_link_to_clipboard = `Copy link t' clipboard`;
|
||||
window.T_Link_copied_to_clipboard = `Copied link t' clipboard!`;
|
||||
window.T_Reset_view = `Rrreset view`;
|
||||
window.T_View_reset = `View rrreset!`;
|
||||
window.T_No_results_found = `No rrresults found fer "{0}"`;
|
||||
window.T_N_results_found = `{1} rrresults found fer "{0}"`;
|
||||
</script>
|
||||
<style>
|
||||
#R-body img.bg-white {
|
||||
background-color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/branding/index.html">
|
||||
<div id="R-body" class="default-animation">
|
||||
<div id="R-body-overlay"></div>
|
||||
<nav id="R-topbar">
|
||||
<div class="topbar-wrapper">
|
||||
<div class="topbar-sidebar-divider"></div>
|
||||
<div class="topbar-area topbar-area-start" data-area="start">
|
||||
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
|
||||
<button class="topbar-control" onclick="toggleNav()" type="button" title="Menu (CTRL+ALT+n)">
|
||||
<i class="fa-fw fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="1"> > </li><li
|
||||
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Brrrand'n</span><meta itemprop="position" content="2"></li>
|
||||
</ol>
|
||||
<div class="topbar-area topbar-area-end" data-area="end">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="R-main-overlay"></div>
|
||||
<main id="R-body-inner" class="highlightable default" tabindex="-1">
|
||||
<div class="flex-block-wrapper">
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="brrrandn">Brrrand'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site’s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
|
||||
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p>
|
||||
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
|
||||
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h2 id="theme-variant">Change th' Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That’s it! Yer ship will be displayed 'n this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Yer theme variant file must reside 'n yer site’s <code>static/css</code> directory or 'n th' theme’s <code>static/css</code> directory an' th' file name must start wit' <code>theme-</code> an' end wit <code>.css</code>. In th' above example, th' path o' yer theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If ye want t' make changes t' a shipped color variant, create a copy 'n yer site’s <code>static/css</code> directory. Don’t edit th' file 'n th' theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' theme provides an advanced configurat'n mode, combin'n th' functionality fer multiple variants wit' th' below possibilities o' adjust'n t' yer OS sett'ns, logo an' rules highlightn'n an' even more!</p>
|
||||
<p>Although all opt'ns documented here be still work'n, th' advanced configurat'n opt'ns be th' recommended way t' configure yer color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option’s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
|
||||
<p>In th' above example, ye would end wit' <code>red</code> fer light mode an' th' default o' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop yer image 'n yer site’s <code>static/images/</code> directory an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If ye want t' adjust yer favicon accord'n t' yer OS sett'ns fer light/dark mode, add th' image files <code>static/images/favicon-light.svg</code> an' <code>static/images/favicon-dark.svg</code> t' yer site’s directory, respectively, correspond'n t' yer file format. In case some o' th' files be miss'n, th' theme falls back t' <code>favicon.svg</code> fer each miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site’s directory an' write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/logo.html</code> o' yer ship. Then write any HTML ye want. Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Rules highlightn'n</h2>
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>. Then, <code>@import</code> th' rules highlightn'n stylesheet 'n yer color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
<p>If ye want t' reconfigure just th' rules highlight'n o' an exist'n color variant, ye need t' copy th' file t' yer site’s directory an' adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
|
||||
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
|
||||
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
|
||||
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>ye now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>Th' <code>identifier</code> opt'n be mandatory an' equivalent t' th' str'n 'n th' first example. Further opt'ns can be configured, see th' t'ble below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond t' th' name o' a color variant either 'n yer site’s or th' theme’s directory 'n th' form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
11
pir/basics/branding/index.xml
Normal file
11
pir/basics/branding/index.xml
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Brrrand'n on Cap'n Hugo Relearrrn Theme</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</link>
|
||||
<description>Recent content in Brrrand'n on Cap'n Hugo Relearrrn Theme</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>pir</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -80,32 +80,7 @@
|
||||
<i class="fa-fw fas fa-list-alt"></i>
|
||||
</button>
|
||||
<div class="topbar-content">
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#global-site-parameters">Global ship parameters</a></li>
|
||||
<li><a href="#serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</a></li>
|
||||
<li><a href="#serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</a></li>
|
||||
<li><a href="#activate-search">Activate search</a>
|
||||
<ul>
|
||||
<li><a href="#activate-dedicated-search-page">Activate dedicated search plank</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#activate-print-support">Activate print support</a></li>
|
||||
<li><a href="#mathjax">MathJax</a>
|
||||
<ul>
|
||||
<li><a href="#math-example">Example</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#mermaid">Merrrmaid</a>
|
||||
<ul>
|
||||
<li><a href="#mermaid-example">Example</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#home-button-configuration">Home Button Configurat'n</a></li>
|
||||
<li><a href="#social-media-meta-tags">Social Media Meta Tags</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="topbar-content-wrapper">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -131,7 +106,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../../pir/basics/customization/index.html" title="Customizat'n (🡐)">
|
||||
<a class="topbar-control" href="../../../pir/basics/branding/index.html" title="Brrrand'n (🡐)">
|
||||
<i class="fa-fw fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -163,18 +138,17 @@
|
||||
<h1 id="configurrratn">Configurrrat'n</h1>
|
||||
|
||||
|
||||
<h2 id="global-site-parameters">Global ship parameters</h2>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
|
||||
<p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
|
||||
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c5c8beb80aed471751194fe167bdb9ae">
|
||||
<div class="tab-panel" data-tab-group="a67e0f3c72610daed791ff5d22b76884">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c5c8beb80aed471751194fe167bdb9ae','configtoml')"
|
||||
onclick="switchTab('a67e0f3c72610daed791ff5d22b76884','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -263,7 +237,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by th' first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
|
||||
@ -609,91 +583,7 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
|
||||
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you’ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all branch bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated <code>JSON</code> t' <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add th' follow'n lines 'n th' same <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
|
||||
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></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’s search box .</p>
|
||||
<p><a href="#R-image-d22306115a8974c334300d18a284b1ce" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d22306115a8974c334300d18a284b1ce"><img src="../../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
|
||||
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">plank</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handl'n</a> even if you’ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>Th' MathJax configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../../shortcodes/math/index.html">Math</a> fer additional documentat'n.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Physics” ye coded some JavaScript fer a dynamic formulae. Ye can set th' MathJax parameters locally t' board mathJax on this plank.</p>
|
||||
<p>Ye also can dis'ble MathJax fer specific planks while globally enabled.</p>
|
||||
<h2 id="mermaid">Merrrmaid</h2>
|
||||
<p>Th' Merrrmaid configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> fer additional documentat'n.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Merrrmaid be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Architecture” ye coded some JavaScript t' dynamically generate a class diagram. Ye can set th' Merrrmaid parameters locally t' board mermaid on this plank.</p>
|
||||
<p>Ye also can dis'ble Merrrmaid fer specific planks while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configurat'n</h2>
|
||||
<p>If th' <code>disableLandingPageButton</code> opt'n be set t' <code>false</code>, a Home button will appear
|
||||
on th' left menu. It be an alternative fer click'n on th' logo. T' edit th'
|
||||
appearance, ye will have t' configure two parameters fer th' defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
|
||||
default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p><a href="#R-image-4b6937aafd2d05491c13909659fc44a1" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b6937aafd2d05491c13909659fc44a1"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<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" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
@ -783,12 +673,12 @@ default values:</p>
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -801,6 +691,7 @@ default values:</p>
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class="active"><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -944,13 +835,13 @@ default values:</p>
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -99,18 +99,17 @@
|
||||
<h1 id="configurrratn">Configurrrat'n</h1>
|
||||
|
||||
|
||||
<h2 id="global-site-parameters">Global ship parameters</h2>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
|
||||
<p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
|
||||
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c5c8beb80aed471751194fe167bdb9ae">
|
||||
<div class="tab-panel" data-tab-group="a67e0f3c72610daed791ff5d22b76884">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c5c8beb80aed471751194fe167bdb9ae','configtoml')"
|
||||
onclick="switchTab('a67e0f3c72610daed791ff5d22b76884','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -199,7 +198,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by th' first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
|
||||
@ -545,91 +544,7 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
|
||||
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you’ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all branch bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated <code>JSON</code> t' <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add th' follow'n lines 'n th' same <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
|
||||
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></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’s search box .</p>
|
||||
<p><a href="#R-image-d22306115a8974c334300d18a284b1ce" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d22306115a8974c334300d18a284b1ce"><img src="../../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
|
||||
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">plank</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handl'n</a> even if you’ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>Th' MathJax configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../../shortcodes/math/index.html">Math</a> fer additional documentat'n.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Physics” ye coded some JavaScript fer a dynamic formulae. Ye can set th' MathJax parameters locally t' board mathJax on this plank.</p>
|
||||
<p>Ye also can dis'ble MathJax fer specific planks while globally enabled.</p>
|
||||
<h2 id="mermaid">Merrrmaid</h2>
|
||||
<p>Th' Merrrmaid configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../../shortcodes/mermaid/index.html">Merrrmaid</a> fer additional documentat'n.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Merrrmaid be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Architecture” ye coded some JavaScript t' dynamically generate a class diagram. Ye can set th' Merrrmaid parameters locally t' board mermaid on this plank.</p>
|
||||
<p>Ye also can dis'ble Merrrmaid fer specific planks while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configurat'n</h2>
|
||||
<p>If th' <code>disableLandingPageButton</code> opt'n be set t' <code>false</code>, a Home button will appear
|
||||
on th' left menu. It be an alternative fer click'n on th' logo. T' edit th'
|
||||
appearance, ye will have t' configure two parameters fer th' defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
|
||||
default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p><a href="#R-image-4b6937aafd2d05491c13909659fc44a1" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b6937aafd2d05491c13909659fc44a1"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<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" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
@ -638,8 +553,8 @@ default values:</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -83,20 +83,21 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#change-the-logo">Change th' Logo</a></li>
|
||||
<li><a href="#change-the-favicon">Change th' Favicon</a></li>
|
||||
<li><a href="#change-the-menu-width">Change th' Menu Width</a></li>
|
||||
<li><a href="#theme-variant">Change th' Colors</a>
|
||||
<li><a href="#serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</a></li>
|
||||
<li><a href="#serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</a></li>
|
||||
<li><a href="#activate-search">Activate search</a>
|
||||
<ul>
|
||||
<li><a href="#single-variant">Single Variant</a></li>
|
||||
<li><a href="#multiple-variants">Multiple Variants</a></li>
|
||||
<li><a href="#adjust-to-os-settings">Adjust t' OS Sett'ns</a></li>
|
||||
<li><a href="#javascript">JavaScript</a></li>
|
||||
<li><a href="#roll-your-own">Roll yer Own</a></li>
|
||||
<li><a href="#activate-dedicated-search-page">Activate dedicated search plank</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#activate-print-support">Activate print support</a></li>
|
||||
<li><a href="#home-button-configuration">Home Button Configurat'n</a></li>
|
||||
<li><a href="#social-media-meta-tags">Social Media Meta Tags</a></li>
|
||||
<li><a href="#change-the-menu-width">Change th' Menu Width</a></li>
|
||||
<li><a href="#own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</a></li>
|
||||
<li><a href="#output-formats">Output Formats</a></li>
|
||||
<li><a href="#react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</a></li>
|
||||
<li><a href="#partials">Partials</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@ -119,7 +120,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
|
||||
<a class="topbar-control" href="../../../pir/basics/configuration/index.html" title="Configurrrat'n (🡒)">
|
||||
<a class="topbar-control" href="../../../pir/basics/branding/index.html" title="Brrrand'n (🡒)">
|
||||
<i class="fa-fw fas fa-chevron-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -151,57 +152,78 @@
|
||||
<h1 id="customizatn">Customizat'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML ye want.
|
||||
Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
|
||||
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you’ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated <code>JSON</code> t' <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
|
||||
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></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’s search box .</p>
|
||||
<p><a href="#R-image-229d2c7dea92fc229aaaa85974d8eca2" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-229d2c7dea92fc229aaaa85974d8eca2"><img src="../../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically</p>
|
||||
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
|
||||
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local <code>static/images/</code> folder an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if ye want yer ship t' use light & dark theme favicons that follow th' OS’ (and 'n some cases, th' browser’s) color scheme, add th' image files t' yer local <code>static/images/</code> folder an' name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively correspond'n t' yer file format. In case one o' th' files be miss'n, th' theme falls back t' eg. <code>favicon.svg</code> fer th' miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">plank</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE an' old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which be necessary fer th' light & dark theme favicon opt'n.
|
||||
If ye have requirements t' support IE and/or older browser versions, use one o' th' other opt'ns.</p>
|
||||
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handl'n</a> even if you’ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file 'n <code>layouts/partials/</code> named <code>favicon.html</code>. Then write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change th' Menu Width</h2>
|
||||
<h2 id="home-button-configuration">Home Button Configurat'n</h2>
|
||||
<p>If th' <code>disableLandingPageButton</code> opt'n be set t' <code>false</code>, a Home button will appear
|
||||
on th' left menu. It be an alternative fer click'n on th' logo. T' edit th'
|
||||
appearance, ye will have t' configure th' <code>landingPageName</code> fer th' defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p><a href="#R-image-1f7f37d64d477a895a4887165918b065" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f7f37d64d477a895a4887165918b065"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" 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>
|
||||
<p>Th' menu width adjusts automatically fer different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -234,49 +256,9 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change th' Colors</h2>
|
||||
<p>Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!</p>
|
||||
<p>Ye can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value wit' th' name o' yer theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In th' above example yer theme file has t' be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme wit' a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>, an' <code>@import</code> this stylesheet 'n yer color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h3>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, ye can drop <code>auto</code> at any posit'n, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that, ye can set <code>themeVariantAuto</code>. Th' first element be th' variant fer light mode, th' second fer dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant be fully boarded, either initially or by switch'n th' variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll yer Own</h3>
|
||||
<p>If ye be not happy wit' th' shipped variants ye can either copy an' rename one o' th' shipped files from <code>themes/hugo-theme-relearn/static/css</code> t' <code>static/css</code>, edit them afterwards t' yer lik'n 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="../../../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files. T' provide this behavior t' th' user an' extend'n it fer his own shorrrtcodes this can be configured.</p>
|
||||
<p>Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files.</p>
|
||||
<p>Ye can ye use this mechanism 'n yer own shorrrtcodes. Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
|
||||
@ -299,16 +281,39 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
|
||||
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
@ -396,12 +401,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -414,6 +419,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class="active"><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -557,13 +563,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -94,57 +94,78 @@
|
||||
<h1 id="customizatn">Customizat'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML ye want.
|
||||
Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
|
||||
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you’ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' use th' search feature from th' file system us'n an older installat'n o' th' theme make sure t' change yer outputformat fer th' homepage from th' now deprecated <code>JSON</code> t' <code>SEARCH</code> <a href="#activate-search">as seen below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
|
||||
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></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’s search box .</p>
|
||||
<p><a href="#R-image-229d2c7dea92fc229aaaa85974d8eca2" class="lightbox-link"><img src="../../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-229d2c7dea92fc229aaaa85974d8eca2"><img src="../../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically</p>
|
||||
<p>T' have Cap'n Hugo create th' dedicated search plank successfully, ye must not generate th' URL <code>http://example.com/mysite/search.html</code> from yer own rrrambl'n. This can happen if ye set <code>uglyURLs=true</code> 'n yer <code>config.toml</code> an' defin'n a Marrrkdown file <code>content/search.md</code>.</p>
|
||||
<p>T' make sure, there be no duplicate rrrambl'n fer any given URL o' yer project, run <code>hugo --printPathWarn'ns</code>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local <code>static/images/</code> folder an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if ye want yer ship t' use light & dark theme favicons that follow th' OS’ (and 'n some cases, th' browser’s) color scheme, add th' image files t' yer local <code>static/images/</code> folder an' name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively correspond'n t' yer file format. In case one o' th' files be miss'n, th' theme falls back t' eg. <code>favicon.svg</code> fer th' miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
<p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">section</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">plank</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"PRINT"</span><span class="p">]</span></span></span></code></pre></div><p>This will add a little printer ay'con 'n th' top bar. It will switch th' plank t' print preview when clicked. Ye can then send this plank t' th' printer by us'n yer browser’s usual print functionality.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE an' old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which be necessary fer th' light & dark theme favicon opt'n.
|
||||
If ye have requirements t' support IE and/or older browser versions, use one o' th' other opt'ns.</p>
|
||||
<p>Th' result'n URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" target="_blank">configured ugly</a> 'n terms o' <a href="https://gohugo.io/content-management/urls/#ugly-urls" target="_blank">Hugo’s URL handl'n</a> even if you’ve set <code>uglyURLs=true</code> 'n yer <code>config.toml</code>. This be due t' th' fact that fer one mime type only one suffix can be configured.</p>
|
||||
<p>Nevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file 'n <code>layouts/partials/</code> named <code>favicon.html</code>. Then write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change th' Menu Width</h2>
|
||||
<h2 id="home-button-configuration">Home Button Configurat'n</h2>
|
||||
<p>If th' <code>disableLandingPageButton</code> opt'n be set t' <code>false</code>, a Home button will appear
|
||||
on th' left menu. It be an alternative fer click'n on th' logo. T' edit th'
|
||||
appearance, ye will have t' configure th' <code>landingPageName</code> fer th' defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p><a href="#R-image-1f7f37d64d477a895a4887165918b065" class="lightbox-link"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f7f37d64d477a895a4887165918b065"><img src="../../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" 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>
|
||||
<p>Th' menu width adjusts automatically fer different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -177,49 +198,9 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change th' Colors</h2>
|
||||
<p>Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!</p>
|
||||
<p>Ye can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value wit' th' name o' yer theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In th' above example yer theme file has t' be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme wit' a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>, an' <code>@import</code> this stylesheet 'n yer color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h3>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, ye can drop <code>auto</code> at any posit'n, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that, ye can set <code>themeVariantAuto</code>. Th' first element be th' variant fer light mode, th' second fer dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant be fully boarded, either initially or by switch'n th' variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll yer Own</h3>
|
||||
<p>If ye be not happy wit' th' shipped variants ye can either copy an' rename one o' th' shipped files from <code>themes/hugo-theme-relearn/static/css</code> t' <code>static/css</code>, edit them afterwards t' yer lik'n 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="../../../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files. T' provide this behavior t' th' user an' extend'n it fer his own shorrrtcodes this can be configured.</p>
|
||||
<p>Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files.</p>
|
||||
<p>Ye can ye use this mechanism 'n yer own shorrrtcodes. Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
|
||||
@ -242,24 +223,47 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
|
||||
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat'r :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat'r :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -136,19 +136,19 @@
|
||||
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-e4b65e2f782e42fd4225d7236acae9fd" aria-controls="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<label class="expand-label" for="R-expand-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<input type="checkbox" id="R-expand-87dd68c9d92c6830d1ea3940566a38de" aria-controls="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<label class="expand-label" for="R-expand-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instruct'ns
|
||||
</label>
|
||||
<div id="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" class="expand-content">
|
||||
<div id="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" class="expand-content">
|
||||
|
||||
<p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
|
||||
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
|
||||
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, th' variant switch will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, th' variant selector will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site’s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p>
|
||||
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
|
||||
</div>
|
||||
@ -281,12 +281,12 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -299,6 +299,7 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class="active"><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -442,27 +443,27 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-color.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-dispatch.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-drag.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-ease.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-interpolate.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-selection.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-timer.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-transition.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/d3/d3-zoom.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/js-yaml.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/mermaid.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-color.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-dispatch.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-drag.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-ease.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-interpolate.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-selection.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-timer.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-transition.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/d3/d3-zoom.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/js-yaml.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/mermaid.min.js?1700524448" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat'r :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat'r :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -97,19 +97,19 @@
|
||||
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-e4b65e2f782e42fd4225d7236acae9fd" aria-controls="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<label class="expand-label" for="R-expand-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<input type="checkbox" id="R-expand-87dd68c9d92c6830d1ea3940566a38de" aria-controls="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<label class="expand-label" for="R-expand-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instruct'ns
|
||||
</label>
|
||||
<div id="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" class="expand-content">
|
||||
<div id="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" class="expand-content">
|
||||
|
||||
<p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
|
||||
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
|
||||
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, th' variant switch will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, th' variant selector will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site’s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p>
|
||||
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
|
||||
</div>
|
||||
@ -161,22 +161,22 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-color.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-dispatch.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-drag.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-ease.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-interpolate.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-selection.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-timer.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-transition.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/d3/d3-zoom.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/js-yaml.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/mermaid.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-color.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-dispatch.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-drag.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-ease.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-interpolate.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-selection.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-timer.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-transition.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/d3/d3-zoom.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/js-yaml.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/mermaid.min.js?1700524449" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -2257,12 +2257,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -2275,6 +2275,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -2418,13 +2419,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -1428,8 +1428,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469871"></script>
|
||||
<script src="../../js/variant.js?1700469871"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524447"></script>
|
||||
<script src="../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -224,12 +224,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -242,6 +242,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -385,13 +386,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469873"></script>
|
||||
<script src="../../js/variant.js?1700469873"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524449"></script>
|
||||
<script src="../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -154,7 +154,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
|
||||
@ -166,7 +166,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' adjust th' menu width fer yer whole ship. <a href="../../basics/customization/index.html#change-the-menu-width">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../basics/configuration/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
<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> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../basics/customization/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' additional sort opt'ns fer th' menu an' th' <a href="../../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept th' follow'n values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adher'n t' Hugo’s default sort order).</p>
|
||||
@ -255,7 +255,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' an awesome new feature, that allows ye t' cust'mize yer topbar buttons, change behavior, reorder them or define entirely new ones, unique t' yer installat'n. See <a href="../../basics/topbar/index.html">th' documentat'n</a> fer further details.</p>
|
||||
@ -302,7 +302,7 @@
|
||||
<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> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now <a href="../../basics/customization/index.html#javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
<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> Th' theme now <a href="../../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
|
||||
@ -447,7 +447,7 @@
|
||||
<p>Th' default sett'n o' <code>on</code>, 'n effect since 1.1.0, changed back t' <code>off</code> as there was interference wit' scroll'n on mobile an' big planks.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../basics/customization/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<p>This be also th' new default sett'n if ye haven’t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
@ -546,7 +546,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -556,7 +556,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
|
||||
<p>T' <a href="../../basics/configuration/index.html#global-site-parameters">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
<p>T' <a href="../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
|
||||
@ -590,7 +590,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../../basics/configuration/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<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> <a href="../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -616,7 +616,7 @@
|
||||
<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> <a href="../../cont/markdown/index.html#add-css-classes">Image formatt'n</a> has two new classes t' align images t' th' <code>left</code> or <code>right</code>. Additionally, th' already exist'n <code>inline</code> opt'n be now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Print'n fer th' <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../basics/configuration/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
<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> Print'n fer th' <a href="../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../basics/customization/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -729,7 +729,7 @@
|
||||
<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> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../basics/configuration/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
<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> Ye can activate <a href="../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
|
||||
@ -768,12 +768,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../basics/customization/index.html">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../basics/customization/index.html#partials">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p>This change was made t' allow yer own menu footer t' be placed right after th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../basics/customization/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -784,15 +784,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Wit' this release ye be now cap'ble t' define yer own <em>dark mode</em> variants.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../basics/customization/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../basics/branding/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' see what’s now poss'ble, see th' new variants <code>relearn-dark</code> an' <code>neon</code> that be com'n wit' this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive <a href="../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' <a href="../../basics/customization/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.</p>
|
||||
<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> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -852,7 +852,7 @@
|
||||
<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> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html#global-site-parameters">th' example configurat'n</a>.</p>
|
||||
<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> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../basics/configuration/index.html">th' example configurat'n</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -863,7 +863,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -948,7 +948,7 @@
|
||||
<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> Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further <a href="../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../basics/customization/index.html">documentat'n</a> fer further read'n.</p>
|
||||
<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> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../basics/customization/index.html#partials">documentat'n</a> fer further read'n.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../../shortcodes/children/index.html"><code>children</code></a> wit' new parameter <code>containerstyle</code>.</p>
|
||||
@ -996,8 +996,8 @@
|
||||
|
||||
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-4993eb7cc6e94c1341a9633ce0f4377e" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4993eb7cc6e94c1341a9633ce0f4377e"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fc5c8605116cb10f0e1bcad2477c1e56" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc5c8605116cb10f0e1bcad2477c1e56"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
@ -1047,8 +1047,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-72e59a01b867474284a2ae7d3116ca10" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-72e59a01b867474284a2ae7d3116ca10"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-607f6abee6f9535dc7d31eb4ae27bc80" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f6abee6f9535dc7d31eb4ae27bc80"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
|
||||
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
|
||||
@ -1093,18 +1093,17 @@
|
||||
<h1 id="configurrratn">Configurrrat'n</h1>
|
||||
|
||||
|
||||
<h2 id="global-site-parameters">Global ship parameters</h2>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Cap'n Hugo global configurat'n</a>, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer <code>config.toml</code> (here, values be default).</p>
|
||||
<p>Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.</p>
|
||||
<p>On top o' <a href="https://gohugo.io/overview/configuration/" target="_blank">Hugo’s global configurat'n opt'ns</a>, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer <code>config.toml</code>. Th' defaults be written 'n th' comments o' each opt'n.</p>
|
||||
<p>Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.</p>
|
||||
|
||||
|
||||
<div class="tab-panel" data-tab-group="c5c8beb80aed471751194fe167bdb9ae">
|
||||
<div class="tab-panel" data-tab-group="a67e0f3c72610daed791ff5d22b76884">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="configtoml"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
|
||||
onclick="switchTab('c5c8beb80aed471751194fe167bdb9ae','configtoml')"
|
||||
onclick="switchTab('a67e0f3c72610daed791ff5d22b76884','configtoml')"
|
||||
>
|
||||
<span class="tab-nav-text">config.toml</span>
|
||||
</button>
|
||||
@ -1193,7 +1192,7 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' color variants used fer auto mode.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Default: [ "relearn-light", "relearn-dark" ], overwritten by th' first</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns from themeVariant if existant.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># two non-auto opt'ns o' yer `themeVariant` opt'n if present.</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># Th' auto variant defines how yer ship adjusts t' yer selected OS sett'ns</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># fer light/dark mode. Th' first array element be th' variant fer light mode,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="c"># th' second fer dark mode.</span>
|
||||
@ -1539,14 +1538,134 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">customOpenapiURL</span> <span class="p">=</span> <span class="s2">""</span> <span class="c"># "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"</span></span></span></code></pre></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
</div>
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="brrrandn">Brrrand'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site’s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.</p>
|
||||
<p>A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer <code>config.toml</code>.</p>
|
||||
<p>Th' Relearrrn theme ships wit' a wide set o' different color variants. Ye can use them as-is, copy them over an' use them as a start'n point fer yer customizat'ns or just create completely new variants unique t' yer ship. Th' <a href="../../basics/generator/index.html">interactive variant generator</a> may help ye wit' this task.</p>
|
||||
<p>Once configured 'n yer <code>config.toml</code>, ye can select them wit' th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h2 id="theme-variant">Change th' Variant (Simple)</h2>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value t' th' name o' yer theme file. That’s it! Yer ship will be displayed 'n this variant only.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Yer theme variant file must reside 'n yer site’s <code>static/css</code> directory or 'n th' theme’s <code>static/css</code> directory an' th' file name must start wit' <code>theme-</code> an' end wit <code>.css</code>. In th' above example, th' path o' yer theme file must be <code>static/css/theme-relearn-light.css</code>.</p>
|
||||
<p>If ye want t' make changes t' a shipped color variant, create a copy 'n yer site’s <code>static/css</code> directory. Don’t edit th' file 'n th' theme’s directory!</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' theme provides an advanced configurat'n mode, combin'n th' functionality fer multiple variants wit' th' below possibilities o' adjust'n t' yer OS sett'ns, logo an' rules highlightn'n an' even more!</p>
|
||||
<p>Although all opt'ns documented here be still work'n, th' advanced configurat'n opt'ns be th' recommended way t' configure yer color variants. <a href="#theme-variant-advanced">See below</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h2>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>Ye can use th' <code>auto</code> value wit' th' single or multiple variants opt'n. If ye be us'n multiple variants, ye can drop <code>auto</code> at any posit'n 'n th' option’s array, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will default t' use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode. These defaults be overwritten by th' first two non-auto opt'ns o' yer <code>themeVariant</code> opt'n if present.</p>
|
||||
<p>In th' above example, ye would end wit' <code>red</code> fer light mode an' th' default o' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that behavior, ye can explicitly set <code>themeVariantAuto</code>. Th' first entry 'n th' array be th' color variant fer light mode, th' second fer dark mode.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div><h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop yer image 'n yer site’s <code>static/images/</code> directory an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>If ye want t' adjust yer favicon accord'n t' yer OS sett'ns fer light/dark mode, add th' image files <code>static/images/favicon-light.svg</code> an' <code>static/images/favicon-dark.svg</code> t' yer site’s directory, respectively, correspond'n t' yer file format. In case some o' th' files be miss'n, th' theme falls back t' <code>favicon.svg</code> fer each miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file <code>layouts/partials/favicon.html</code> 'n yer site’s directory an' write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/logo.html</code> o' yer ship. Then write any HTML ye want. Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="syntax-highlightning">Rules highlightn'n</h2>
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>. Then, <code>@import</code> th' rules highlightn'n stylesheet 'n yer color variant stylesheet.</p>
|
||||
<p>For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
<p>If ye want t' reconfigure just th' rules highlight'n o' an exist'n color variant, ye need t' copy th' file t' yer site’s directory an' adjust it accordingly.</p>
|
||||
<h2 id="theme-variant-advanced">Change th' Variant (Advanced)</h2>
|
||||
<p>Th' theme offers a new way t' configure theme variants an' all o' th' aspects above inside o' a single configurat'n item. This comes wit' some features previously unsupported.</p>
|
||||
<p>Like wit' th' <a href="#multiple-variants">multiple variants</a> opt'n, ye be defin'n yer theme variants 'n an array but now <em>not by simple str'ns</em> <strong>but 'n a t'ble wit' subopt'ns</strong>.</p>
|
||||
<p>Again, 'n this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer if th' array contains more than one entry.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div><p>ye now write it that way:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-light"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[[</span><span class="nx">params</span><span class="p">.</span><span class="nx">themeVariant</span><span class="p">]]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">"relearn-dark"</span></span></span></code></pre></div><p>Th' <code>identifier</code> opt'n be mandatory an' equivalent t' th' str'n 'n th' first example. Further opt'ns can be configured, see th' t'ble below.</p>
|
||||
<h3 id="parameter">Parameter</h3>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Default</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>identifier</td>
|
||||
<td><em><empty></em></td>
|
||||
<td>Must correspond t' th' name o' a color variant either 'n yer site’s or th' theme’s directory 'n th' form <code>static/css/theme-<IDENTIFIER>.css</code>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>see notes</td>
|
||||
<td>Th' name t' be displayed 'n th' variant selector. If not set, th' identifier be used 'n a human read'ble form.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="customizatn">Customizat'n</h1>
|
||||
|
||||
|
||||
<h2 id="serving-your-page-from-a-subfolder">Serv'n yer plank from a subfolder</h2>
|
||||
<p>If yer ship be served from a subfolder, eg. <code>https://example.com/mysite/</code>, ye have t' set th' follow'n lines t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">"https://example.com/mysite/"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">canonifyURLs</span> <span class="p">=</span> <span class="kc">true</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Without <code>canonifyURLs=true</code> URLs 'n sublemental planks (like <code>sitemap.xml</code>, <code>rss.xml</code>) will be generated falsly while yer HTML files will still work. See <a href="https://github.com/gohugoio/hugo/issues/5226" target="_blank">https://github.com/gohugoio/hugo/issues/5226</a>.</p>
|
||||
<h2 id="serving-your-page-from-the-filesystem">Serv'n yer plank from th' filesystem</h2>
|
||||
<p>If ye want yer plank served from th' filesystem by us'n URLs start'n wit' <code>file://</code> you’ll need th' follow'n configurat'n 'n yer <code>config.toml</code>:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all branch bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">relativeURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div><p>Th' theme will append an additional <code>index.html</code> t' all plank bundle links by default t' make th' plank be serv'ble from th' file system. If ye don’t care about th' file system an' only serve yer plank via a webserver ye can also generate th' links without this change by add'n this t' yer <code>config.toml</code></p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">disableExplicitIndexURLs</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
@ -1557,15 +1676,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="activate-search">Activate search</h2>
|
||||
<p>If not already present, add th' follow'n lines 'n th' same <code>config.toml</code> file.</p>
|
||||
<p>If not already present, add th' follow'n lines 'n yer <code>config.toml</code> file.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">]</span></span></span></code></pre></div><p>This will generate a search index file at th' root o' yer public folder ready t' be consumed by th' Lunr search library. Avast that th' <code>SEARCH</code> outputformat was named <code>JSON</code> 'n previous releases but was implemented differently. Although <code>JSON</code> still works, it be now deprecated.</p>
|
||||
<h3 id="activate-dedicated-search-page">Activate dedicated search plank</h3>
|
||||
<p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file. This will cause Cap'n Hugo t' generate a new file <code>http://example.com/mysite/search.html</code>.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></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’s search box .</p>
|
||||
<p><a href="#R-image-d22306115a8974c334300d18a284b1ce" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d22306115a8974c334300d18a284b1ce"><img src="../../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-229d2c7dea92fc229aaaa85974d8eca2" class="lightbox-link"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-229d2c7dea92fc229aaaa85974d8eca2"><img src="../../basics/customization/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
@ -1590,22 +1709,10 @@
|
||||
<p>Nevertheless, if you’re unhappy wit' th' result'n URLs ye can manually redefine <code>outputFormats.PRINT</code> 'n yer own <code>config.toml</code> t' yer lik'n.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="mathjax">MathJax</h2>
|
||||
<p>Th' MathJax configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../shortcodes/math/index.html">Math</a> fer additional documentat'n.</p>
|
||||
<h3 id="math-example">Example</h3>
|
||||
<p>MathJax be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Physics” ye coded some JavaScript fer a dynamic formulae. Ye can set th' MathJax parameters locally t' board mathJax on this plank.</p>
|
||||
<p>Ye also can dis'ble MathJax fer specific planks while globally enabled.</p>
|
||||
<h2 id="mermaid">Merrrmaid</h2>
|
||||
<p>Th' Merrrmaid configurat'n parameters can also be set on a specific plank. In this case, th' global parameter would be overwritten by th' local one. See <a href="../../shortcodes/mermaid/index.html">Merrrmaid</a> fer additional documentat'n.</p>
|
||||
<h3 id="mermaid-example">Example</h3>
|
||||
<p>Merrrmaid be globally disabled. By default it won’t be boarded by any plank.</p>
|
||||
<p>On plank “Architecture” ye coded some JavaScript t' dynamically generate a class diagram. Ye can set th' Merrrmaid parameters locally t' board mermaid on this plank.</p>
|
||||
<p>Ye also can dis'ble Merrrmaid fer specific planks while globally enabled.</p>
|
||||
<h2 id="home-button-configuration">Home Button Configurat'n</h2>
|
||||
<p>If th' <code>disableLandingPageButton</code> opt'n be set t' <code>false</code>, a Home button will appear
|
||||
on th' left menu. It be an alternative fer click'n on th' logo. T' edit th'
|
||||
appearance, ye will have t' configure two parameters fer th' defined languages:</p>
|
||||
appearance, ye will have t' configure th' <code>landingPageName</code> fer th' defined languages:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">en</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
@ -1616,76 +1723,13 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">languages</span><span class="p">.</span><span class="nx">pir</span><span class="p">.</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Arrr! Homme"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
|
||||
default values:</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this opt'n be not configured fer a specific language, they will get their default values:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p><a href="#R-image-4b6937aafd2d05491c13909659fc44a1" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4b6937aafd2d05491c13909659fc44a1"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-1f7f37d64d477a895a4887165918b065" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f7f37d64d477a895a4887165918b065"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol an' <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">Twitter Cards</a> t' yer ship. These be configured as mentioned 'n th' Cap'n Hugo docs.</p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="default">
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="customizatn">Customizat'n</h1>
|
||||
|
||||
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
<h2 id="change-the-logo">Change th' Logo</h2>
|
||||
<p>Create a new file 'n <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML ye want.
|
||||
Ye could use an <code>img</code> HTML tag an' reference an image created under th' <em>static</em> folder, or ye could paste a SVG definit'n!</p>
|
||||
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>Th' size o' th' logo will adapt automatically</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="change-the-favicon">Change th' Favicon</h2>
|
||||
<p>If yer favicon be a SVG, PNG or ICO, just drop off yer image 'n yer local <code>static/images/</code> folder an' name it <code>favicon.svg</code>, <code>favicon.png</code> or <code>favicon.ico</code> respectively.</p>
|
||||
<p>Additionally, if ye want yer ship t' use light & dark theme favicons that follow th' OS’ (and 'n some cases, th' browser’s) color scheme, add th' image files t' yer local <code>static/images/</code> folder an' name them eg. <code>favicon-light.svg</code> and/or <code>favicon-dark.svg</code> respectively correspond'n t' yer file format. In case one o' th' files be miss'n, th' theme falls back t' eg. <code>favicon.svg</code> fer th' miss'n file. All supplied favicons must be o' th' same file format.</p>
|
||||
|
||||
<div class="box notices cstyle warning">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>IE an' old browser versions do not support <a href="https://caniuse.com/css-media-interaction" target="_blank">media queries</a>, which be necessary fer th' light & dark theme favicon opt'n.
|
||||
If ye have requirements t' support IE and/or older browser versions, use one o' th' other opt'ns.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>If no favicon file be found, th' theme will lookup th' alternative filename <code>logo</code> 'n th' same locat'n an' will repeat th' search fer th' list o' supported file types.</p>
|
||||
<p>If ye need t' change this default behavior, create a new file 'n <code>layouts/partials/</code> named <code>favicon.html</code>. Then write someth'n like this:</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"/images/favicon.bmp"</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/bmp"</span><span class="p">></span></span></span></code></pre></div><h2 id="change-the-menu-width">Change th' Menu Width</h2>
|
||||
<h2 id="change-the-menu-width">Change th' Menu Width</h2>
|
||||
<p>Th' menu width adjusts automatically fer different screen sizes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
@ -1718,49 +1762,9 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-M</span><span class="p">:</span> <span class="mf">14.375</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--MENU-WIDTH-L</span><span class="p">:</span> <span class="mf">18.75</span><span class="kt">rem</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="theme-variant">Change th' Colors</h2>
|
||||
<p>Th' Relearrrn theme lets ye choose between some predefined color variants 'n light or dark mode, but feel free t' add one yourself!</p>
|
||||
<p>Ye can preview th' shipped variants by chang'n them 'n th' variant selector at th' bottom o' th' menu.</p>
|
||||
<h3 id="single-variant">Single Variant</h3>
|
||||
<p>Set th' <code>themeVariant</code> value wit' th' name o' yer theme file. That’s it!</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">"relearn-light"</span></span></span></code></pre></div><p>In th' above example yer theme file has t' be named <code>theme-relearn-light.css</code></p>
|
||||
<h3 id="multiple-variants">Multiple Variants</h3>
|
||||
<p>Ye can also set multiple variants. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme wit' a variant one.</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"relearn-light"</span><span class="p">,</span> <span class="s2">"relearn-dark"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle tip">
|
||||
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Smarrrt Arrrse</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>If ye want t' switch th' rules highlight'n theme together wit' yer color variant, generate a rules highlight'n stylesheet an' configure yer installat'n <a href="https://gohugo.io/content-management/syntax-highlighting/" target="_blank">accord'n t' Hugo’s documentat'n</a>, an' <code>@import</code> this stylesheet 'n yer color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> an' <code>config.toml</code> o' th' exampleSite.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="adjust-to-os-settings">Adjust t' OS Sett'ns</h3>
|
||||
<p>Ye can also cause th' ship t' adjust t' yer OS sett'ns fer light/dark mode. Just set th' <code>themeVariant</code> t' <code>auto</code>. That’s it.</p>
|
||||
<p>If you’ve set multiple variants, ye can drop <code>auto</code> at any posit'n, but usually it makes sense t' set it 'n th' first posit'n an' make it th' default.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"auto"</span><span class="p">,</span> <span class="s2">"red"</span> <span class="p">]</span></span></span></code></pre></div><p>If ye don’t configure anyth'n else, th' theme will use <code>relearn-light</code> fer light mode an' <code>relearn-dark</code> fer dark mode.</p>
|
||||
<p>If ye don’t like that, ye can set <code>themeVariantAuto</code>. Th' first element be th' variant fer light mode, th' second fer dark mode</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariantAuto</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">"learn"</span><span class="p">,</span> <span class="s2">"neon"</span> <span class="p">]</span></span></span></code></pre></div>
|
||||
<div class="box notices cstyle note">
|
||||
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
|
||||
<div class="box-content">
|
||||
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="javascript">JavaScript</h3>
|
||||
<p>Once a variant be fully boarded, either initially or by switch'n th' variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h3 id="roll-your-own">Roll yer Own</h3>
|
||||
<p>If ye be not happy wit' th' shipped variants ye can either copy an' rename one o' th' shipped files from <code>themes/hugo-theme-relearn/static/css</code> t' <code>static/css</code>, edit them afterwards t' yer lik'n 'n a text editor an' configure th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> or just use th' <a href="../../basics/generator/index.html">interactive variant generator</a>.</p>
|
||||
<h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files. T' provide this behavior t' th' user an' extend'n it fer his own shorrrtcodes this can be configured.</p>
|
||||
<p>Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div><h2 id="own-shortcodes-with-javascript-dependencies">Own Shorrrtcodes wit' JavaScript Dependencies</h2>
|
||||
<p>Certain shorrrtcodes make use o' additional JavaScript files. Th' theme only loads these dependencies if th' shortcode be used. T' do so correctly th' theme adds management code 'n various files.</p>
|
||||
<p>Ye can ye use this mechanism 'n yer own shorrrtcodes. Say ye want t' add a shortcode <code>myshortcode</code> that also requires th' <code>jquery</code> JavaScript library.</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Write th' shortcode file <code>layouts/shortcodes/myshortcode.html</code> an' add th' follow'n line</p>
|
||||
@ -1783,16 +1787,39 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<p>See th' <code>math</code>, <code>mermaid</code> an' <code>openapi</code> shorrrtcodes fer examples.</p>
|
||||
<h2 id="output-formats">Output Formats</h2>
|
||||
<p>Certain parts o' th' theme can be changed fer support o' yer own <a href="https://gohugo.io/templates/output-formats/" target="_blank">output formats</a>. Eg. if ye define a new output format <code>PLAINTEXT</code> 'n yer <code>config.toml</code>, ye can add a file <code>layouts/partials/header.plaintext.html</code> t' change th' way, th' plank header should look like fer that output format.</p>
|
||||
<h2 id="react-to-variant-switches-in-javascript">React t' Variant Switches 'n JavaScript</h2>
|
||||
<p>Once a color variant be fully boarded, either initially or by switch'n th' color variant manually wit' th' variant selector, th' custom event <code>themeVariantLoaded</code> on th' <code>document</code> will be dispatched. Ye can add an event listener an' react t' changes.</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="s1">'themeVariantLoaded'</span><span class="p">,</span> <span class="kd">funct'n</span><span class="p">(</span> <span class="nx">e</span> <span class="p">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span> <span class="nx">e</span><span class="p">.</span><span class="nx">detail</span><span class="p">.</span><span class="nx">variant</span> <span class="p">);</span> <span class="c1">// `relearn-light`
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="p">});</span></span></span></code></pre></div><h2 id="partials">Partials</h2>
|
||||
<p>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple <a href="https://gohugo.io/templates/partials/" target="_blank">partials</a></p>
|
||||
<p>In <code>themes/hugo-theme-relearn/layouts/partials/</code>, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don’t change th' code directly. Instead <a href="https://gohugo.io/themes/customizing/" target="_blank">follow this plank</a>. You’d create a new partial 'n th' <code>layouts/partials</code> folder o' yer local project. This partial will have th' priority.</p>
|
||||
<p>This theme defines th' follow'n partials :</p>
|
||||
<ul>
|
||||
<li><code>header.html</code>: th' header o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>footer.html</code>: th' footer o' th' plank. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>body.html</code>: th' body o' th' plank. Th' body may contain o' one or many articles. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>article.html</code>: th' output fer a single article, can contain elements around yer rrrambl'n. See <a href="#output-formats">output-formats</a></li>
|
||||
<li><code>menu.html</code>: left menu. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>search.html</code>: search box. <em>Not meant t' be overwritten</em></li>
|
||||
<li><code>custom-header.html</code>: custom headers 'n plank. Meant t' be overwritten when add'n CSS imports. Don’t forget t' include <code>style</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>custom-footer.html</code>: custom footer 'n plank. Meant t' be overwritten when add'n JavaScript. Don’t forget t' include <code>javascript</code> HTML tag directive 'n yer file.</li>
|
||||
<li><code>favicon.html</code>: th' favicon</li>
|
||||
<li><code>heading-pre.html</code>: side-wide configurat'n t' prepend t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPre</code> sett'n into account.</li>
|
||||
<li><code>heading-post.html</code>: side-wide configurat'n t' append t' planks title head'ns. If ye override this, it be yer responsibility t' take th' page’s <code>headingPost</code> sett'n into account.</li>
|
||||
<li><code>logo.html</code>: th' logo, on top left hand corner</li>
|
||||
<li><code>meta.html</code>: HTML meta tags, if ye want t' change default behavior</li>
|
||||
<li><code>menu-pre.html</code>: side-wide configurat'n t' prepend t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPre</code> sett'n into account.</li>
|
||||
<li><code>menu-post.html</code>: side-wide configurat'n t' append t' menu items. If ye override this, it be yer responsibility t' take th' page’s <code>menuPost</code> sett'n into account.</li>
|
||||
<li><code>menu-footer.html</code>: footer o' th' the left menu</li>
|
||||
<li><code>toc.html</code>: t'ble o' contents</li>
|
||||
<li><code>rrrambl'n.html</code>: th' rrrambl'n plank itself. This can be overridden if ye want t' display page’s meta data above or below th' rrrambl'n.</li>
|
||||
<li><code>content-header.html</code>: header above th' title, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
<li><code>content-footer.html</code>: footer below th' rrrambl'n, has a default implementat'n but ye can overwrite it if ye don’t like it.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
<div class=" taxonomy-categories term-list cstyle " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
|
||||
<i class="fa-fw fas fa-layer-group"></i>
|
||||
<ul>
|
||||
<li><a class="term-link" href="../../pir/categories/custom/index.html">custom</a></li>
|
||||
<li><a class="term-link" href="../../pir/categories/theming/index.html">theming</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
@ -1805,19 +1832,19 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
||||
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="R-expand-e4b65e2f782e42fd4225d7236acae9fd" aria-controls="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<label class="expand-label" for="R-expand-e4b65e2f782e42fd4225d7236acae9fd" >
|
||||
<input type="checkbox" id="R-expand-87dd68c9d92c6830d1ea3940566a38de" aria-controls="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<label class="expand-label" for="R-expand-87dd68c9d92c6830d1ea3940566a38de" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instruct'ns
|
||||
</label>
|
||||
<div id="R-expandcontent-e4b65e2f782e42fd4225d7236acae9fd" class="expand-content">
|
||||
<div id="R-expandcontent-87dd68c9d92c6830d1ea3940566a38de" class="expand-content">
|
||||
|
||||
<p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
|
||||
<p>Th' arrowed lines reflect how colors be inherited thru different parts o' th' theme if th' descendent isn’t overwritten. If ye want t' delete a color an' let it inherit from its parent, just delete th' value from th' input field.</p>
|
||||
<p>T' better understand this select th' <code>neon</code> variant an' modify th' different head'n colors. There, colors fer th' head'n <code>h2</code>, <code>h3</code> an' <code>h4</code> be explicitly set. <code>h5</code> be not set an' inherits its value from <code>h4</code>. <code>h6</code> be also not set an' inherits its value from <code>h5</code>.</p>
|
||||
<p>Once you’ve changed a color, th' variant switch will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once you’ve changed a color, th' variant selector will show a “My custom variant” entry an' yer changes be stored 'n th' browser. Ye can <strong>browse t' other planks</strong> an' even close th' browser <strong>without los'n yer changes</strong>.</p>
|
||||
<p>Once ye be satisfied, ye can download th' new variants file an' copy it into yer site’s <code>static/css</code> directory. Afterwards ye have t' adjust th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code> t' yer chosen file name.</p>
|
||||
<p>Eg. if yer new variants file be named <code>theme-my-custom-variant.css</code>, ye have t' set <code>themeVariant='my-custom-variant'</code> t' use it.</p>
|
||||
</div>
|
||||
@ -1873,8 +1900,8 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
|
||||
|
||||
<p>Th' theme comes wit' a reasonably configured topbar.</p>
|
||||
<p><a href="#R-image-2733aee02981825098255cdf10de9ce0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2733aee02981825098255cdf10de9ce0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4ca7283295711252fa7555634064efcc" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca7283295711252fa7555634064efcc"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -1886,8 +1913,8 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
</div>
|
||||
<h2 id="areas">Areas</h2>
|
||||
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
|
||||
<p><a href="#R-image-0a8723b955ff3b7c35cb076964924085" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0a8723b955ff3b7c35cb076964924085"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fd28918a085b09f8a7dcd742def02b99" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd28918a085b09f8a7dcd742def02b99"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
|
||||
@ -1923,14 +1950,14 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../basics/configuration/index.html#global-site-parameters">parameter be set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../basics/configuration/index.html">parameter be set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -3544,22 +3571,22 @@ window.variants && variants.generator( '#R-vargenerator' );
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700469873" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700469873" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700469873" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700469873" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-color.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-dispatch.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-drag.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-ease.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-interpolate.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-selection.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-timer.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-transition.min.js?1700524449" defer></script>
|
||||
<script src="../../js/d3/d3-zoom.min.js?1700524449" defer></script>
|
||||
<script src="../../js/js-yaml.min.js?1700524449" defer></script>
|
||||
<script src="../../js/mermaid.min.js?1700524449" defer></script>
|
||||
<script>
|
||||
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
|
||||
</script>
|
||||
<script src="../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -40,18 +40,26 @@ This theme&rsquo;s repository be: https://github.</description>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html</guid>
|
||||
<description>Global ship parameters On top o' Cap'n Hugo global configurat'n, th' Relearrrn theme lets ye define th' follow'n parameters 'n yer config.toml (here, values be default).
|
||||
Avast that some o' these parameters be explained 'n details 'n other sections o' this documentat'n.
|
||||
<description>On top o' Hugo&rsquo;s global configurat'n opt'ns, th' Relearrrn theme lets ye define further opt'ns unique t' th' theme 'n yer config.toml. Th' defaults be written 'n th' comments o' each opt'n.
|
||||
Avast that some o' these opt'ns be explained 'n detail 'n other sections o' this documentat'n.
|
||||
&#8203; config.toml [params] # If an opt'n value be said t' be not set, ye can achieve th' same behavior # by given it an empty str'n value.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Brrrand'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid>
|
||||
<description>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.
|
||||
A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Customizat'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid>
|
||||
<description>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead follow this plank. You&rsquo;d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.
|
||||
This theme defines th' follow'n partials :</description>
|
||||
<description>Serv'n yer plank from a subfolder If yer ship be served from a subfolder, eg. https://example.com/mysite/, ye have t' set th' follow'n lines t' yer config.toml
|
||||
baseURL = &#34;https://example.com/mysite/&#34; canonifyURLs = true relativeURLs = trueWithout canonifyURLs=true URLs 'n sublemental planks (like sitemap.xml, rss.xml) will be generated falsly while yer HTML files will still work. See https://github.com/gohugoio/hugo/issues/5226.
|
||||
Serv'n yer plank from th' filesystem If ye want yer plank served from th' filesystem by us'n URLs start'n wit' file:// you&rsquo;ll need th' follow'n configurat'n 'n yer config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Stylesheet generrrat'r</title>
|
||||
@ -59,7 +67,7 @@ This theme defines th' follow'n partials :</description>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html</guid>
|
||||
<description>This interactive tool may help ye t' generate yer own color variant stylesheet.
|
||||
Show usage instruct'ns T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.
|
||||
Show usage instruct'ns T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.
|
||||
Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.</description>
|
||||
</item>
|
||||
<item>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -179,8 +179,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-72e59a01b867474284a2ae7d3116ca10" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-72e59a01b867474284a2ae7d3116ca10"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-607f6abee6f9535dc7d31eb4ae27bc80" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f6abee6f9535dc7d31eb4ae27bc80"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
|
||||
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
|
||||
@ -298,12 +298,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -316,6 +316,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class="active"><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -459,13 +460,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -125,8 +125,8 @@
|
||||
</span></span><span class="line"><span class="cl"><span class="gh"># Basics
|
||||
</span></span></span><span class="line"><span class="cl"><span class="gh"></span>
|
||||
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p><a href="#R-image-72e59a01b867474284a2ae7d3116ca10" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-72e59a01b867474284a2ae7d3116ca10"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-607f6abee6f9535dc7d31eb4ae27bc80" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-607f6abee6f9535dc7d31eb4ae27bc80"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
|
||||
<p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
|
||||
@ -163,8 +163,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What's New :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What's New :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -228,7 +228,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
|
||||
@ -240,7 +240,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' adjust th' menu width fer yer whole ship. <a href="../../../basics/customization/index.html#change-the-menu-width">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../../basics/configuration/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
<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> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../../basics/customization/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' additional sort opt'ns fer th' menu an' th' <a href="../../../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept th' follow'n values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adher'n t' Hugo’s default sort order).</p>
|
||||
@ -329,7 +329,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html#partials">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' an awesome new feature, that allows ye t' cust'mize yer topbar buttons, change behavior, reorder them or define entirely new ones, unique t' yer installat'n. See <a href="../../../basics/topbar/index.html">th' documentat'n</a> fer further details.</p>
|
||||
@ -376,7 +376,7 @@
|
||||
<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> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now <a href="../../../basics/customization/index.html#javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
<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> Th' theme now <a href="../../../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
|
||||
@ -521,7 +521,7 @@
|
||||
<p>Th' default sett'n o' <code>on</code>, 'n effect since 1.1.0, changed back t' <code>off</code> as there was interference wit' scroll'n on mobile an' big planks.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/customization/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<p>This be also th' new default sett'n if ye haven’t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
@ -620,7 +620,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -630,7 +630,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
|
||||
<p>T' <a href="../../../basics/configuration/index.html#global-site-parameters">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
<p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
|
||||
@ -664,7 +664,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../../../basics/configuration/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -690,7 +690,7 @@
|
||||
<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> <a href="../../../cont/markdown/index.html#add-css-classes">Image formatt'n</a> has two new classes t' align images t' th' <code>left</code> or <code>right</code>. Additionally, th' already exist'n <code>inline</code> opt'n be now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Print'n fer th' <a href="../../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
<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> Print'n fer th' <a href="../../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../../basics/customization/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -803,7 +803,7 @@
|
||||
<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> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
<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> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
|
||||
@ -842,12 +842,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html#partials">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p>This change was made t' allow yer own menu footer t' be placed right after th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/customization/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -858,15 +858,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Wit' this release ye be now cap'ble t' define yer own <em>dark mode</em> variants.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../../basics/customization/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../../basics/branding/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' see what’s now poss'ble, see th' new variants <code>relearn-dark</code> an' <code>neon</code> that be com'n wit' this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' <a href="../../../basics/customization/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.</p>
|
||||
<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> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -926,7 +926,7 @@
|
||||
<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> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html#global-site-parameters">th' example configurat'n</a>.</p>
|
||||
<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> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -937,7 +937,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -1022,7 +1022,7 @@
|
||||
<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> Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../../basics/customization/index.html">documentat'n</a> fer further read'n.</p>
|
||||
<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> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../../basics/customization/index.html#partials">documentat'n</a> fer further read'n.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../../../shortcodes/children/index.html"><code>children</code></a> wit' new parameter <code>containerstyle</code>.</p>
|
||||
@ -1146,12 +1146,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -1164,6 +1164,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -1307,13 +1308,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What's New :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What's New :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -139,7 +139,7 @@
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">author</span><span class="p">.</span><span class="nx">name</span> <span class="p">=</span> <span class="s2">"Hugo"</span></span></span></code></pre></div></li>
|
||||
<li>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies/#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
<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> Taxonomy <a href="https://gohugo.io/content-management/taxonomies#add-custom-metadata-to-a-taxonomy-or-term" target="_blank">term planks</a> now add th' breadcrumb fer each listed plank. If this gets too crowded fer ye, ye can turn th' breadcrumbs off 'n yer <code>config.toml</code> by add'n <code>disableTermBreadcrumbs=true</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Taxonomy an' term planks be now allowed t' contain rrrambl'n. This be added inbetween th' title an' th' plank list.</p>
|
||||
@ -151,7 +151,7 @@
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> It be now poss'ble t' adjust th' menu width fer yer whole ship. <a href="../../../basics/customization/index.html#change-the-menu-width">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../../basics/configuration/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
<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> This release adds social media meta tags fer th' Open Graph protocol an' Twitter Cards t' yer ship. <a href="../../../basics/customization/index.html#social-media-meta-tags">See th' docs</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' additional sort opt'ns fer th' menu an' th' <a href="../../../shortcodes/children/index.html"><code>children</code> shortcode</a>. Both will now accept th' follow'n values: <code>weight</code>, <code>title</code>, <code>linktitle</code>, <code>modifieddate</code>, <code>expirydate</code>, <code>publishdate</code>, <code>date</code>, <code>length</code> or <code>default</code> (adher'n t' Hugo’s default sort order).</p>
|
||||
@ -240,7 +240,7 @@
|
||||
<h2 id="5210">5.21.0 (2023-09-18)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
<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> We made changes t' th' menu footer t' improve alignment wit' th' menu items 'n most cases. Care was taken not t' break yer exist'n overwritten footer. Anyways, if ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html#partials">partial overridden</a>, ye may want t' review th' styl'n (eg. margins/paddings) o' yer partial.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release comes wit' an awesome new feature, that allows ye t' cust'mize yer topbar buttons, change behavior, reorder them or define entirely new ones, unique t' yer installat'n. See <a href="../../../basics/topbar/index.html">th' documentat'n</a> fer further details.</p>
|
||||
@ -287,7 +287,7 @@
|
||||
<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> Th' theme has added two new color variants <code>zen-light</code> an' <code>zen-dark</code>. Check it out!</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme now <a href="../../../basics/customization/index.html#javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
<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> Th' theme now <a href="../../../basics/customization/index.html#react-to-variant-switches-in-javascript">dispatches th' custom event</a> <code>themeVariantLoaded</code> on th' <code>document</code> when th' variant be fully boarded either initially or by switch'n th' variant manually wit' th' variant selector.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Th' theme has updated its Merrrmaid dependency t' 10.3.1. This adds support fer th' <a href="../../../shortcodes/mermaid/index.html#sankey">sankey diagram type</a> an' now comes wit' full support fer YAML inside Merrrmaid graphs (previously, th' theme ignored explicit Merrrmaid theme sett'ns 'n YAML).</p>
|
||||
@ -432,7 +432,7 @@
|
||||
<p>Th' default sett'n o' <code>on</code>, 'n effect since 1.1.0, changed back t' <code>off</code> as there was interference wit' scroll'n on mobile an' big planks.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/customization/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<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> Th' theme be now cap'ble t' visually <a href="../../../basics/branding/index.html#adjust-to-os-settings">adapt t' yer OS’s light/dark mode sett'n</a>.</p>
|
||||
<p>This be also th' new default sett'n if ye haven’t configured <code>themeVariant</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Additionally ye can configure th' variants t' be taken fer light/dark mode wit' th' new <code>themeVariantAuto</code> parameter.</p>
|
||||
<p>This be not supported fer Internet Explorer 11, which still displays 'n th' <code>relearn-light</code> variant.</p>
|
||||
@ -531,7 +531,7 @@
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> This release introduces an additional dedicated search plank. On this plank, displayed search results have more space mak'n it easier scann'n thru large number o' results.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../../basics/configuration/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>T' activate this feature, ye need t' <a href="../../../basics/customization/index.html#activate-dedicated-search-page">configure it</a> 'n yer <code>config.toml</code> as a new outputformat <code>SEARCHPAGE</code> fer th' home plank. If ye don’t configure it, no dedicated search plank will be access'ble an' th' theme works as before.</p>
|
||||
<p>Ye can access th' search plank by either click'n on th' magnifier glass or press'n enter inside o' th' search box.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -541,7 +541,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye be now able t' turn off th' generat'n o' generator meta tags 'n yer HTML head t' hide th' used versions o' Cap'n Hugo an' this theme.</p>
|
||||
<p>T' <a href="../../../basics/configuration/index.html#global-site-parameters">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
<p>T' <a href="../../../basics/configuration/index.html">configure this</a> 'n yer <code>config.toml</code> make sure t' set Hugo’s <code>disableHugoGeneratorInject=true</code> <strong>an'</strong> also <code>[params] disableGeneratorVersion=true</code>, otherwise Cap'n Hugo will generate a meta tag into yer home plank automagically.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Creat'n o' yer project gets a little bit faster wit' this release.</p>
|
||||
@ -575,7 +575,7 @@
|
||||
<h2 id="540">5.4.0 (2022-11-01)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<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> <a href="../../../basics/configuration/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<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> <a href="../../../basics/customization/index.html#serving-your-page-from-the-filesystem">Wit' th' proper sett'ns</a> 'n yer <code>config.toml</code> yer plank be now serv'ble from th' local file system us'n <code>file://</code> URLs.</p>
|
||||
<p>Please note that th' searchbox will only work fer this if ye reconfigure yer outputformat fer th' homepage 'n yer <code>config.toml</code> from <code>JSON</code> t' <code>SEARCH</code>. Th' now deprecated <code>JSON</code> outputformat still works as before, so there be no need t' reconfigure yer installat'n if it be only served from <code>http://</code> or <code>https://</code>.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -601,7 +601,7 @@
|
||||
<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> <a href="../../../cont/markdown/index.html#add-css-classes">Image formatt'n</a> has two new classes t' align images t' th' <code>left</code> or <code>right</code>. Additionally, th' already exist'n <code>inline</code> opt'n be now documented.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Print'n fer th' <a href="../../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
<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> Print'n fer th' <a href="../../../shortcodes/openapi/index.html"><code>swagger</code> shortcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../../basics/customization/index.html#activate-print-support">print support</a> t' be configured.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -714,7 +714,7 @@
|
||||
<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> If ye prefer expandable/collaps'ble menu items, ye can now set <code>collapsibleMenu=true</code> 'n yer <code>config.toml</code>. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can activate <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
<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> Ye can activate <a href="../../../basics/customization/index.html#activate-print-support">print support</a> 'n yer <code>config.toml</code> t' add th' capability t' print whole chapters or even th' complete ship.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Translat'n into Traditional Chinese.</p>
|
||||
@ -753,12 +753,12 @@
|
||||
<h2 id="300">3.0.0 (2022-02-22)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/index.html#partials">partial overridden</a>, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' <code>menu-footer.html</code> partial that be com'n wit' th' exampleSite.</p>
|
||||
<p>This change was made t' allow yer own menu footer t' be placed right after th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' <em>Clear history</em> functionality).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle warning badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-exclamation-triangle"></i></span><span class="badge-content">Break'n</span></span> We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/customization/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>This change will only affect yer installat'n if you’ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/branding/index.html#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant="learn"</code> 'n yer <code>config.toml</code>.</p>
|
||||
<p>Avast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.</p>
|
||||
</li>
|
||||
<li>
|
||||
@ -769,15 +769,15 @@
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Wit' this release ye be now cap'ble t' define yer own <em>dark mode</em> variants.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../../basics/customization/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' make this poss'ble, we have introduced a lot more color variables ye can use 'n <a href="../../../basics/branding/index.html#theme-variant">yer color variants</a>. Yer old variants will still work an' don’t need t' be changed as appropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.</p>
|
||||
<p>T' see what’s now poss'ble, see th' new variants <code>relearn-dark</code> an' <code>neon</code> that be com'n wit' this release.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive <a href="../../../basics/generator/index.html">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' <a href="../../../basics/customization/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.</p>
|
||||
<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> Ye can now configure multiple color variants 'n yer <code>config.toml</code>. In this case, th' first variant be th' default chosen on first view an' a variant selector will be shown 'n th' menu footer. See th' <a href="../../../basics/branding/index.html#multiple-variants">documentat'n</a> fer configurat'n.</p>
|
||||
<p>Avast, that th' new variant selector will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant selector will not be displayed wit' Internet Explorer 11.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -837,7 +837,7 @@
|
||||
<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> Th' theme now supports favicons served from <code>static/images/</code> named as <code>favicon</code> or <code>logo</code> 'n SVG, PNG or ICO format <a href="../../../basics/customization/index.html#change-the-favicon">out o' th' box</a>. An overridden partial <code>layouts/partials/favicon.html</code> may not be necessary anymore 'n most cases.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html#global-site-parameters">th' example configurat'n</a>.</p>
|
||||
<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> Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' <code>disableToc</code> opt'n 'n yer <code>config.toml</code>. For an example see <a href="../../../basics/configuration/index.html">th' example configurat'n</a>.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
@ -848,7 +848,7 @@
|
||||
<hr>
|
||||
<h2 id="260">2.6.0 (2021-10-21)</h2>
|
||||
<ul>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/configuration/index.html#a-word-on-running-your-site-in-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
<li><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Yer ship can now be served from a subfolder if ye set <code>baseURL</code> an' <code>canonifyURLs=true</code> 'n yer <code>config.toml</code>. See th' <a href="../../../basics/customization/index.html#serving-your-page-from-a-subfolder">documentat'n</a> fer a detailed example.</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2 id="250">2.5.0 (2021-10-08)</h2>
|
||||
@ -933,7 +933,7 @@
|
||||
<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> Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further <a href="../../../cont/pages/index.html#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../../basics/customization/index.html">documentat'n</a> fer further read'n.</p>
|
||||
<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> New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../../basics/customization/index.html#partials">documentat'n</a> fer further read'n.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><span class="badge cstyle info badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-plus-circle"></i></span><span class="badge-content">New</span></span> Shortcode <a href="../../../shortcodes/children/index.html"><code>children</code></a> wit' new parameter <code>containerstyle</code>.</p>
|
||||
@ -976,8 +976,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -126,8 +126,8 @@
|
||||
|
||||
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-4993eb7cc6e94c1341a9633ce0f4377e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4993eb7cc6e94c1341a9633ce0f4377e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fc5c8605116cb10f0e1bcad2477c1e56" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc5c8605116cb10f0e1bcad2477c1e56"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
@ -224,12 +224,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -242,6 +242,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class="active"><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -385,13 +386,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -96,8 +96,8 @@
|
||||
|
||||
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
|
||||
<p><a href="#R-image-4993eb7cc6e94c1341a9633ce0f4377e" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4993eb7cc6e94c1341a9633ce0f4377e"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fc5c8605116cb10f0e1bcad2477c1e56" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fc5c8605116cb10f0e1bcad2477c1e56"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
|
||||
|
||||
<footer class="footline">
|
||||
@ -113,8 +113,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -155,8 +155,8 @@
|
||||
|
||||
|
||||
<p>Th' theme comes wit' a reasonably configured topbar.</p>
|
||||
<p><a href="#R-image-2733aee02981825098255cdf10de9ce0" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2733aee02981825098255cdf10de9ce0"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4ca7283295711252fa7555634064efcc" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca7283295711252fa7555634064efcc"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -168,8 +168,8 @@
|
||||
</div>
|
||||
<h2 id="areas">Areas</h2>
|
||||
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
|
||||
<p><a href="#R-image-0a8723b955ff3b7c35cb076964924085" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0a8723b955ff3b7c35cb076964924085"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fd28918a085b09f8a7dcd742def02b99" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd28918a085b09f8a7dcd742def02b99"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
|
||||
@ -205,14 +205,14 @@
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../../basics/configuration/index.html#global-site-parameters">parameter be set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../../basics/configuration/index.html">parameter be set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -569,12 +569,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -587,6 +587,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class="active"><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -730,13 +731,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -23,21 +23,21 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat'n :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469873" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469873" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469873" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469873" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700469873" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700469873" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469873"></script>
|
||||
<script src="../../../js/variant.js?1700469873"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524449" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524449" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524449" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524449" rel="stylesheet" media="print">
|
||||
<link href="../../../css/format-print.css?1700524449" rel="stylesheet">
|
||||
<link href="../../../css/ie.css?1700524449" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524449"></script>
|
||||
<script src="../../../js/variant.js?1700524449"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -95,8 +95,8 @@
|
||||
|
||||
|
||||
<p>Th' theme comes wit' a reasonably configured topbar.</p>
|
||||
<p><a href="#R-image-2733aee02981825098255cdf10de9ce0" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2733aee02981825098255cdf10de9ce0"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-4ca7283295711252fa7555634064efcc" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-4ca7283295711252fa7555634064efcc"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
|
||||
|
||||
<div class="box notices cstyle tip">
|
||||
@ -108,8 +108,8 @@
|
||||
</div>
|
||||
<h2 id="areas">Areas</h2>
|
||||
<p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
|
||||
<p><a href="#R-image-0a8723b955ff3b7c35cb076964924085" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0a8723b955ff3b7c35cb076964924085"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-fd28918a085b09f8a7dcd742def02b99" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-fd28918a085b09f8a7dcd742def02b99"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<ul>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
|
||||
<li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
|
||||
@ -145,14 +145,14 @@
|
||||
<i class="fa-fw fas fa-pen"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../../basics/configuration/index.html#global-site-parameters">parameter be set</a></li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/edit.html" target="_blank"><strong>edit</strong></a>: browses t' th' edit'ble plank if th' <code>editURL</code> <a href="../../../basics/configuration/index.html">parameter be set</a></li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
<i class="fa-fw fas fa-print"></i>
|
||||
|
||||
</button>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../../basics/configuration/index.html#activate-print-support">print support</a> was activated</li>
|
||||
</span> <a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/button/print.html" target="_blank"><strong>print</strong></a>: browses t' th' chapters print'ble plank if <a href="../../../basics/customization/index.html#activate-print-support">print support</a> was activated</li>
|
||||
<li>
|
||||
<span class="btn cstyle transparent">
|
||||
<button type="button">
|
||||
@ -428,8 +428,8 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -82,7 +82,7 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#c">C</a></li>
|
||||
<li><a href="#b">B</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@ -125,9 +125,9 @@
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="categorrry--custom">Categorrry :: custom</h1>
|
||||
<h2 id="c">C</h2>
|
||||
<h2 id="b">B</h2>
|
||||
<ul class="columnize">
|
||||
<li><a href="../../../pir/basics/customization/index.html">Customizat'n</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
<li><a href="../../../pir/basics/branding/index.html">Brrrand'n</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
</ul>
|
||||
|
||||
<footer class="footline">
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,13 +8,12 @@
|
||||
<language>pir</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Customizat'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link>
|
||||
<title>Brrrand'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid>
|
||||
<description>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead follow this plank. You&rsquo;d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.
|
||||
This theme defines th' follow'n partials :</description>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid>
|
||||
<description>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.
|
||||
A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer config.</description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700469871"></script>
|
||||
<script src="../../js/variant.js?1700469871"></script>
|
||||
<link href="../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../js/url.js?1700524447"></script>
|
||||
<script src="../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -228,12 +228,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -246,6 +246,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -389,13 +390,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -217,12 +217,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -235,6 +235,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -378,13 +379,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -22,20 +22,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -82,7 +82,7 @@
|
||||
<div class="topbar-content-wrapper">
|
||||
<nav class="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#c">C</a></li>
|
||||
<li><a href="#b">B</a></li>
|
||||
<li><a href="#s">S</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@ -126,9 +126,9 @@
|
||||
<header class="headline">
|
||||
</header>
|
||||
<h1 id="categorrry--theming">Categorrry :: theming</h1>
|
||||
<h2 id="c">C</h2>
|
||||
<h2 id="b">B</h2>
|
||||
<ul class="columnize">
|
||||
<li><a href="../../../pir/basics/customization/index.html">Customizat'n</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
<li><a href="../../../pir/basics/branding/index.html">Brrrand'n</a><div class="breadcrumbs highlightable" title="Basics">Basics</div></li>
|
||||
</ul>
|
||||
<h2 id="s">S</h2>
|
||||
<ul class="columnize">
|
||||
@ -222,12 +222,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/search.js?1700469873" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/search.js?1700524449" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -240,6 +240,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -383,13 +384,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469873"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524449"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469873" defer></script>
|
||||
<script src="../../../js/theme.js?1700469873" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524449" defer></script>
|
||||
<script src="../../../js/theme.js?1700524449" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -8,13 +8,12 @@
|
||||
<language>pir</language>
|
||||
<atom:link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Customizat'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</link>
|
||||
<title>Brrrand'n</title>
|
||||
<link>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html</guid>
|
||||
<description>Th' Relearrrn theme has been built t' be as configur'ble as poss'ble by defin'n multiple partials
|
||||
In themes/hugo-theme-relearn/layouts/partials/, ye will find all th' partials defined fer this theme. If ye need t' overwrite someth'n, don&rsquo;t change th' code directly. Instead follow this plank. You&rsquo;d create a new partial 'n th' layouts/partials folder o' yer local project. This partial will have th' priority.
|
||||
This theme defines th' follow'n partials :</description>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/branding/index.html</guid>
|
||||
<description>Th' Relearrrn theme provides configurat'n opt'ns t' change yer your site&rsquo;s colors, favicon an' logo. This allows ye t' easily align yer ship visuals t' yer desired style. Most o' these opt'ns be exposed thru so called color variants.
|
||||
A color variant lets ye cust'mize various visual effects o' yer ship like almost any color, used fonts, color schemes o' print, rules highligtn'n, Merrrmaid an' th' OpenAPI shortcode, etc. It contains o' a CSS file an' optional configurat'n opt'ns 'n yer config.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Stylesheet generrrat'r</title>
|
||||
@ -22,7 +21,7 @@ This theme defines th' follow'n partials :</description>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
<guid>https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html</guid>
|
||||
<description>This interactive tool may help ye t' generate yer own color variant stylesheet.
|
||||
Show usage instruct'ns T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.
|
||||
Show usage instruct'ns T' get started, first select a color variant from th' variant selector 'n th' lower left sidebar that fits ye best as a start'n point.
|
||||
Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph an' th' plank will update accordingly.</description>
|
||||
</item>
|
||||
</channel>
|
||||
|
||||
@ -23,20 +23,20 @@
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../../../images/logo.svg?1700469871" rel="icon" type="image/svg+xml">
|
||||
<link href="../../../images/logo.svg?1700524447" rel="icon" type="image/svg+xml">
|
||||
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
|
||||
<link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700469871" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700469871" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700469871" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700469871" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700469871" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700469871" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700469871"></script>
|
||||
<script src="../../../js/variant.js?1700469871"></script>
|
||||
<link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/nucleus.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/auto-complete.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/perfect-scrollbar.min.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/fonts.css?1700524447" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1700524447" rel="stylesheet"></noscript>
|
||||
<link href="../../../css/theme.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/theme-auto.css?1700524447" rel="stylesheet" id="R-variant-style">
|
||||
<link href="../../../css/variant.css?1700524447" rel="stylesheet">
|
||||
<link href="../../../css/print.css?1700524447" rel="stylesheet" media="print">
|
||||
<link href="../../../css/ie.css?1700524447" rel="stylesheet">
|
||||
<script src="../../../js/url.js?1700524447"></script>
|
||||
<script src="../../../js/variant.js?1700524447"></script>
|
||||
<script>
|
||||
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
|
||||
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
|
||||
@ -155,8 +155,8 @@
|
||||
<h2 id="predefined-archetypes">Predefined Archetypes</h2>
|
||||
<h3 id="archetypes-home">Home</h3>
|
||||
<p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.</p>
|
||||
<p><a href="#R-image-0ea3e01e69756f98c2efa3cba8851716" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-0ea3e01e69756f98c2efa3cba8851716"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-8fa363b81b158dee3d04e99d4383479e" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8fa363b81b158dee3d04e99d4383479e"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>T' create a home plank, run th' follow'n command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -166,8 +166,8 @@
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
|
||||
<p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
|
||||
<p><a href="#R-image-007c47bebee9690f869328dd3687c5fd" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-007c47bebee9690f869328dd3687c5fd"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-046652ea67d47c48b2bed9c94757446c" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-046652ea67d47c48b2bed9c94757446c"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>T' create a chapter plank, run th' follow'n command</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter <name>/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
|
||||
@ -179,8 +179,8 @@
|
||||
</span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
|
||||
<h3 id="archetypes-default">Default</h3>
|
||||
<p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
|
||||
<p><a href="#R-image-106a4a4af8f55990a4941eca4cb3f244" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-106a4a4af8f55990a4941eca4cb3f244"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p><a href="#R-image-f21c3f85ae17dfa1caa908d3cc90d5b0" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
|
||||
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f21c3f85ae17dfa1caa908d3cc90d5b0"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
|
||||
<p>T' create a default plank, run either one o' th' follow'n commands</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>/_index.md</span></span></code></pre></div><p>or</p>
|
||||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new <chapter>/<name>.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
|
||||
@ -313,12 +313,12 @@
|
||||
<script>
|
||||
var contentLangs=['en'];
|
||||
</script>
|
||||
<script src="../../../js/auto-complete.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/search.js?1700469872" defer></script>
|
||||
<script src="../../../js/auto-complete.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.multi.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/lunr/lunr.en.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/search.js?1700524448" defer></script>
|
||||
</div>
|
||||
<div id="R-homelinks" class="default-animation">
|
||||
<hr class="padding">
|
||||
@ -331,6 +331,7 @@
|
||||
<li data-nav-id="/pir/basics/requirements/index.html" class=""><a class="padding" href="../../../pir/basics/requirements/index.html">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/installation/index.html" class=""><a class="padding" href="../../../pir/basics/installation/index.html">Installat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/configuration/index.html" class=""><a class="padding" href="../../../pir/basics/configuration/index.html">Configurrrat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/branding/index.html" class=""><a class="padding" href="../../../pir/basics/branding/index.html">Brrrand'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/customization/index.html" class=""><a class="padding" href="../../../pir/basics/customization/index.html">Customizat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/generator/index.html" class=""><a class="padding" href="../../../pir/basics/generator/index.html">Stylesheet generrrat'r<i class="fas fa-check read-icon"></i></a></li>
|
||||
<li data-nav-id="/pir/basics/topbar/index.html" class=""><a class="padding" href="../../../pir/basics/topbar/index.html">Topbarrr Modificat'n<i class="fas fa-check read-icon"></i></a></li>
|
||||
@ -474,13 +475,13 @@
|
||||
setTimeout( githubButtonsInit, 400 );
|
||||
});
|
||||
</script>
|
||||
<script async src="../../../js/github-buttons.js?1700469872"></script>
|
||||
<script async src="../../../js/github-buttons.js?1700524448"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<script src="../../../js/clipboard.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700469872" defer></script>
|
||||
<script src="../../../js/theme.js?1700469872" defer></script>
|
||||
<script src="../../../js/clipboard.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/perfect-scrollbar.min.js?1700524448" defer></script>
|
||||
<script src="../../../js/theme.js?1700524448" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user