mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-07-17 21:02:28 +00:00
deploy: 29be027dbf
This commit is contained in:
McShelby
parent
2014618840
commit
c0fd942dc6
381 changed files with 9371 additions and 9371 deletions
|
|
@ -13,21 +13,21 @@
|
|||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
|
||||
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="canonical" type="text/html" title="Cap'n Hugo Relearrrn Theme">
|
||||
<link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap'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
|
||||
|
|
@ -85,10 +85,10 @@
|
|||
<p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
|
||||
<p><a href="../basics/migration/">★ What’s new 'n th' latest release ★</a></p>
|
||||
<p>
|
||||
<a href="#image-4c311c6f019d81cc3638a1ecf7a6ce70" class="lightbox-link">
|
||||
<a href="#image-ed3f9ab16a65c2acd569ab84e5758d8e" class="lightbox-link">
|
||||
<img src="../images/hero.png?classes=shadow&width=100%25&height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-4c311c6f019d81cc3638a1ecf7a6ce70">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-ed3f9ab16a65c2acd569ab84e5758d8e">
|
||||
<img src="../images/hero.png?classes=shadow&width=100%25&height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<h2 id="motivation">Motivat'n</h2>
|
||||
|
|
@ -889,10 +889,10 @@
|
|||
<p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
|
||||
<p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
|
||||
<p>
|
||||
<a href="#image-6e3d290d62e31ae54e8a7ac6f5b3e97e" class="lightbox-link">
|
||||
<a href="#image-da2d4579274236feda31acc4e156fe6f" class="lightbox-link">
|
||||
<img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-6e3d290d62e31ae54e8a7ac6f5b3e97e">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-da2d4579274236feda31acc4e156fe6f">
|
||||
<img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
|
||||
|
|
@ -941,10 +941,10 @@
|
|||
</span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-da02cb8957a76b487107d539ecaa38e9" class="lightbox-link">
|
||||
<a href="#image-db4455c605da9e216cca0db067aa7f29" class="lightbox-link">
|
||||
<img src="../basics/installation/chapter.png?classes=shadow&width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-da02cb8957a76b487107d539ecaa38e9">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-db4455c605da9e216cca0db067aa7f29">
|
||||
<img src="../basics/installation/chapter.png?classes=shadow&width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
|
||||
|
|
@ -1099,10 +1099,10 @@
|
|||
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">"HTML"</span><span class="p">,</span> <span class="s2">"RSS"</span><span class="p">,</span> <span class="s2">"SEARCH"</span><span class="p">,</span> <span class="s2">"SEARCHPAGE"</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu’s search box .</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-6b1cb5a4115bcad81cd3c2d483fa820e" class="lightbox-link">
|
||||
<a href="#image-f22fd0d5722da4e2a21cc0dbc1cc19ec" class="lightbox-link">
|
||||
<img src="../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-6b1cb5a4115bcad81cd3c2d483fa820e">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-f22fd0d5722da4e2a21cc0dbc1cc19ec">
|
||||
<img src="../basics/configuration/search_page.png?&width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<h2 id="activate-print-support">Activate print support</h2>
|
||||
|
|
@ -1151,10 +1151,10 @@ default values:</p>
|
|||
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">"<i class='fas fa-home'></i> Home"</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-241c748206bd786f0aaa8abc4f5634de" class="lightbox-link">
|
||||
<a href="#image-9663f516bfc9b49cafa432a634ebc868" class="lightbox-link">
|
||||
<img src="../basics/configuration/home_button_defaults.png?classes=shadow&width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-241c748206bd786f0aaa8abc4f5634de">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-9663f516bfc9b49cafa432a634ebc868">
|
||||
<img src="../basics/configuration/home_button_defaults.png?classes=shadow&width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
|
||||
|
|
@ -1277,13 +1277,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
|
|||
<p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
|
||||
|
||||
<div class="expand">
|
||||
<input type="checkbox" id="expand-8f6e899619d870ba7e81c6b66fb332d9" aria-controls="expandcontent-8f6e899619d870ba7e81c6b66fb332d9" >
|
||||
<label class="expand-label" for="expand-8f6e899619d870ba7e81c6b66fb332d9" >
|
||||
<input type="checkbox" id="expand-9d07ab69c8face5d75854f613efa6808" aria-controls="expandcontent-9d07ab69c8face5d75854f613efa6808" >
|
||||
<label class="expand-label" for="expand-9d07ab69c8face5d75854f613efa6808" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
Show usage instruct'ns
|
||||
</label>
|
||||
<div id="expandcontent-8f6e899619d870ba7e81c6b66fb332d9" class="expand-content">
|
||||
<div id="expandcontent-9d07ab69c8face5d75854f613efa6808" class="expand-content">
|
||||
|
||||
<p>T' get started, first select a color variant from th' variant switch 'n th' lower left sidebar that fits ye best as a start'n point.</p>
|
||||
<p>Th' graph be interactive an' reflect th' current colors. Ye can click on any o' th' colored boxes t' adjust th' respective color. Th' graph <strong>an' th' plank</strong> will update accordingly.</p>
|
||||
|
|
@ -2593,10 +2593,10 @@ window.variants && variants.generator( '#vargenerator' );
|
|||
</span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">"<i class='fab fa-github'></i> "</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p>
|
||||
|
||||
<a href="#image-cb034e5538f9bb0803493dd339f9fd51" class="lightbox-link">
|
||||
<a href="#image-0231e82f5c26cf6b1cf31319a77e19ae" class="lightbox-link">
|
||||
<img src="../cont/pages/frontmatter-icon.png?classes=shadow&width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-cb034e5538f9bb0803493dd339f9fd51">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-0231e82f5c26cf6b1cf31319a77e19ae">
|
||||
<img src="../cont/pages/frontmatter-icon.png?classes=shadow&width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
|
||||
|
|
@ -2645,10 +2645,10 @@ We’ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
|
|||
<p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It’s best t' have only one plank o' this kind 'n yer project.</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-7969c307379aac4cca45c78a530f24b2" class="lightbox-link">
|
||||
<a href="#image-9c66924b1e24ab5c27eb37654d7ca8d0" class="lightbox-link">
|
||||
<img src="../cont/archetypes/pages-home.png?classes=shadow&width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-7969c307379aac4cca45c78a530f24b2">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-9c66924b1e24ab5c27eb37654d7ca8d0">
|
||||
<img src="../cont/archetypes/pages-home.png?classes=shadow&width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<p>T' create a home plank, run th' follow'n command</p>
|
||||
|
|
@ -2662,10 +2662,10 @@ We’ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
|
|||
<p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-8309bba3ea2e400c3d901d97bfe33201" class="lightbox-link">
|
||||
<a href="#image-1cb003f1b7bad7b68b14056896acb8c6" class="lightbox-link">
|
||||
<img src="../cont/archetypes/pages-chapter.png?classes=shadow&width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-8309bba3ea2e400c3d901d97bfe33201">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-1cb003f1b7bad7b68b14056896acb8c6">
|
||||
<img src="../cont/archetypes/pages-chapter.png?classes=shadow&width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<p>T' create a chapter plank, run th' follow'n command</p>
|
||||
|
|
@ -2681,10 +2681,10 @@ We’ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
|
|||
<p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
|
||||
<p>
|
||||
|
||||
<a href="#image-633d2005e9bd4758d572d5b7fdcce7c9" class="lightbox-link">
|
||||
<a href="#image-de153e3e81c359915b9f0790791e1e1d" class="lightbox-link">
|
||||
<img src="../cont/archetypes/pages-default.png?classes=shadow&width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-633d2005e9bd4758d572d5b7fdcce7c9">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-de153e3e81c359915b9f0790791e1e1d">
|
||||
<img src="../cont/archetypes/pages-default.png?classes=shadow&width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<p>T' create a default plank, run either one o' th' follow'n commands</p>
|
||||
|
|
@ -3261,10 +3261,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-e9cbc523a02ca9116f990a387a0fa1fc" class="lightbox-link">
|
||||
<a href="#image-cbf2a3d7cd74f269641e530c190e1edd" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/spocktocat.png?width=20vw&classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-e9cbc523a02ca9116f990a387a0fa1fc">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-cbf2a3d7cd74f269641e530c190e1edd">
|
||||
<img src="https://octodex.github.com/images/spocktocat.png?width=20vw&classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3278,10 +3278,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-aa9f9f93357d3301f11e4b5140a73770" class="lightbox-link">
|
||||
<a href="#image-d86f0bd0c147bc9862ad200e9e35818a" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-aa9f9f93357d3301f11e4b5140a73770">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-d86f0bd0c147bc9862ad200e9e35818a">
|
||||
<img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3297,10 +3297,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-5e5a6de0ce2cbc3199957d4bf6637730" class="lightbox-link">
|
||||
<a href="#image-0ef719a2b5bd36fc9247a8f73dbd3216" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-5e5a6de0ce2cbc3199957d4bf6637730">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-0ef719a2b5bd36fc9247a8f73dbd3216">
|
||||
<img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3316,10 +3316,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-d5bd362395faf2a80539a12d960b9542" class="lightbox-link">
|
||||
<a href="#image-e7d2c0a56934fec174c6f42532662268" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/minion.png?width=20vw&classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-d5bd362395faf2a80539a12d960b9542">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-e7d2c0a56934fec174c6f42532662268">
|
||||
<img src="https://octodex.github.com/images/minion.png?width=20vw&classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3331,10 +3331,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-dc2d59049da1ec1370713782298342b9" class="lightbox-link">
|
||||
<a href="#image-59f11317d7ad46d057b6a72e972b022a" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/minion.png?height=50px&classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-dc2d59049da1ec1370713782298342b9">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-59f11317d7ad46d057b6a72e972b022a">
|
||||
<img src="https://octodex.github.com/images/minion.png?height=50px&classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3347,10 +3347,10 @@ line 3 o' code
|
|||
<p>
|
||||
|
||||
|
||||
<a href="#image-2a88596fda126ffd7148dae542fa8586" class="lightbox-link">
|
||||
<a href="#image-8843b24019407c37d730f9da3deb6645" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw&classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-2a88596fda126ffd7148dae542fa8586">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-8843b24019407c37d730f9da3deb6645">
|
||||
<img src="https://octodex.github.com/images/minion.png?height=50px&width=40vw&classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3365,10 +3365,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-891e43449e271f4639573a626776c813" class="lightbox-link">
|
||||
<a href="#image-4de9780614fab413005560289bae1384" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-891e43449e271f4639573a626776c813">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-4de9780614fab413005560289bae1384">
|
||||
<img src="https://octodex.github.com/images/spidertocat.png?width=20vw&classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3381,10 +3381,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-039f5641c3d9b260e042ca634289bfb2" class="lightbox-link">
|
||||
<a href="#image-c4b1a757569c8638aead00ca45d7c5d2" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-039f5641c3d9b260e042ca634289bfb2">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-c4b1a757569c8638aead00ca45d7c5d2">
|
||||
<img src="https://octodex.github.com/images/droctocat.png?width=20vw&classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3397,10 +3397,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-d1e1fb70fbec71cfed7736b5e46d1270" class="lightbox-link">
|
||||
<a href="#image-2defc8e8804aa64db5c859e0b7d4ff6a" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-d1e1fb70fbec71cfed7736b5e46d1270">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-2defc8e8804aa64db5c859e0b7d4ff6a">
|
||||
<img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3413,10 +3413,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-f98545e5c598e30e7f7ae6e57fbf0ade" class="lightbox-link">
|
||||
<a href="#image-26dfa0c969dac0ee7c64feb4dcb28c89" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-f98545e5c598e30e7f7ae6e57fbf0ade">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-26dfa0c969dac0ee7c64feb4dcb28c89">
|
||||
<img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3432,34 +3432,34 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-d8ad4a0df28676b26f74ea3a7040f546" class="lightbox-link">
|
||||
<a href="#image-ac697b28d2ef41078115e06318ade7e4" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-d8ad4a0df28676b26f74ea3a7040f546">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-ac697b28d2ef41078115e06318ade7e4">
|
||||
<img src="https://octodex.github.com/images/spidertocat.png?width=10vw&classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
|
||||
</a>
|
||||
|
||||
|
||||
<a href="#image-254548564978090a7bc1167c9a935534" class="lightbox-link">
|
||||
<a href="#image-37670636f9ddb9f6b329e0b047204a2e" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-254548564978090a7bc1167c9a935534">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-37670636f9ddb9f6b329e0b047204a2e">
|
||||
<img src="https://octodex.github.com/images/droctocat.png?width=10vw&classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
|
||||
</a>
|
||||
|
||||
|
||||
<a href="#image-13e3dea4b623175a3c6ff240d99f8062" class="lightbox-link">
|
||||
<a href="#image-007962223cfcec7057e6684d21049e99" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-13e3dea4b623175a3c6ff240d99f8062">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-007962223cfcec7057e6684d21049e99">
|
||||
<img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
|
||||
</a>
|
||||
|
||||
|
||||
<a href="#image-d5a5f595e9e906aacb2857b1507eb8dd" class="lightbox-link">
|
||||
<a href="#image-e6e59ad9addab3f439a3ffd778fa1375" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-d5a5f595e9e906aacb2857b1507eb8dd">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-e6e59ad9addab3f439a3ffd778fa1375">
|
||||
<img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3472,10 +3472,10 @@ line 3 o' code
|
|||
|
||||
<p>
|
||||
|
||||
<a href="#image-a28e5ca649a594187ae274efe7e3284f" class="lightbox-link">
|
||||
<a href="#image-8365e9afa38cf7b76f7cf95892c09728" class="lightbox-link">
|
||||
<img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-a28e5ca649a594187ae274efe7e3284f">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-8365e9afa38cf7b76f7cf95892c09728">
|
||||
<img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
</div>
|
||||
|
|
@ -3648,10 +3648,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
|
|||
</ul>
|
||||
<p>
|
||||
|
||||
<a href="#image-9cd3eb3134e3b9c699ac24649612c1af" class="lightbox-link">
|
||||
<a href="#image-5f4d8ef95d6442fad58494ee6a88d23e" class="lightbox-link">
|
||||
<img src="../cont/i18n/i18n-menu.gif?classes=shadow&width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
|
||||
</a>
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-9cd3eb3134e3b9c699ac24649612c1af">
|
||||
<a href="javascript:history.back();" class="lightbox" id="image-5f4d8ef95d6442fad58494ee6a88d23e">
|
||||
<img src="../cont/i18n/i18n-menu.gif?classes=shadow&width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
|
||||
</a></p>
|
||||
<h2 id="basic-configuration">Basic configurat'n</h2>
|
||||
|
|
@ -3866,13 +3866,13 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="0405c4316c971b1b39c56c05608cbe3d">
|
||||
<div class="tab-panel" data-tab-group="719f72457708e83f34d6fef4ec55e7b7">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('0405c4316c971b1b39c56c05608cbe3d','shortcode')"
|
||||
onclick="switchTab('719f72457708e83f34d6fef4ec55e7b7','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -3882,7 +3882,7 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('0405c4316c971b1b39c56c05608cbe3d','partial')"
|
||||
onclick="switchTab('719f72457708e83f34d6fef4ec55e7b7','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -4111,13 +4111,13 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="499fe32c75d8a08c11e3ae9bea5bbf0c">
|
||||
<div class="tab-panel" data-tab-group="d61d558e1616745bd549fa0aaaff1b29">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('499fe32c75d8a08c11e3ae9bea5bbf0c','shortcode')"
|
||||
onclick="switchTab('d61d558e1616745bd549fa0aaaff1b29','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -4127,7 +4127,7 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('499fe32c75d8a08c11e3ae9bea5bbf0c','partial')"
|
||||
onclick="switchTab('d61d558e1616745bd549fa0aaaff1b29','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -4325,13 +4325,13 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="9ee7104cddf5c45735d1bbaf3dfeb368">
|
||||
<div class="tab-panel" data-tab-group="34ed47f1dda7f6449b441fb93fb12702">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('9ee7104cddf5c45735d1bbaf3dfeb368','shortcode')"
|
||||
onclick="switchTab('34ed47f1dda7f6449b441fb93fb12702','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -4341,7 +4341,7 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('9ee7104cddf5c45735d1bbaf3dfeb368','partial')"
|
||||
onclick="switchTab('34ed47f1dda7f6449b441fb93fb12702','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -4650,13 +4650,13 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="b5a0b67016de001d1689735daad4cec6">
|
||||
<div class="tab-panel" data-tab-group="46e17826e484697fc1e4b02c7346d253">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('b5a0b67016de001d1689735daad4cec6','shortcode')"
|
||||
onclick="switchTab('46e17826e484697fc1e4b02c7346d253','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -4666,7 +4666,7 @@ You’ll see error reports 'n yer browsers console log fer each unsupported
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('b5a0b67016de001d1689735daad4cec6','partial')"
|
||||
onclick="switchTab('46e17826e484697fc1e4b02c7346d253','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -5070,13 +5070,13 @@ So its rrrambl'n be used as descript'n.</p>
|
|||
<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…
|
||||
</label>
|
||||
<div id="expandcontent-c4b9685f87e85c3ead3828a827dc31b1" class="expand-content">
|
||||
<div id="expandcontent-91233e886fe3c0ebc1123eac4f6ed1d4" class="expand-content">
|
||||
|
||||
<p>Thank ye!</p>
|
||||
<p>That’s some text wit' a footnote<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
|
||||
|
|
@ -5106,13 +5106,13 @@ So its rrrambl'n be used as descript'n.</p>
|
|||
<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">​</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>
|
||||
|
|
@ -5122,7 +5122,7 @@ So its rrrambl'n be used as descript'n.</p>
|
|||
<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>
|
||||
|
|
@ -5132,7 +5132,7 @@ So its rrrambl'n be used as descript'n.</p>
|
|||
<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>
|
||||
|
|
@ -5203,26 +5203,26 @@ So its rrrambl'n be used as descript'n.</p>
|
|||
<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…
|
||||
</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">"Expand me..."</span> <span class="nx">open</span><span class="p">=</span><span class="s">"true"</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…
|
||||
</label>
|
||||
<div id="expandcontent-3e9ef8e50220c39c5de918f25a3ac359" class="expand-content">
|
||||
<div id="expandcontent-ccea582f92c41a4661ed8980adfe2e76" class="expand-content">
|
||||
<p>
|
||||
No need t' press ye!</div>
|
||||
</div>
|
||||
|
|
@ -5243,13 +5243,13 @@ No need t' press ye!</div>
|
|||
</span></span><span class="line"><span class="cl"><span class="p">></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>
|
||||
|
|
@ -5292,13 +5292,13 @@ No need t' press ye!</div>
|
|||
<p>Ye be free t' also call this shortcode from yer own partials. In this case it somewhat resemble Hugo’s <a href="https://gohugo.io/functions/highlight/" target="_blank"><code>highlight</code> funct'n</a> rules if ye call this shortcode as a partial us'n compatiblity rules.</p>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="99eb457d3d6fdded71a160e0d35d183f">
|
||||
<div class="tab-panel" data-tab-group="f6b89ec4f607b207038a036fc2d7892b">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="codefence"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('99eb457d3d6fdded71a160e0d35d183f','codefence')"
|
||||
onclick="switchTab('f6b89ec4f607b207038a036fc2d7892b','codefence')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">codefence</div>
|
||||
|
|
@ -5308,7 +5308,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('99eb457d3d6fdded71a160e0d35d183f','shortcode')"
|
||||
onclick="switchTab('f6b89ec4f607b207038a036fc2d7892b','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -5318,7 +5318,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="shortcode (positional)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('99eb457d3d6fdded71a160e0d35d183f','shortcode (positional)')"
|
||||
onclick="switchTab('f6b89ec4f607b207038a036fc2d7892b','shortcode (positional)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode (positional)</div>
|
||||
|
|
@ -5328,7 +5328,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('99eb457d3d6fdded71a160e0d35d183f','partial')"
|
||||
onclick="switchTab('f6b89ec4f607b207038a036fc2d7892b','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -5338,7 +5338,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="partial (compat)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('99eb457d3d6fdded71a160e0d35d183f','partial (compat)')"
|
||||
onclick="switchTab('f6b89ec4f607b207038a036fc2d7892b','partial (compat)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial (compat)</div>
|
||||
|
|
@ -5511,13 +5511,13 @@ No need t' press ye!</div>
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="f5934f914395c7d2e6f818dae5ac5795">
|
||||
<div class="tab-panel" data-tab-group="a1dfd2b3b02acb7db0047056af40ab0a">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('f5934f914395c7d2e6f818dae5ac5795','shortcode')"
|
||||
onclick="switchTab('a1dfd2b3b02acb7db0047056af40ab0a','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -5527,7 +5527,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="shortcode (positional)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('f5934f914395c7d2e6f818dae5ac5795','shortcode (positional)')"
|
||||
onclick="switchTab('a1dfd2b3b02acb7db0047056af40ab0a','shortcode (positional)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode (positional)</div>
|
||||
|
|
@ -5537,7 +5537,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('f5934f914395c7d2e6f818dae5ac5795','partial')"
|
||||
onclick="switchTab('a1dfd2b3b02acb7db0047056af40ab0a','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -5638,13 +5638,13 @@ No need t' press ye!</div>
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="7075dd040574185191b0d014b79845fb">
|
||||
<div class="tab-panel" data-tab-group="5d3e65e80252109420ce4b068622a42e">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('7075dd040574185191b0d014b79845fb','shortcode')"
|
||||
onclick="switchTab('5d3e65e80252109420ce4b068622a42e','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -5654,7 +5654,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="shortcode (positional)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('7075dd040574185191b0d014b79845fb','shortcode (positional)')"
|
||||
onclick="switchTab('5d3e65e80252109420ce4b068622a42e','shortcode (positional)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode (positional)</div>
|
||||
|
|
@ -5664,7 +5664,7 @@ No need t' press ye!</div>
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('7075dd040574185191b0d014b79845fb','partial')"
|
||||
onclick="switchTab('5d3e65e80252109420ce4b068622a42e','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -5791,13 +5791,13 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" data-tab-group="690157d3f77322b315dc03768d1a9d82">
|
||||
<div class="tab-panel" data-tab-group="d32beb0619a4f852fbb2698e1c6c460c">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="codefence"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('690157d3f77322b315dc03768d1a9d82','codefence')"
|
||||
onclick="switchTab('d32beb0619a4f852fbb2698e1c6c460c','codefence')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">codefence</div>
|
||||
|
|
@ -5807,7 +5807,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
|
|||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('690157d3f77322b315dc03768d1a9d82','shortcode')"
|
||||
onclick="switchTab('d32beb0619a4f852fbb2698e1c6c460c','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -5817,7 +5817,7 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('690157d3f77322b315dc03768d1a9d82','partial')"
|
||||
onclick="switchTab('d32beb0619a4f852fbb2698e1c6c460c','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -5984,13 +5984,13 @@ graph LR;
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" data-tab-group="d49f985d47a61f5dd75af862a4d59a01">
|
||||
<div class="tab-panel" data-tab-group="4a1efa2efe80cddc0496ae5864ccabd6">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="codefence"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('d49f985d47a61f5dd75af862a4d59a01','codefence')"
|
||||
onclick="switchTab('4a1efa2efe80cddc0496ae5864ccabd6','codefence')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">codefence</div>
|
||||
|
|
@ -6000,7 +6000,7 @@ graph LR;
|
|||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('d49f985d47a61f5dd75af862a4d59a01','shortcode')"
|
||||
onclick="switchTab('4a1efa2efe80cddc0496ae5864ccabd6','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -6010,7 +6010,7 @@ graph LR;
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('d49f985d47a61f5dd75af862a4d59a01','partial')"
|
||||
onclick="switchTab('4a1efa2efe80cddc0496ae5864ccabd6','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -6550,13 +6550,13 @@ timeline
|
|||
<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="be7a4928ca470b041ff6a5a869327216">
|
||||
<div class="tab-panel" data-tab-group="77e174797c23aac3a5ac9ee72c97e970">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('be7a4928ca470b041ff6a5a869327216','shortcode')"
|
||||
onclick="switchTab('77e174797c23aac3a5ac9ee72c97e970','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -6566,7 +6566,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="shortcode (positional)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('be7a4928ca470b041ff6a5a869327216','shortcode (positional)')"
|
||||
onclick="switchTab('77e174797c23aac3a5ac9ee72c97e970','shortcode (positional)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode (positional)</div>
|
||||
|
|
@ -6576,7 +6576,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('be7a4928ca470b041ff6a5a869327216','partial')"
|
||||
onclick="switchTab('77e174797c23aac3a5ac9ee72c97e970','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -6909,13 +6909,13 @@ timeline
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="da5ee465e370f3635a4e14672de9d675">
|
||||
<div class="tab-panel" data-tab-group="dd654ec93bf7e89a6c072b6d51ab3605">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('da5ee465e370f3635a4e14672de9d675','shortcode')"
|
||||
onclick="switchTab('dd654ec93bf7e89a6c072b6d51ab3605','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -6925,7 +6925,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('da5ee465e370f3635a4e14672de9d675','partial')"
|
||||
onclick="switchTab('dd654ec93bf7e89a6c072b6d51ab3605','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -6985,7 +6985,7 @@ timeline
|
|||
<div class="sc-openapi-wrapper is-load'n helper-loading-container">
|
||||
<div
|
||||
class="sc-openapi-container"
|
||||
id="openapi-7e6ebb8742e0e305b220da8d563e2f76"
|
||||
id="openapi-94df095201e0eb828e8187324c3e357b"
|
||||
openapi-url="../shortcodes/openapi/petstore.json"
|
||||
></div>
|
||||
</div>
|
||||
|
|
@ -7006,13 +7006,13 @@ timeline
|
|||
<h2 id="usage">Usage</h2>
|
||||
<p>While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="4c5f6900dcf8eaf5acc2d01eee614aa5">
|
||||
<div class="tab-panel" data-tab-group="71cdafe51fb6d0013dab7de12ef59a18">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="shortcode"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('4c5f6900dcf8eaf5acc2d01eee614aa5','shortcode')"
|
||||
onclick="switchTab('71cdafe51fb6d0013dab7de12ef59a18','shortcode')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode</div>
|
||||
|
|
@ -7022,7 +7022,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="shortcode (positional)"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('4c5f6900dcf8eaf5acc2d01eee614aa5','shortcode (positional)')"
|
||||
onclick="switchTab('71cdafe51fb6d0013dab7de12ef59a18','shortcode (positional)')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">shortcode (positional)</div>
|
||||
|
|
@ -7032,7 +7032,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="partial"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('4c5f6900dcf8eaf5acc2d01eee614aa5','partial')"
|
||||
onclick="switchTab('71cdafe51fb6d0013dab7de12ef59a18','partial')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">partial</div>
|
||||
|
|
@ -7106,13 +7106,13 @@ timeline
|
|||
<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">​</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>
|
||||
|
|
@ -7222,13 +7222,13 @@ timeline
|
|||
<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">​</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>
|
||||
|
|
@ -7248,13 +7248,13 @@ timeline
|
|||
</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">​</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>
|
||||
|
|
@ -7302,13 +7302,13 @@ timeline
|
|||
</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">{{<</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">>}}</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">​</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>
|
||||
|
|
@ -7318,7 +7318,7 @@ timeline
|
|||
<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>
|
||||
|
|
@ -7328,7 +7328,7 @@ timeline
|
|||
<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>
|
||||
|
|
@ -7338,7 +7338,7 @@ timeline
|
|||
<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>
|
||||
|
|
@ -7348,7 +7348,7 @@ timeline
|
|||
<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>
|
||||
|
|
@ -7421,13 +7421,13 @@ timeline
|
|||
<p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
|
||||
<p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="781446a94409a8a8516a75c226260e8d">
|
||||
<div class="tab-panel" data-tab-group="b9e347b3e8c7f0b0cf96c720b3b28754">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">hello.</div>
|
||||
<button
|
||||
data-tab-item="py"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('781446a94409a8a8516a75c226260e8d','py')"
|
||||
onclick="switchTab('b9e347b3e8c7f0b0cf96c720b3b28754','py')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">py</div>
|
||||
|
|
@ -7437,7 +7437,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="sh"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('781446a94409a8a8516a75c226260e8d','sh')"
|
||||
onclick="switchTab('b9e347b3e8c7f0b0cf96c720b3b28754','sh')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">sh</div>
|
||||
|
|
@ -7447,7 +7447,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="c"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('781446a94409a8a8516a75c226260e8d','c')"
|
||||
onclick="switchTab('b9e347b3e8c7f0b0cf96c720b3b28754','c')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">c</div>
|
||||
|
|
@ -7604,13 +7604,13 @@ timeline
|
|||
<p>See what happens t' th' tab views while ye select different tabs.</p>
|
||||
<p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
|
||||
|
||||
<div class="tab-panel" data-tab-group="fd1a52af0b6d0e4a3a635da7cf724cd7">
|
||||
<div class="tab-panel" data-tab-group="c0598889f05829792b49823fcf6e8956">
|
||||
<div class="tab-nav">
|
||||
<div class="tab-nav-title">​</div>
|
||||
<button
|
||||
data-tab-item="Group A, Tab View 1"
|
||||
class="tab-nav-button tab-panel-style cstyle initial active"
|
||||
onclick="switchTab('fd1a52af0b6d0e4a3a635da7cf724cd7','Group A, Tab View 1')"
|
||||
onclick="switchTab('c0598889f05829792b49823fcf6e8956','Group A, Tab View 1')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">Group A, Tab View 1</div>
|
||||
|
|
@ -7620,7 +7620,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="Group A, Tab View 2"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('fd1a52af0b6d0e4a3a635da7cf724cd7','Group A, Tab View 2')"
|
||||
onclick="switchTab('c0598889f05829792b49823fcf6e8956','Group A, Tab View 2')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">Group A, Tab View 2</div>
|
||||
|
|
@ -7630,7 +7630,7 @@ timeline
|
|||
<button
|
||||
data-tab-item="Group B"
|
||||
class="tab-nav-button tab-panel-style cstyle initial"
|
||||
onclick="switchTab('fd1a52af0b6d0e4a3a635da7cf724cd7','Group B')"
|
||||
onclick="switchTab('c0598889f05829792b49823fcf6e8956','Group B')"
|
||||
>
|
||||
<div>
|
||||
<div class="tab-nav-hidden">Group B</div>
|
||||
|
|
@ -8031,8 +8031,8 @@ timeline
|
|||
</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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue