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/tab

View file

@ -13,20 +13,20 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
<link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: 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?1687452359" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687452359" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1687452359" rel="stylesheet">
<link href="../../../css/auto-complete.css?1687452359" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687452359" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1687452359" rel="stylesheet">
<link href="../../../css/fonts.css?1687452359" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687452359" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1687452359" rel="stylesheet">
<link href="../../../css/theme-auto.css?1687452359" rel="stylesheet" id="variant-style">
<link href="../../../css/variant.css?1687452359" rel="stylesheet">
<link href="../../../css/print.css?1687452359" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1687452359" rel="stylesheet">
<script src="../../../js/url.js?1687452359"></script>
<script src="../../../js/variant.js?1687452359"></script>
<link href="../../../css/fontawesome-all.min.css?1687453314" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1687453314" rel="stylesheet"></noscript>
<link href="../../../css/nucleus.css?1687453314" rel="stylesheet">
<link href="../../../css/auto-complete.css?1687453314" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1687453314" rel="stylesheet"></noscript>
<link href="../../../css/perfect-scrollbar.min.css?1687453314" rel="stylesheet">
<link href="../../../css/fonts.css?1687453314" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1687453314" rel="stylesheet"></noscript>
<link href="../../../css/theme.css?1687453314" rel="stylesheet">
<link href="../../../css/theme-auto.css?1687453314" rel="stylesheet" id="variant-style">
<link href="../../../css/variant.css?1687453314" rel="stylesheet">
<link href="../../../css/print.css?1687453314" rel="stylesheet" media="print">
<link href="../../../css/ie.css?1687453314" rel="stylesheet">
<script src="../../../js/url.js?1687453314"></script>
<script src="../../../js/variant.js?1687453314"></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
@ -117,13 +117,13 @@
<p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
<p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
<div class="tab-panel" data-tab-group="0de9bc78abdc6dab52db5db0f82a85b0">
<div class="tab-panel" data-tab-group="10bf3b7000c8a0ae3d4035e67d305e05">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="c"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('0de9bc78abdc6dab52db5db0f82a85b0','c')"
onclick="switchTab('10bf3b7000c8a0ae3d4035e67d305e05','c')"
>
<div>
<div class="tab-nav-hidden">c</div>
@ -233,13 +233,13 @@
<h2 id="examples">Examples</h2>
<h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
<div class="tab-panel" data-tab-group="0fa806c5fec85aa204587629fc10400b">
<div class="tab-panel" data-tab-group="7489d70e088bf520ede48229f021e894">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="Code"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('0fa806c5fec85aa204587629fc10400b','Code')"
onclick="switchTab('7489d70e088bf520ede48229f021e894','Code')"
>
<div>
<div class="tab-nav-hidden">Code</div>
@ -259,13 +259,13 @@
</div>
<h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
<div class="tab-panel" data-tab-group="39fa09dd4bd1a94dac5034bbb96a7bdf">
<div class="tab-panel" data-tab-group="62e34c7ce6352d610391d5123f8a7705">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="Mixed"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('39fa09dd4bd1a94dac5034bbb96a7bdf','Mixed')"
onclick="switchTab('62e34c7ce6352d610391d5123f8a7705','Mixed')"
>
<div>
<div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@ -313,13 +313,13 @@
</span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</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">tab</span> <span class="o">%</span><span class="p">}}</span>
</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="dbc26e6355623781474fea3d356bc0cc">
<div class="tab-panel" data-tab-group="a298537c09945644d95b0e2c3f33e5e6">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="just colored style"
class="tab-nav-button tab-panel-style cstyle blue active"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just colored style')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just colored style')"
>
<div>
<div class="tab-nav-hidden">just colored style</div>
@ -329,7 +329,7 @@
<button
data-tab-item="just color"
class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just color')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just color')"
>
<div>
<div class="tab-nav-hidden">just color</div>
@ -339,7 +339,7 @@
<button
data-tab-item="default style an' color"
class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','default style an' color')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','default style an' color')"
>
<div>
<div class="tab-nav-hidden">default style an' color</div>
@ -349,7 +349,7 @@
<button
data-tab-item="just severity stylefa-fw fas fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just severity stylefa-fw fas fa-info-circle')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just severity stylefa-fw fas fa-info-circle')"
>
<div>
<div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@ -359,7 +359,7 @@
<button
data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','severity style an' colorfa-fw fas fa-info-circle')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','severity style an' colorfa-fw fas fa-info-circle')"
>
<div>
<div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@ -502,12 +502,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../../js/auto-complete.js?1687452360" defer></script>
<script src="../../../js/lunr/lunr.min.js?1687452360" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1687452360" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1687452360" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1687452360" defer></script>
<script src="../../../js/search.js?1687452360" defer></script>
<script src="../../../js/auto-complete.js?1687453315" defer></script>
<script src="../../../js/lunr/lunr.min.js?1687453315" defer></script>
<script src="../../../js/lunr/lunr.stemmer.support.min.js?1687453315" defer></script>
<script src="../../../js/lunr/lunr.multi.min.js?1687453315" defer></script>
<script src="../../../js/lunr/lunr.en.min.js?1687453315" defer></script>
<script src="../../../js/search.js?1687453315" defer></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics enlarge morespace collapsible-menu">
@ -626,12 +626,12 @@
<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?1687452360"></script>
<script async src="../../../js/buttons.js?1687453315"></script>
</div>
</div>
</aside>
<script src="../../../js/clipboard.min.js?1687452360" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1687452360" defer></script>
<script src="../../../js/theme.js?1687452360" defer></script>
<script src="../../../js/clipboard.min.js?1687453315" defer></script>
<script src="../../../js/perfect-scrollbar.min.js?1687453315" defer></script>
<script src="../../../js/theme.js?1687453315" defer></script>
</body>
</html>

