hugo-theme-relearn/pir/shortcodes/children/index.print.html
2024-10-24 15:36:57 +00:00

508 lines
30 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="art-x-pir" dir="rtl" itemscope itemtype="http://schema.org/Article">
<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.136.4">
<meta name="generator" content="Relearn 7.0.1+0938e8bd2e8bce8d47586b5c26e306892fcb70a9">
<meta name="description" content="List th&#39; child planks on a plank">
<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="Children :: Cap&#39;n Hugo Relearrrn Theme">
<meta name="twitter:description" content="List th&#39; child planks on a plank">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html">
<meta property="og:site_name" content="Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:title" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
<meta property="og:description" content="List th&#39; child planks on a plank">
<meta property="og:locale" content="art_x_pir">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta itemprop="name" content="Children :: Cap&#39;n Hugo Relearrrn Theme">
<meta itemprop="description" content="List th&#39; child planks on a plank">
<meta itemprop="wordCount" content="453">
<meta itemprop="image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta itemprop="keywords" content="Howto,Reference,Ordersectionsby,Ordersectionsby">
<title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="alternate" hreflang="en">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="art-x-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1729784207" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1729784207" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1729784207" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1729784207" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1729784207" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1729784207" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1729784207" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1729784207" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1729784207" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1729784207" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1729784207" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1729784207" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/print.css?1729784207" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1729784207" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1729784207"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..\/..';
window.relearn.relBaseUri='..\/..\/..\/..';
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
// variant stuff
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
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="/hugo-theme-relearn/pir/shortcodes/children/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&#43;ALT&#43;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&#39; Contents (CTRL&#43;ALT&#43;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="#usage">Usage</a>
<ul>
<li><a href="#parameter">Parameter</a></li>
</ul>
</li>
<li><a href="#examples">Examples</a>
<ul>
<li><a href="#all-default">All Default</a></li>
<li><a href="#with-description">Wit' Descript'n</a></li>
<li><a href="#infinite-depth-and-hidden-pages">Infinite Depth an' Hidden Planks</a></li>
<li><a href="#heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</a></li>
<li><a href="#divs-for-group-and-element-styles">Divs fer Group an' Element Styles</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="/hugo-theme-relearn/pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li><li
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</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/shortcodes/children/_index.pir.md" target="_self" title="Edit (CTRL&#43;ALT&#43;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="/hugo-theme-relearn/pir/shortcodes/children/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;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="/hugo-theme-relearn/pir/shortcodes/button/index.html" title="Button (🡒)"><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="/hugo-theme-relearn/pir/shortcodes/children/test/index.html" title="plank X (🡐)"><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 shortcodes" tabindex="-1">
<div class="flex-block-wrapper">
<article class="default">
<header class="headline">
</header>
<h1 id="children">Children</h1>
<p>Th' <code>children</code> shortcode lists th' child planks o' th' current plank an' its descendants.</p>
<ul class="children children-li children-sort-title">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a></li>
</ul>
<h2 id="usage">Usage</h2>
<div class="tab-panel" data-tab-group="shortcode-parameter">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="shortcode"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('shortcode-parameter','shortcode')"
>
<span class="tab-nav-text">shortcode</span>
</button>
<button
data-tab-item="partial"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('shortcode-parameter','partial')"
>
<span class="tab-nav-text">partial</span>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="shortcode"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;title&#34;</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
</div>
</div>
<div
data-tab-item="partial"
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span> <span class="nx">partial</span> <span class="s">&#34;shortcodes/children.html&#34;</span> <span class="p">(</span><span class="nx">dict</span>
</span></span><span class="line"><span class="cl"> <span class="s">&#34;page&#34;</span> <span class="p">.</span>
</span></span><span class="line"><span class="cl"> <span class="s">&#34;sort&#34;</span> <span class="s">&#34;title&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">)}}</span></span></span></code></pre></div>
</div>
</div>
</div>
</div>
<h3 id="parameter">Parameter</h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Default</th>
<th>Notes</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>containerstyle</strong></td>
<td><code>ul</code></td>
<td>Choose th' style used t' group all children. It could be any HTML tag name.</td>
</tr>
<tr>
<td><strong>style</strong></td>
<td><code>li</code></td>
<td>Choose th' style used t' display each descendant. It could be any HTML tag name.</td>
</tr>
<tr>
<td><strong>showhidden</strong></td>
<td><code>false</code></td>
<td>When <code>true</code>, child planks hidden from th' menu will be displayed as well.</td>
</tr>
<tr>
<td><strong>descript'n</strong></td>
<td><code>false</code></td>
<td>When <code>true</code> shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - <a href="https://gohugo.io/content/summaries/" rel="external" target="_self">read more info about summaries on gohugo.io</a>.</td>
</tr>
<tr>
<td><strong>depth</strong></td>
<td><code>1</code></td>
<td>Th' depth o' descendants t' display. For example, if th' value be <code>2</code>, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. <code>999</code>.</td>
</tr>
<tr>
<td><strong>sort</strong></td>
<td><code>auto</code></td>
<td>Th' sort criteria o' th' displayed list.<br><br>- <code>auto</code> defaults t' <code>ordersectionsby</code> o' th' page&rsquo;s <span class="badge cstyle green badge-with-title"><span class="badge-title"><i class="fa-fw fab fa-markdown"></i></span><span class="badge-content">Front Matter</span></span><br>    or t' <code>ordersectionsby</code> o' th' configurat'n <span class="badge cstyle cyan badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-gears"></i></span><span class="badge-content">Opt'n</span></span><br>    or t' <code>weight</code><br>- <code>weight</code><br>- <code>title</code><br>- <code>linktitle</code><br>- <code>modifieddate</code><br>- <code>expirydate</code><br>- <code>publishdate</code><br>- <code>date</code><br>- <code>length</code><br>- <code>default</code> adher'n t' Hugo&rsquo;s default sort criteria</td>
</tr>
</tbody>
</table>
<h2 id="examples">Examples</h2>
<h3 id="all-default">All Default</h3>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a></li>
</ul>
<h3 id="with-description">Wit' Descript'n</h3>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a><p>This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n...
</p></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a><p>This be a demo child plank</p></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a><p><p>This be a demo child plank wit' no descript'n.</p>
<p>So its rrrambl'n be used as descript'n.</p></p></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a><p>This be a demo child plank</p></li>
</ul>
<h3 id="infinite-depth-and-hidden-pages">Infinite Depth an' Hidden Planks</h3>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a><ul></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">plank 1-1</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">plank 1-1-1 (hidden)</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">plank 1-1-1-1</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html">plank 1-1-1-1-1 (hidden)</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html">plank 1-1-1-1-1-1</a><ul></ul></li></ul></li></ul></li></ul></li>
<li><span>plank 1-1-2 (headless)</span><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">plank 1-1-2-1</a><ul></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">plank 1-1-2-2</a><ul></ul></li></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">plank 1-1-3</a><ul></ul></li></ul></li></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a><ul></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a><ul>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html">plank 3-1</a><ul></ul></li></ul></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html">plank 4 (hidden)</a><ul></ul></li>
</ul>
<h3 id="heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</h3>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="children children-h2 children-sort-">
<h2><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a></h2><p>This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n...
</p>
<h2><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a></h2><p>This be a demo child plank</p>
<h3><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">plank 1-1</a></h3><p>This be a demo child plank</p>
<h4><span>plank 1-1-2 (headless)</span></h4><p>This be a demo child plank</p>
<h4><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">plank 1-1-3</a></h4><p>This be a demo child plank</p>
<h2><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a></h2><p><p>This be a demo child plank wit' no descript'n.</p>
<p>So its rrrambl'n be used as descript'n.</p></p>
<h2><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a></h2><p>This be a demo child plank</p>
<h3><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html">plank 3-1</a></h3><p>This be a plain plank test nested 'n a parent</p>
</div>
<h3 id="divs-for-group-and-element-styles">Divs fer Group an' Element Styles</h3>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="children children-div children-sort-">
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/test/index.html">plank X</a></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html">plank 1</a></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">plank 1-1</a></div>
<div><span>plank 1-1-2 (headless)</span></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">plank 1-1-3</a></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html">plank 2</a></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html">plank 3</a></div>
<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html">plank 3-1</a></div>
</div>
<footer class="footline">
<div class="R-taxonomy taxonomy-categories cstyle" title="Categorrries" 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="/hugo-theme-relearn/pir/categories/howto/index.html">Howto</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/categories/reference/index.html">Reference</a></li>
</ul>
</div>
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; Children</h1>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
</ul>
</div>
</header>
<h1 id="plank-x">plank X</h1>
<p>This be a plain demo child plank X.</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-1">plank 1</h1>
<p>This be a demo child plank.</p>
<h2 id="subpages-of-this-page">Subpages o' this plank</h2>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html">plank 1-1</a></li>
</ul>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1</h1>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-1-1">plank 1-1</h1>
<p>This be a demo child plank wit' a hidden child. Ye can still access th' hidden child <a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">directly</a> or via th' search.</p>
<h2 id="subpages-of-this-page">Subpages o' this plank</h2>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">plank 1-1-1 (hidden)</a></li>
<li><span>plank 1-1-2 (headless)</span></li>
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">plank 1-1-3</a></li>
</ul>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="plank-1-1-2-headless">plank 1-1-2 (headless)</h1>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; plank 1-1-2 (headless)</h1>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-1-1-2-1">plank 1-1-2-1</h1>
<p>This be a plain demo child plank 1-1-2-1.</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-1-1-2-2">plank 1-1-2-2</h1>
<p>This be a plain demo child plank 1-1-2-2.</p>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-1-1-3">plank 1-1-3</h1>
<p>This be a plain demo child plank 1-1-3.</p>
<footer class="footline">
</footer>
</article>
</section>
</section>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-2">plank 2</h1>
<p>This be a demo child plank wit' no descript'n.</p>
<p>So its rrrambl'n be used as descript'n.</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-3">plank 3</h1>
<p>This be a demo child plank.</p>
<h2 id="subpages-of-this-page">Subpages o' this plank</h2>
<ul class="children children-li children-sort-">
<li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html">plank 3-1</a></li>
</ul>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsct&#39;ns o&#39; plank 3</h1>
<article class="default">
<header class="headline">
<div class="R-taxonomy taxonomy-tags cstyle tags" title="Tag-a-taggs" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
<ul>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/children/index.html">Children</a></li>
<li><a class="term-link" href="/hugo-theme-relearn/pir/tags/non-hidden/index.html">Non-Hidden</a></li>
</ul>
</div>
</header>
<h1 id="plank-3-1">plank 3-1</h1>
<p>This be a plain demo child plank 3-1.</p>
<footer class="footline">
</footer>
</article>
</section>
</section>
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1729784207" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1729784207" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1729784207" defer></script>
</body>
</html>