This commit is contained in:
McShelby 2023-06-22 17:02:00 +00:00
parent 2014618840
commit c0fd942dc6
381 changed files with 9371 additions and 9371 deletions
pir/shortcodes/expand

View file

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../images/logo.svg?1687452359" rel="icon" type="image/svg+xml">
<link href="../../../images/logo.svg?1687453314" 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?1687452362" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687452362" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1687452362" rel="stylesheet">
<link href="../../../css/auto-complete.css?1687452362" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687452362" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1687452362" rel="stylesheet">
<link href="../../../css/fonts.css?1687452362" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687452362" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1687452362" rel="stylesheet">
<link href="../../../css/theme-auto.css?1687452362" rel="stylesheet" id="variant-style">
<link href="../../../css/variant.css?1687452362" rel="stylesheet">
<link href="../../../css/print.css?1687452362" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1687452362" rel="stylesheet">
<link href="../../../css/ie.css?1687452362" rel="stylesheet">
<script src="../../../js/url.js?1687452362"></script>
<script src="../../../js/variant.js?1687452362"></script>
<link href="../../../css/fontawesome-all.min.css?1687453317" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453317" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1687453317" rel="stylesheet">
<link href="../../../css/auto-complete.css?1687453317" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453317" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1687453317" rel="stylesheet">
<link href="../../../css/fonts.css?1687453317" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453317" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1687453317" rel="stylesheet">
<link href="../../../css/theme-auto.css?1687453317" rel="stylesheet" id="variant-style">
<link href="../../../css/variant.css?1687453317" rel="stylesheet">
<link href="../../../css/print.css?1687453317" rel="stylesheet" media="print">
<link href="../../../css/format-print.css?1687453317" rel="stylesheet">
<link href="../../../css/ie.css?1687453317" rel="stylesheet">
<script src="../../../js/url.js?1687453317"></script>
<script src="../../../js/variant.js?1687453317"></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,13 +80,13 @@
<p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
<div class="expand">
<input type="checkbox" id="expand-c4b9685f87e85c3ead3828a827dc31b1" aria-controls="expandcontent-c4b9685f87e85c3ead3828a827dc31b1" >
<label class="expand-label" for="expand-c4b9685f87e85c3ead3828a827dc31b1" >
<input type="checkbox" id="expand-91233e886fe3c0ebc1123eac4f6ed1d4" aria-controls="expandcontent-91233e886fe3c0ebc1123eac4f6ed1d4" >
<label class="expand-label" for="expand-91233e886fe3c0ebc1123eac4f6ed1d4" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-c4b9685f87e85c3ead3828a827dc31b1" class="expand-content">
<div id="expandcontent-91233e886fe3c0ebc1123eac4f6ed1d4" class="expand-content">
<p>Thank ye!</p>
<p>That&rsquo;s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
@ -116,13 +116,13 @@
<h2 id="usage">Usage</h2>
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.</p>
<div class="tab-panel" data-tab-group="274de08b7cb2e571afa7374bf162d0d1">
<div class="tab-panel" data-tab-group="c5602185c5f038554a1b8cce9e31b0b9">
<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"
onclick="switchTab('274de08b7cb2e571afa7374bf162d0d1','shortcode')"
onclick="switchTab('c5602185c5f038554a1b8cce9e31b0b9','shortcode')"
>
<div>
<div class="tab-nav-hidden">shortcode</div>
@ -132,7 +132,7 @@
<button
data-tab-item="shortcode (positional)"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('274de08b7cb2e571afa7374bf162d0d1','shortcode (positional)')"
onclick="switchTab('c5602185c5f038554a1b8cce9e31b0b9','shortcode (positional)')"
>
<div>
<div class="tab-nav-hidden">shortcode (positional)</div>
@ -142,7 +142,7 @@
<button
data-tab-item="partial"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('274de08b7cb2e571afa7374bf162d0d1','partial')"
onclick="switchTab('c5602185c5f038554a1b8cce9e31b0b9','partial')"
>
<div>
<div class="tab-nav-hidden">partial</div>
@ -213,26 +213,26 @@
<h3 id="all-defaults">All Defaults</h3>
<div class="wrap-code highlight"><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">expand</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Yes</span><span class="p">,</span> <span class="nx">ye</span> <span class="nx">did</span> <span class="nx">it</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="expand-c38d7216f231665d1748699900cbae90" aria-controls="expandcontent-c38d7216f231665d1748699900cbae90" >
<label class="expand-label" for="expand-c38d7216f231665d1748699900cbae90" >
<input type="checkbox" id="expand-db9d8ed50ae5061e92040eda218b8619" aria-controls="expandcontent-db9d8ed50ae5061e92040eda218b8619" >
<label class="expand-label" for="expand-db9d8ed50ae5061e92040eda218b8619" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-c38d7216f231665d1748699900cbae90" class="expand-content">
<div id="expandcontent-db9d8ed50ae5061e92040eda218b8619" class="expand-content">
<p>
Yes, ye did it!</div>
</div>
<h3 id="initially-expanded">Initially Expanded</h3>
<div class="wrap-code highlight"><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">expand</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Expand me...&#34;</span> <span class="nx">open</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">No</span> <span class="nx">need</span> <span class="nx">t'</span> <span class="nx">press</span> <span class="nx">ye</span><span class="p">!{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="expand-3e9ef8e50220c39c5de918f25a3ac359" aria-controls="expandcontent-3e9ef8e50220c39c5de918f25a3ac359" checked>
<label class="expand-label" for="expand-3e9ef8e50220c39c5de918f25a3ac359" >
<input type="checkbox" id="expand-ccea582f92c41a4661ed8980adfe2e76" aria-controls="expandcontent-ccea582f92c41a4661ed8980adfe2e76" checked>
<label class="expand-label" for="expand-ccea582f92c41a4661ed8980adfe2e76" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-3e9ef8e50220c39c5de918f25a3ac359" class="expand-content">
<div id="expandcontent-ccea582f92c41a4661ed8980adfe2e76" class="expand-content">
<p>
No need t' press ye!</div>
</div>
@ -253,13 +253,13 @@ No need t' press ye!</div>
</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possibilities</span> <span class="nx">be</span> <span class="nf">endless</span> <span class="p">(</span><span class="nx">almost</span> <span class="o">-</span> <span class="nx">includ'n</span> <span class="nx">other</span> <span class="nx">shorrrtcodes</span> <span class="nx">may</span> <span class="nx">or</span> <span class="nx">may</span> <span class="nx">not</span> <span class="nx">work</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">expand</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
<div class="expand">
<input type="checkbox" id="expand-a6e22e9fb2b6fe883965c75f021015e4" aria-controls="expandcontent-a6e22e9fb2b6fe883965c75f021015e4" >
<label class="expand-label" for="expand-a6e22e9fb2b6fe883965c75f021015e4" >
<input type="checkbox" id="expand-7456b51f47e932218638ec473ec7c37e" aria-controls="expandcontent-7456b51f47e932218638ec473ec7c37e" >
<label class="expand-label" for="expand-7456b51f47e932218638ec473ec7c37e" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Show me almost <strong>endless</strong> possibilities
</label>
<div id="expandcontent-a6e22e9fb2b6fe883965c75f021015e4" class="expand-content">
<div id="expandcontent-7456b51f47e932218638ec473ec7c37e" class="expand-content">
<p>Ye can add standard markdown rules:</p>
<ul>
@ -284,8 +284,8 @@ No need t' press ye!</div>
</div>
</main>
</div>
<script src="../../../js/clipboard.min.js?1687452362" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1687452362" defer></script>
<script src="../../../js/theme.js?1687452362" defer></script>
<script src="../../../js/clipboard.min.js?1687453317" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1687453317" defer></script>
<script src="../../../js/theme.js?1687453317" defer></script>
</body>
</html>