View file

@ -13,21 +13,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
<link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: 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
@ -81,13 +81,13 @@
<p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
<p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
<div class="tab-panel" data-tab-group="0de9bc78abdc6dab52db5db0f82a85b0">
<div class="tab-panel" data-tab-group="10bf3b7000c8a0ae3d4035e67d305e05">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="c"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('0de9bc78abdc6dab52db5db0f82a85b0','c')"
onclick="switchTab('10bf3b7000c8a0ae3d4035e67d305e05','c')"
>
<div>
<div class="tab-nav-hidden">c</div>
@ -197,13 +197,13 @@
<h2 id="examples">Examples</h2>
<h3 id="single-code-block-with-collapsed-margins">Single Code Block wit' Collapsed Margins</h3>
<div class="tab-panel" data-tab-group="0fa806c5fec85aa204587629fc10400b">
<div class="tab-panel" data-tab-group="7489d70e088bf520ede48229f021e894">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="Code"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('0fa806c5fec85aa204587629fc10400b','Code')"
onclick="switchTab('7489d70e088bf520ede48229f021e894','Code')"
>
<div>
<div class="tab-nav-hidden">Code</div>
@ -223,13 +223,13 @@
</div>
<h3 id="mixed-markdown-content">Mixed Marrrkdown Rrrambl'n</h3>
<div class="tab-panel" data-tab-group="39fa09dd4bd1a94dac5034bbb96a7bdf">
<div class="tab-panel" data-tab-group="62e34c7ce6352d610391d5123f8a7705">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="Mixed"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('39fa09dd4bd1a94dac5034bbb96a7bdf','Mixed')"
onclick="switchTab('62e34c7ce6352d610391d5123f8a7705','Mixed')"
>
<div>
<div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@ -277,13 +277,13 @@
</span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</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">tab</span> <span class="o">%</span><span class="p">}}</span>
</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
<div class="tab-panel" data-tab-group="dbc26e6355623781474fea3d356bc0cc">
<div class="tab-panel" data-tab-group="a298537c09945644d95b0e2c3f33e5e6">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="just colored style"
class="tab-nav-button tab-panel-style cstyle blue active"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just colored style')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just colored style')"
>
<div>
<div class="tab-nav-hidden">just colored style</div>
@ -293,7 +293,7 @@
<button
data-tab-item="just color"
class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just color')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just color')"
>
<div>
<div class="tab-nav-hidden">just color</div>
@ -303,7 +303,7 @@
<button
data-tab-item="default style an' color"
class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','default style an' color')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','default style an' color')"
>
<div>
<div class="tab-nav-hidden">default style an' color</div>
@ -313,7 +313,7 @@
<button
data-tab-item="just severity stylefa-fw fas fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','just severity stylefa-fw fas fa-info-circle')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','just severity stylefa-fw fas fa-info-circle')"
>
<div>
<div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</div>
@ -323,7 +323,7 @@
<button
data-tab-item="severity style an' colorfa-fw fas fa-info-circle"
class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
onclick="switchTab('dbc26e6355623781474fea3d356bc0cc','severity style an' colorfa-fw fas fa-info-circle')"
onclick="switchTab('a298537c09945644d95b0e2c3f33e5e6','severity style an' colorfa-fw fas fa-info-circle')"
>
<div>
<div class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</div>
@ -389,8 +389,8 @@
</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>