hugo-theme-relearn/pir/basics/migration/index.html

728 lines
64 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="pir" 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.105.0">
<meta name="generator" content="Relearn 5.5.0+tip">
<meta name="description" content="Documentation for Hugo Relearn Theme">
<meta name="author" content="Sören Weber">
<title>What&#39;s new :: Cap&#39;n Hugo Relearrrn Theme</title>
<link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s new :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s new :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1667851080" 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?1667851080" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1667851080" rel="stylesheet"></noscript>
<link href="../../../css/featherlight.min.css?1667851080" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/featherlight.min.css?1667851080" rel="stylesheet"></noscript>
<link href="../../../css/auto-complete.css?1667851080" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1667851080" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1667851080" rel="stylesheet">
<link href="../../../css/nucleus.css?1667851080" rel="stylesheet">
<link href="../../../css/fonts.css?1667851080" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1667851080" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1667851080" rel="stylesheet">
<link href="../../../css/theme-relearn-light.css?1667851080" rel="stylesheet" id="variant-style">
<link href="../../../css/ie.css?1667851080" rel="stylesheet">
<link href="../../../css/variant.css?1667851080" rel="stylesheet">
<link href="../../../css/print.css?1667851080" rel="stylesheet" media="print">
<script src="../../../js/variant.js?1667851080"></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(/\/$/, '');
// translations
window.T_Copy_to_clipboard = 'Copy t\u0027 clipboard';
window.T_Copied_to_clipboard = 'Copied t\u0027 clipboard!';
window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
// some further base stuff
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="../../../js/jquery.min.js?1667851080" defer></script>
</head>
<body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/migration/">
<div id="body" class="default-animation">
<div id="sidebar-overlay"></div>
<div id="toc-overlay"></div>
<nav id="topbar" class="highlightable" dir="ltr">
<div>
<div class="navigation">
<a class="nav nav-next" href="../../../pir/basics/requirements/index.html" title="Requirrrements (&#129106;)"><i class="fas fa-chevron-right fa-fw"></i></a>
</div>
<div class="navigation">
<a class="nav nav-prev" href="../../../pir/basics/index.html" title="Basics (&#129104;)"><i class="fas fa-chevron-left fa-fw"></i></a>
</div>
<div id="top-print-link">
<a class="print-link" title='Prrrint whole chapterrr (CTRL+ALT+p)' href="../../../pir/basics/migration/index.print.html">
<i class="fas fa-print fa-fw"></i>
</a>
</div>
<div id="top-github-link">
<a class="github-link" title='Edit (CTRL+ALT+w)' href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="blank">
<i class="fas fa-pen fa-fw"></i>
</a>
</div>
<div id="breadcrumbs">
<span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
</span>
<ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1"> > </li>
<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="2"> > </li>
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s new</span><meta itemprop="position" content="3"></li>
</ol>
</div>
</div>
</nav>
<main id="body-inner" class="highlightable default" tabindex="-1">
<div class="flex-block-wrapper">
<div id="head-tags">
</div>
<article class="default">
<h1>What&#39;s new</h1>
<div class="box notices cstyle warning">
<div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Arrr! Pirrrates</div>
<div class="box-content">
<p>Fello' pirrates, be awarrre <b>some stuff may not work</b> fer us in this trrranslat'n. Like <b>table of rrramblings</b>, see'ng <b>Merrrmaids</b>, do'ng <b>math or chemistrrry</b> and stuff.</p> </div>
</div>
<p>This document shows ye what&rsquo;s new 'n th' latest release. For a detailed list o' changes, see th' <a href="../../../basics/history/">history plank</a>.</p>
<p><strong>Break'n</strong>: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.</p>
<p><strong>Change</strong>: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.</p>
<p><strong>New</strong>: Marks new behavior ye might find interest'n or comes configur'ble.</p>
<hr>
<h2 id="550">5.5.0</h2>
<ul>
<li>
<p><strong>Change</strong>: Th' way images be processed has changed. Now images be lazy boarded by default which speeds up plank board on slow networks and/or big planks an' also th' print preview.</p>
<p>For that th' JavaScript code t' handle th' <a href="../../../cont/markdown/#further-image-formatting">lightbox an' image effects</a> on th' client side was removed 'n favour fer static generat'n o' those effects on th' server.</p>
<p>If ye have used HTML directly 'n yer Marrrkdown files, this now has th' downside that it doesn&rsquo;t respect th' effect query parameter anymore. In this case ye have t' migrate all yer HTML <code>img</code> URLs manually t' th' respective HTML attributes.</p>
<table>
<thead>
<tr>
<th>Old</th>
<th>New</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>&lt;img src=&quot;pic.png?width=20vw&amp;classes=shadow,border&quot;&gt;</code></td>
<td><code>&lt;img src=&quot;pic.png&quot; style=&quot;width:20vw;&quot; class=&quot;shadow border&quot;&gt;</code></td>
</tr>
</tbody>
</table>
</li>
</ul>
<hr>
<h2 id="540">5.4.0</h2>
<ul>
<li>
<p><strong>Change</strong>: <a href="../../../basics/configuration/#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>
<p><strong>Change</strong>: Th' <a href="../../../shortcodes/button/"><code>button</code> shorrrtcode</a> has a new parameter <code>target</code> t' set th' destinat'n frame/window fer th' URL t' open. If not given, it defaults t' a new window/tab fer external URLs or be not set at all fer internal URLs. Previously even internal URLs whar' opened 'n a new window/tab.</p>
</li>
<li>
<p><strong>New</strong>: Th' <a href="../../../shortcodes/math/"><code>math</code> shorrrtcode</a> an' <a href="../../../shortcodes/mermaid/"><code>mermaid</code> shorrrtcode</a> now also support th' <code>align</code> parameter if codefence rules be used.</p>
</li>
<li>
<p><strong>New</strong>: Support fer languages that be written right t' left (like Arabic). This be only implemented fer th' rrrambl'n area but not th' navigat'n sidebar. This feature be not avail'ble 'n Internet Explorer 11.</p>
</li>
<li>
<p><strong>New</strong>: Translat'n fer Finnish (Suomi).</p>
</li>
</ul>
<hr>
<h2 id="530">5.3.0</h2>
<ul>
<li>
<p><strong>Change</strong>: In th' effort t' comply wit' WCAG standards, th' implementat'n o' th' collaps'ble menu was changed. Although th' functionality o' th' new implementat'n works wit' old browsers (Internet Explorer 11), th' display o' th' expander ay'cons does not an' be limited t' modern browsers.</p>
</li>
<li>
<p><strong>New</strong>: <a href="../../../cont/markdown/#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><strong>New</strong>: Print'n fer th' <a href="../../../shortcodes/swagger/"><code>swagger</code> shorrrtcode</a> was optimized t' expand sections that be usually closed 'n interactive mode. This requires <a href="../../../basics/configuration/#activate-print-support">print support</a> t' be configured.</p>
</li>
</ul>
<hr>
<h2 id="520">5.2.0</h2>
<ul>
<li><strong>Change</strong>: If you&rsquo;ve set <code>collapsibleMenu = true</code> 'n yer <code>config.toml</code>, th' menu will be expanded if a search term be found 'n a collapsed submenu. Th' menu will return t' its initial collapse state once th' search term does not match any submenus.</li>
</ul>
<hr>
<h2 id="510">5.1.0</h2>
<ul>
<li>
<p><strong>Change</strong>: Because th' print preview URLs were non deterministic fer normal planks 'n comparison t' plank bundles, this be now changed. Each print preview be now access'ble by add'n a <code>index.print.html</code> t' th' default URL.</p>
<p>Ye can revert this behavior by overwrit'n th' PRINT output format sett'n 'n yer <code>config.toml</code>t':</p>
<div class="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">outputFormats</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">outputFormats</span><span class="p">.</span><span class="nx">PRINT</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span><span class="p">=</span> <span class="s2">&#34;PRINT&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">baseName</span> <span class="p">=</span> <span class="s2">&#34;index&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">path</span> <span class="p">=</span> <span class="s2">&#34;_print&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">isHTML</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">mediaType</span> <span class="p">=</span> <span class="s1">&#39;text/html&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">permalink'ble</span> <span class="p">=</span> <span class="kc">false</span>
</span></span></code></pre></div></li>
</ul>
<hr>
<h2 id="500">5.0.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: Th' theme changed how JavaScript an' CSS dependencies be boarded t' provide a better performance. In case you&rsquo;ve added own JavaScript code that depends on th' themes jQuery implementat'n, ye have t' put it into a separate <code>*.js</code> file (if not already) an' add th' <code>defer</code> keyword t' th' <code>script</code> element. Eg.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">defer</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;myscript.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span></code></pre></div></li>
<li>
<p><strong>Change</strong>: Th' way <a href="../../../cont/archetypes/">archetypes</a> be used t' generate output has changed. Th' new systems allows ye, t' redefine exist'n archetypes or even generate yer own ones.</p>
<p>Yer exist'n markdown files will still work like before an' therefore ye don&rsquo;t need t' change anyth'n aft th' upgrade. Nevertheless, it be recommended t' adapt yer exist'n markdown files t' th' new way as follows:</p>
<ul>
<li>
<p>fer yer home plank, add th' frontmatter parameter <code>archetype = &quot;home&quot;</code> an' remove th' lead'n head'n</p>
</li>
<li>
<p>fer all files contain'n th' deprecated frontmatter parameter <code>chapter = true</code>, replace it wit' <code>archetype = &quot;chapter&quot;</code> an' remove th' lead'n head'ns</p>
</li>
</ul>
</li>
<li>
<p><strong>Change</strong>: Th' frontmatter opt'ns <code>pre</code> / <code>post</code> were renamed t' <code>menuPre</code> / <code>menuPost</code>. Th' old opt'ns will still be used if th' new opt'ns aren&rsquo;t set. Therefore ye don&rsquo;t need t' change anyth'n aft th' upgrade.</p>
</li>
<li>
<p><strong>New</strong>: Add'n new partials <code>heading-pre.html</code> / <code>heading-post.html</code> an' accord'n frontmatter opt'ns <code>headingPre</code> / <code>headingPost</code> t' modify th' way yer page`s main head'n gets styled.</p>
</li>
<li>
<p><strong>New</strong>: Th' new shorrrtcode <code>math</code> be avail'ble t' add beautiful math an' chemical formulae. See th' <a href="../../../shortcodes/math/">documentat'n</a> fer avail'ble features. This feature will not work wit' Internet Explorer 11.</p>
</li>
</ul>
<hr>
<h2 id="420">4.2.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: Th' second parameter fer th' <a href="../../../shortcodes/include/"><code>include</code> shorrrtcode</a> was switched 'n mean'n an' was renamed from <code>showfirsthead'n</code> t' <code>hidefirsthead'n</code>. If ye haven&rsquo;t used this parameter 'n yer shorrrtcode, th' default behavior hasn&rsquo;t changed an' ye don&rsquo;t need t' change anyth'n.</p>
<p>If you&rsquo;ve used th' second boolean parameter, ye have t' rename it an' invert its value t' achieve th' same behavior.</p>
</li>
<li>
<p><strong>Change</strong>: Previously, if th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shorrrtcode</a> could not find a tab item because, th' tabs ended up empty. Now th' first tab be selected instead.</p>
</li>
<li>
<p><strong>Change</strong>: Th' <code>landingPageURL</code> was removed from <code>config.toml</code>. Ye can safely remove this as well from yer configurat'n as it be not used anymore. Th' theme will detect th' land'n plank URL automatically.</p>
</li>
<li>
<p><strong>New</strong>: All shorrrtcodes can now be also called from yer partials. Examples fer this be added t' th' documentat'n o' each shorrrtcode.</p>
</li>
</ul>
<hr>
<h2 id="410">4.1.0</h2>
<ul>
<li><strong>New</strong>: While fix'n issues wit' th' search functionality fer non Latin languages, ye can now <a href="../../../cont/i18n/#search-with-mixed-language-support">configure t' have multiple languages on a single plank</a>.</li>
</ul>
<hr>
<h2 id="400">4.0.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: Th' <code>custom_css</code> config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' <code>custom-header.html</code> template 'n a much more generic manner.</p>
</li>
<li>
<p><strong>Break'n</strong>: Because anchor hover color was not configur'ble without introduc'n more complexity t' th' variant stylesheets, we decided t' remove <code>--MAIN-ANCHOR-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from <code>--MAIN-LINK-color</code> an' <code>--MAIN-ANCHOR-HOVER-color</code> respectively.</p>
</li>
<li>
<p><strong>New</strong>: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
<p>This applies t' <a href="../../../shortcodes/expand/"><code>expand</code></a>, <a href="../../../shortcodes/include/"><code>include</code></a>, <a href="../../../shortcodes/notice/"><code>notice</code></a> an' <a href="../../../shortcodes/siteparam/"><code>siteparam</code></a>.</p>
</li>
<li>
<p><strong>New</strong>: Th' <a href="../../../shortcodes/button/"><code>button</code></a> shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.</p>
</li>
<li>
<p><strong>New</strong>: New colors <code>--PRIMARY-color</code> an' <code>--SECONDARY-color</code> were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
<p>These two colors be th' default fer other, more specific color variables. Ye don&rsquo;t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.</p>
</li>
<li>
<p><strong>New</strong>: Th' documentat'n fer all shorrrtcodes were revised.</p>
</li>
</ul>
<hr>
<h2 id="340">3.4.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: If ye had previously overwritten th' <code>custom-footer.html</code> partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial <code>content-footer.html</code>. <code>custom-footer.html</code> was never meant t' contain HTML other than additional styles an' JavaScript.</p>
</li>
<li>
<p><strong>New</strong>: 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><strong>New</strong>: Ye can activate <a href="../../../basics/configuration/#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><strong>New</strong>: Translat'n fer Traditional Chinese.</p>
</li>
</ul>
<hr>
<h2 id="330">3.3.0</h2>
<ul>
<li>
<p><strong>New</strong>: Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishes between <code>--MAIN-font</code> fer all rrrambl'n text an' <code>--CODE-font</code> fer inline or block code. There be additional overrides fer all head'ns. See th' <a href="../../../basics/generator/">theme variant generator</a> o' th' exampleSite fer all avail'ble variables.</p>
</li>
<li>
<p><strong>New</strong>: Th' new shorrrtcode <code>swagger</code> be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' <a href="../../../shortcodes/swagger/">documentat'n</a> fer avail'ble features. This feature will not work wit' Internet Explorer 11.</p>
</li>
</ul>
<hr>
<h2 id="320">3.2.0</h2>
<ul>
<li>
<p><strong>Change</strong>: In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' <code>disableMermaid</code> config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.</p>
<p>Th' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set <code>disableMermaid=false</code> 'n yer frontmatter t' force th' library t' be boarded. See th' <a href="../../../basics/generator/">theme variant generator</a> o' th' exampleSite fer an example.</p>
<p><strong>This change requires at least Cap'n Hugo 0.93.0 t' be used</strong>. Th' minimum requirement will be reported dur'n build on th' console if not met.</p>
</li>
<li>
<p><strong>New</strong>: Additional color variant vari'ble <code>--MERMAID-theme</code> t' set th' variant&rsquo;s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.</p>
</li>
</ul>
<hr>
<h2 id="310">3.1.0</h2>
<ul>
<li><strong>New</strong>: <a href="../../../shortcodes/attachments/"><code>attachment</code></a> an' <a href="../../../shortcodes/notice/"><code>notice</code></a> shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all <a href="https://fontawesome.com/v5/search?m=free">Font Awesome 5 Free</a> ay'cons.</li>
</ul>
<hr>
<h2 id="300">3.0.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: We made changes t' th' menu footer. If ye have yer <code>menu-footer.html</code> <a href="../../../basics/customization/">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 aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' <em>Clear history</em> functionality).</p>
</li>
<li>
<p><strong>Break'n</strong>: 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&rsquo;ve not set th' <code>themeVariant</code> parameter 'n yer <code>config.toml</code>. <a href="../../../basics/customization/#theme-variant">If ye still want t' use th' Learrrn color variant</a>, ye have t' explicitly set <code>themeVariant=&quot;learn&quot;</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>
<p><strong>Change</strong>: Due t' a bug, that we couldn&rsquo;t fix 'n a general manner fer color variants, we decided t' remove <code>--MENU-SEARCH-BOX-ICONS-color</code> an' introduced <code>--MENU-SEARCH-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.</p>
</li>
<li>
<p><strong>Change</strong>: For consistency reasons, we renamed <code>--MENU-SEARCH-BOX-color</code> t' <code>--MENU-SEARCH-BORDER-color</code>. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.</p>
</li>
<li>
<p><strong>New</strong>: 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/#theme-variant">yer color variants</a>. Yer old variants will still work an' don&rsquo;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&rsquo;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><strong>New</strong>: T' make th' creat'n o' new variants easier fer ye, we&rsquo;ve added a new interactive <a href="../../../basics/generator/">theme variant generator</a>. This feature will not work wit' Internet Explorer 11.</p>
</li>
<li>
<p><strong>New</strong>: 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/#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>
</li>
</ul>
<hr>
<h2 id="290">2.9.0</h2>
<ul>
<li>
<p><strong>Break'n</strong>: This release removes th' themes implementat'n o' <code>ref</code>/<code>relref</code> 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard compliant an' exchang'n this theme 'n yer project t' some other theme will be effortless.</p>
<p>In a standard compliant form ye must not link t' th' <code>*.md</code> file but t' its logical name. You&rsquo;ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:</p>
<table>
<thead>
<tr>
<th>Type</th>
<th>Non-Standard</th>
<th>Standard</th>
</tr>
</thead>
<tbody>
<tr>
<td>Branch bundle</td>
<td><code>basics/configuration/_index.md</code></td>
<td><code>basics/configurat'n</code></td>
</tr>
<tr>
<td>Leaf bundle</td>
<td><code>basics/configuration/index.md</code></td>
<td><code>basics/configurat'n</code></td>
</tr>
<tr>
<td>Plank</td>
<td><code>basics/configurat'n.md</code></td>
<td><code>basics/configurat'n</code></td>
</tr>
</tbody>
</table>
<p>If you&rsquo;ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but <a href="https://gohugo.io/content-management/cross-references/#link-to-another-language-version">Cap'n Hugo got ye covered</a> as well.</p>
<p>Also, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can <a href="https://gohugo.io/content-management/cross-references/#link-to-another-language-version">reconfigure th' error handl'n</a> o' Hugos implementat'n.</p>
<p>In th' best case yer usage o' th' old implementat'n be already standard compliant an' ye don&rsquo;t need t' change anyth'n. You&rsquo;ll notice this very easily once you&rsquo;ve started <code>hugo server</code> aft an upgrade an' no errors be written t' th' console.</p>
<p>Ye may see errors on th' console aft th' update 'n th' form:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">ERROR 2021/11/19 22:29:10 <span class="o">[</span>en<span class="o">]</span> REF_NOT_FOUND: Ref <span class="s2">&#34;basics/configuration/_index.md&#34;</span>: <span class="s2">&#34;hugo-theme-relearn\exampleSite\content\_index.en.md:19:22&#34;</span>: plank not found
</span></span></code></pre></div><p>In this case, ye must apply one o' two opt'ns:</p>
<ol>
<li>
<p>Copy th' old implementat'n files <code>theme/hugo-theme-relearn/layouts/shortcode/ref.html</code> an' <code>theme/hugo-theme-relearn/layouts/shortcode/relref.html</code> t' yer own projects <code>layouts/shortcode/ref.html</code> an' <code>layouts/shortcode/relref.html</code> respectively. <strong>This be not recommended</strong> as yer project will still rely on non-standard behavior afterwards.</p>
</li>
<li>
<p>Start up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all <code>*.md</code> files. <strong>This be th' recommended choice</strong>.</p>
</li>
</ol>
<table>
<thead>
<tr>
<th>Type</th>
<th>Search</th>
<th>Replace by</th>
</tr>
</thead>
<tbody>
<tr>
<td>Branch bundle</td>
<td><code>(ref\s+&quot;[^&quot;]*)/_index\.md&quot;</code></td>
<td><code>$1&quot;</code></td>
</tr>
<tr>
<td>Leaf bundle</td>
<td><code>(ref\s+&quot;[^&quot;]*)/index\.md&quot;</code></td>
<td><code>$1&quot;</code></td>
</tr>
<tr>
<td>Plank</td>
<td><code>(ref\s+&quot;[^&quot;]*)\.md&quot;</code></td>
<td><code>$1&quot;</code></td>
</tr>
</tbody>
</table>
</li>
</ul>
<hr>
<h2 id="280">2.8.0</h2>
<ul>
<li>
<p><strong>Change</strong>: Although never officially documented, this release removes th' font <code>Novacento</code>/<code>Novecento</code>. If ye use it 'n an overwritten CSS please replace it wit' <code>Work Sans</code>. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer Czech.</p>
</li>
<li>
<p><strong>New</strong>: 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/#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><strong>New</strong>: 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/#global-site-parameters">th' example configurat'n</a>.</p>
</li>
</ul>
<hr>
<h2 id="270">2.7.0</h2>
<ul>
<li><strong>New</strong>: Optional second parameter fer <a href="../../../shortcodes/notice/"><code>notice</code></a> shorrrtcode t' set title 'n box header.</li>
</ul>
<hr>
<h2 id="260">2.6.0</h2>
<ul>
<li><strong>New</strong>: 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/#a-word-on-running-your-site-in-a-subfolder">documentat'n</a> fer a detailed example.</li>
</ul>
<hr>
<h2 id="250">2.5.0</h2>
<ul>
<li><strong>Change</strong>: New colors <code>--CODE-BLOCK-color</code> an' <code>--CODE-BLOCK-BG-color</code> were added t' provide a fallback fer Hugos rules highlight'n 'n case <code>guessSyntax=true</code> be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style.</li>
</ul>
<hr>
<h2 id="240">2.4.0</h2>
<ul>
<li>
<p><strong>Change</strong>: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.</p>
</li>
<li>
<p><strong>New</strong>: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n <code>disableTagHiddenPages=true</code> 'n yer <code>config.toml</code>.</p>
</li>
<li>
<p><strong>New</strong>: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' <code>alwaysopen</code> opt'n 'n yer <code>config.toml</code>. Please see further <a href="../../../cont/pages/#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
</li>
<li>
<p><strong>New</strong>: New frontmatter <code>ordersectionsby</code> opt'n t' change immediate children sort'n 'n menu an' <code>children</code> shorrrtcode. Poss'ble values be <code>title</code> or <code>weight</code>.</p>
</li>
<li>
<p><strong>New</strong>: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See <a href="https://gohugo.io/templates/rss/#reference-your-rss-feed-in-head">Cap'n Hugo documentat'n</a>.</p>
</li>
</ul>
<hr>
<h2 id="230">2.3.0</h2>
<ul>
<li><strong>New</strong>: Showcase multilanguage features by provid'n a documentat'n translat'n &ldquo;fer us pirrrates&rdquo;. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints.</li>
</ul>
<hr>
<h2 id="220">2.2.0</h2>
<ul>
<li><strong>New</strong>: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n <code>disableSeoHiddenPages=true</code> 'n yer <code>config.toml</code>.</li>
</ul>
<hr>
<h2 id="210">2.1.0</h2>
<ul>
<li>
<p><strong>Change</strong>: In case th' site&rsquo;s structure contains additional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see <code>CHANGELOG.md</code> 'n th' exampleSite), they will now be ignored by th' search.</p>
</li>
<li>
<p><strong>New</strong>: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n <code>disableSearchHiddenPages=true</code> 'n yer <code>config.toml</code>.</p>
</li>
<li>
<p><strong>New</strong>: If a search term be found 'n an <code>expand</code> shorrrtcode, th' expand will be opened.</p>
</li>
<li>
<p><strong>New</strong>: Th' menu will scroll th' active item into view on board.</p>
</li>
</ul>
<hr>
<h2 id="200">2.0.0</h2>
<ul>
<li>
<p><strong>Change</strong>: Rules highlight'n was switched t' th' <a href="https://gohugo.io/content-management/syntax-highlighting/">built 'n Hugo mechanism</a>. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n</p>
</li>
<li>
<p><strong>Change</strong>: In th' predefined stylesheets there was a typo an' <code>--MENU-HOME-LINK-HOVERED-color</code> must be changed t' <code>--MENU-HOME-LINK-HOVER-color</code>. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.</p>
</li>
<li>
<p><strong>Change</strong>: <code>--MENU-HOME-LINK-color</code> an' <code>--MENU-HOME-LINK-HOVER-color</code> were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.</p>
</li>
<li>
<p><strong>Change</strong>: Arrow navigat'n an' <code>children</code> shorrrtcode were ignor'n sett'n fer <code>ordersectionsby</code>. This be now changed an' may result 'n different sort'n order o' yer sub planks.</p>
</li>
<li>
<p><strong>Change</strong>: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.</p>
</li>
<li>
<p><strong>Change</strong>: A plank without a <code>title</code> will be treated as <code>hidden=true</code>.</p>
</li>
<li>
<p><strong>New</strong>: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further <a href="../../../cont/pages/#override-expand-state-rules-for-menu-entries">documentat'n</a> fer poss'ble values an' default behavior.</p>
</li>
<li>
<p><strong>New</strong>: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See <a href="../../../basics/customization/">documentat'n</a> fer further read'n.</p>
</li>
<li>
<p><strong>New</strong>: Shorrrtcode <a href="../../../shortcodes/children/"><code>children</code></a> wit' new parameter <code>containerstyle</code>.</p>
</li>
<li>
<p><strong>New</strong>: New shorrrtcode <a href="../../../shortcodes/include/"><code>include</code></a> t' include arbitrary file rrrambl'n into a plank.</p>
</li>
</ul>
<hr>
<h2 id="120">1.2.0</h2>
<ul>
<li><strong>New</strong>: Shorrrtcode <a href="../../../shortcodes/expand/"><code>expand</code></a> wit' new parameter t' open on plank board.</li>
</ul>
<hr>
<h2 id="110">1.1.0</h2>
<ul>
<li><strong>New</strong>: <a href="../../../shortcodes/mermaid/#configuration"><code>Merrrmaid</code></a> config opt'ns can be set 'n <code>config.toml</code>.</li>
</ul>
<hr>
<h2 id="100">1.0.0</h2>
<ul>
<li><strong>New</strong>: Initial fork o' th' <a href="https://github.com/matcornic/hugo-theme-learn">Learrrn theme</a> based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' <code>Relearrrn</code> an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see <a href="https://github.com/matcornic/hugo-theme-learn/issues/442#issuecomment-907863495">this comment</a> 'n th' Learrrn issues.</li>
</ul>
<footer class="footline">
</footer>
</article>
</div>
</main>
</div>
<aside id="sidebar" class="default-animation showVisitedLinks" dir="ltr">
<div id="header-wrapper" class="default-animation">
<div id="header" class="default-animation">
<style>
#logo svg,
#logo svg * {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
fill: #282828 !important;
fill: var(--MENU-SECTIONS-BG-color) !important;
opacity: .945;
}
a#logo {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
font-size: 30px;
font-weight: 300;
margin-top: -13px;
max-width: 60%;
text-transform: uppercase;
width: 226px;
white-space: nowrap;
}
a#logo:hover {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
}
#logo svg {
margin-bottom: -20px;
margin-left: -23.5px;
width: 40.5%;
}
@media only all and (max-width: 59.938em) {
a#logo {
font-size: 25px;
margin-top: -3px;
}
#logo svg {
margin-bottom: -12px;
margin-left: -23px;
}
}
@media all and (-ms-high-contrast:none) {
/* IE11s understanding of positioning is weird at best */
a#logo {
margin-top: -58px;
}
#logo svg {
margin-bottom: -62px;
}
}
</style>
<a id="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>
<div class="searchbox default-animation">
<label class="a11y-only" for="search-by">Searrrch</label>
<i class="fas fa-search"></i>
<input data-search-input id="search-by" type="search" placeholder="Searrrch...">
<span data-search-clear=""><i class="fas fa-times"></i></span>
</div>
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1667851080" defer></script>
<script src="../../../js/lunr.min.js?1667851080" defer></script>
<script src="../../../js/lunr.stemmer.support.min.js?1667851080" defer></script>
<script src="../../../js/lunr.multi.min.js?1667851080" defer></script>
<script src="../../../js/lunr.en.min.js?1667851080" defer></script>
<script src="../../../js/search.js?1667851080" defer></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics collapsible-menu">
<li data-nav-id="/pir/basics/" class="dd-item parent"><input type="checkbox" id="section-182650db393a58ea8a0385f10a515d92" aria-controls="subsections-182650db393a58ea8a0385f10a515d92" class="toggle" checked><label class="a11y-only toggle" for="section-182650db393a58ea8a0385f10a515d92" >Submenu Basics</label><a href="../../../pir/basics/">1. Basics<i class="fas fa-check read-icon"></i></a><ul id="subsections-182650db393a58ea8a0385f10a515d92">
<li data-nav-id="/pir/basics/migration/" class="dd-item active"><a href="../../../pir/basics/migration/">What&#39;s new<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/requirements/" class="dd-item"><a href="../../../pir/basics/requirements/">Requirrrements<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/installation/" class="dd-item"><a href="../../../pir/basics/installation/">Installat&#39;n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/configuration/" class="dd-item"><a href="../../../pir/basics/configuration/">Configurrrat&#39;n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/customization/" class="dd-item"><a href="../../../pir/basics/customization/">Customizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/generator/" class="dd-item"><a href="../../../pir/basics/generator/">Stylesheet generrrat&#39;r<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/basics/history/" class="dd-item"><a href="../../../pir/basics/history/">Historrry<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/pir/cont/" class="dd-item"><input type="checkbox" id="section-4074c32ab128bf79d499f2f6ddf50674" aria-controls="subsections-4074c32ab128bf79d499f2f6ddf50674" class="toggle"><label class="a11y-only toggle" for="section-4074c32ab128bf79d499f2f6ddf50674" >Submenu Rambl&#39;n</label><a href="../../../pir/cont/">2. Rambl&#39;n<i class="fas fa-check read-icon"></i></a><ul id="subsections-4074c32ab128bf79d499f2f6ddf50674">
<li data-nav-id="/pir/cont/pages/" class="dd-item"><a href="../../../pir/cont/pages/">Planks orrrganizat&#39;n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/archetypes/" class="dd-item"><a href="../../../pir/cont/archetypes/">Arrrchetypes<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/markdown/" class="dd-item"><a href="../../../pir/cont/markdown/">Marrrkdown rules<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/syntaxhighlight/" class="dd-item"><a href="../../../pir/cont/syntaxhighlight/">Code highlight&#39;n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/menushortcuts/" class="dd-item"><a href="../../../pir/cont/menushortcuts/">Menu extrrra shorrrtcuts<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/icons/" class="dd-item"><a href="../../../pir/cont/icons/">Ay&#39;cons an&#39; logos<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/i18n/" class="dd-item"><a href="../../../pir/cont/i18n/">Multilingual an&#39; i18n<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/cont/tags/" class="dd-item"><a href="../../../pir/cont/tags/">Tags<i class="fas fa-check read-icon"></i></a></li></ul></li>
<li data-nav-id="/pir/shortcodes/" class="dd-item"><input type="checkbox" id="section-215953719902243a01571a1ede64aeeb" aria-controls="subsections-215953719902243a01571a1ede64aeeb" class="toggle"><label class="a11y-only toggle" for="section-215953719902243a01571a1ede64aeeb" >Submenu Shorrrtcodes</label><a href="../../../pir/shortcodes/">3. Shorrrtcodes<i class="fas fa-check read-icon"></i></a><ul id="subsections-215953719902243a01571a1ede64aeeb">
<li data-nav-id="/pir/shortcodes/attachments/" class="dd-item"><a href="../../../pir/shortcodes/attachments/">Attachments<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/button/" class="dd-item"><a href="../../../pir/shortcodes/button/">Button<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/children/" class="dd-item"><input type="checkbox" id="section-05de666a6804433386d9009e44fa7aa3" aria-controls="subsections-05de666a6804433386d9009e44fa7aa3" class="toggle"><label class="a11y-only toggle" for="section-05de666a6804433386d9009e44fa7aa3" >Submenu Children</label><a href="../../../pir/shortcodes/children/">Children<i class="fas fa-check read-icon"></i></a><ul id="subsections-05de666a6804433386d9009e44fa7aa3">
<li data-nav-id="/pir/shortcodes/children/test/" class="dd-item"><a href="../../../pir/shortcodes/children/test/">Plank X<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/children/children-1/" class="dd-item"><input type="checkbox" id="section-5c6c78bc0635ef1f61fdb91197081411" aria-controls="subsections-5c6c78bc0635ef1f61fdb91197081411" class="toggle"><label class="a11y-only toggle" for="section-5c6c78bc0635ef1f61fdb91197081411" >Submenu Plank 1</label><a href="../../../pir/shortcodes/children/children-1/">Plank 1<i class="fas fa-check read-icon"></i></a><ul id="subsections-5c6c78bc0635ef1f61fdb91197081411">
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/" class="dd-item alwaysopen"><input type="checkbox" id="section-be87ceb25a7988952eb9556a69f3cbdf" aria-controls="subsections-be87ceb25a7988952eb9556a69f3cbdf" class="toggle" checked><label class="a11y-only toggle" for="section-be87ceb25a7988952eb9556a69f3cbdf" >Submenu Plank 1-1</label><a href="../../../pir/shortcodes/children/children-1/children-1-1/">Plank 1-1<i class="fas fa-check read-icon"></i></a><ul id="subsections-be87ceb25a7988952eb9556a69f3cbdf">
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" class="dd-item alwaysopen"><input type="checkbox" id="section-989ea17e090bb9681da73b58575dcced" aria-controls="subsections-989ea17e090bb9681da73b58575dcced" class="toggle" checked><label class="a11y-only toggle" for="section-989ea17e090bb9681da73b58575dcced" >Submenu Plank 1-1-2</label><a href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">Plank 1-1-2<i class="fas fa-check read-icon"></i></a><ul id="subsections-989ea17e090bb9681da73b58575dcced">
<li data-nav-id="/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" class="dd-item"><a href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">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/" class="dd-item"><a href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">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/" class="dd-item"><a href="../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">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/" class="dd-item"><a href="../../../pir/shortcodes/children/children-2/">Plank 2<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/children/children-3/" class="dd-item"><input type="checkbox" id="section-085f961452d7baa981ace00de789c321" aria-controls="subsections-085f961452d7baa981ace00de789c321" class="toggle"><label class="a11y-only toggle" for="section-085f961452d7baa981ace00de789c321" >Submenu Plank 3</label><a href="../../../pir/shortcodes/children/children-3/">Plank 3<i class="fas fa-check read-icon"></i></a><ul id="subsections-085f961452d7baa981ace00de789c321">
<li data-nav-id="/pir/shortcodes/children/children-3/test3/" class="dd-item"><a href="../../../pir/shortcodes/children/children-3/test3/">Plank 3-1<i class="fas fa-check read-icon"></i></a></li></ul></li></ul></li>
<li data-nav-id="/pir/shortcodes/expand/" class="dd-item"><a href="../../../pir/shortcodes/expand/">Expand<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/include/" class="dd-item"><a href="../../../pir/shortcodes/include/">Include<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/math/" class="dd-item"><a href="../../../pir/shortcodes/math/">Math<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/mermaid/" class="dd-item"><a href="../../../pir/shortcodes/mermaid/">Merrrmaid<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/notice/" class="dd-item"><a href="../../../pir/shortcodes/notice/">Notice<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/siteparam/" class="dd-item"><a href="../../../pir/shortcodes/siteparam/">Ship param<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/swagger/" class="dd-item"><a href="../../../pir/shortcodes/swagger/">Swaggerrr<i class="fas fa-check read-icon"></i></a></li>
<li data-nav-id="/pir/shortcodes/tabs/" class="dd-item"><a href="../../../pir/shortcodes/tabs/">Tabbed views<i class="fas fa-check read-icon"></i></a></li></ul></li>
</ul>
<div id="shortcuts">
<div class="nav-title">Morrre</div>
<ul>
<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/more/showcase/index.html"><i class='fas fa-fw fa-camera'></i> Showcases</a></li>
<li><a class="padding" href="https://gohugo.io/"><i class='fas fa-fw fa-bookmark'></i> Cap'n Hugo Documentat'n</a></li>
<li><a class="padding" href="../../../pir/more/credits/index.html"><i class='fas fa-fw fa-bullhorn'></i> Crrredits</a></li>
<li><a class="padding" href="../../../pir/tags/index.html"><i class='fas fa-fw fa-tags'></i> Arrr! Tags</a></li>
</ul>
</div>
<div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
<hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter">
<div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
<ul>
<li id="select-language-container" class="footerLangSwitch showLangSwitch">
<div class="padding select-container">
<i class="fas fa-language fa-fw"></i>
<span>&nbsp;</span>
<div class="select-style">
<label class="a11y-only" for="select-language">Language</label>
<select id="select-language" onchange="location = baseUri + this.value;">
<option lang="en" id="en" value="/basics/migration/index.html">English</option>
<option lang="pir" id="pir" value="/pir/basics/migration/index.html" selected>Arrr! ☠ Pirrrates ☠</option>
</select>
</div>
<div class="select-clear"></div>
</div>
</li>
<li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
<div class="padding select-container">
<i class="fas fa-paint-brush fa-fw"></i>
<span>&nbsp;</span>
<div class="select-style">
<label class="a11y-only" for="select-variant">Theme</label>
<select id="select-variant" onchange="window.variants && variants.changeVariant( this.value );">
<option id="relearn-light" value="relearn-light" selected>Relearn Light</option>
<option id="relearn-dark" value="relearn-dark">Relearn Dark</option>
<option id="learn" value="learn">Learn</option>
<option id="neon" value="neon">Neon</option>
<option id="blue" value="blue">Blue</option>
<option id="green" value="green">Green</option>
<option id="red" value="red">Red</option>
</select>
</div>
<div class="select-clear"></div>
</div>
<script>window.variants && variants.markSelectedVariant();</script>
</li>
<li class="footerVisitedLinks showVisitedLinks"><button class="padding" onclick="clearHistory();"><i class="fas fa-history fa-fw"></i> Clear Historrry</button></li>
</ul>
</div>
<div id="footer" class="footerFooter showFooter">
<style>
#footer {
font-size: 13px;
height: 100px;
margin-left: auto;
margin-right: auto;
padding: 2rem 1rem;
text-align: center;
min-width: 230px;
max-width: 300px;
}
#footer p {
margin: 0;
}
</style>
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" 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-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-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<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 async src="../../../js/buttons.js?1667851080"></script>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1667851080" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1667851080" defer></script>
<script src="../../../js/featherlight.min.js?1667851080" defer></script>
<script src="../../../js/theme.js?1667851080" defer></script>
</body>
</html>