mirror of https://github.com/vacp2p/rfc.git
537 lines
12 KiB
HTML
537 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<meta name="generator" content="Hugo 0.80.0" />
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
|
|
{{< tabs "uniqueid" >}} {{< tab "MacOS" >}} # MacOS Content {{< /tab >}} {{< tab "Linux" >}} # Linux Content {{< /tab >}} {{< tab "Windows" >}} # Windows Content {{< /tab >}} {{< /tabs >}} Example # MacOS MacOS This is tab MacOS content.
|
|
Lorem markdownum insigne. Olympo signis Delphis!">
|
|
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="" />
|
|
<meta property="og:description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
|
|
{{< tabs "uniqueid" >}} {{< tab "MacOS" >}} # MacOS Content {{< /tab >}} {{< tab "Linux" >}} # Linux Content {{< /tab >}} {{< tab "Windows" >}} # Windows Content {{< /tab >}} {{< /tabs >}} Example # MacOS MacOS This is tab MacOS content.
|
|
Lorem markdownum insigne. Olympo signis Delphis!" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:url" content="http://example.org/docs/shortcodes/tabs/" />
|
|
|
|
<title>Tabs | My New Hugo Site</title>
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="/book.min.6c7c6446dfdee7c8c933e9bbc6e80ee3ed6c913b2a59519f2092c3c6a9d63e55.css" integrity="sha256-bHxkRt/e58jJM+m7xugO4+1skTsqWVGfIJLDxqnWPlU=">
|
|
<script defer src="/en.search.min.b058edf587cc787855b3d071254fe14f8dde3f72958d02e619e4aa992f47ef07.js" integrity="sha256-sFjt9YfMeHhVs9BxJU/hT43eP3KVjQLmGeSqmS9H7wc="></script>
|
|
<!--
|
|
Made with Book Theme
|
|
https://github.com/alex-shpak/hugo-book
|
|
-->
|
|
|
|
|
|
</head>
|
|
|
|
<body dir="ltr">
|
|
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
|
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
|
<main class="container flex">
|
|
<aside class="book-menu">
|
|
<div class="book-menu-content">
|
|
|
|
<nav>
|
|
<h2 class="book-brand">
|
|
<a href="/"><span>My New Hugo Site</span>
|
|
</a>
|
|
</h2>
|
|
|
|
|
|
<div class="book-search">
|
|
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
|
|
<div class="book-search-spinner hidden"></div>
|
|
<ul id="book-search-results"></ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li class="book-section-flat" >
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/" class="">Example Site</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/table-of-contents/" class="">Table of Contents</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/table-of-contents/with-toc/" class="">With ToC</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/table-of-contents/without-toc/" class="">Without ToC</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="checkbox" id="section-4e46b01272d410b3a99461d79326ddf4" class="toggle" />
|
|
<label for="section-4e46b01272d410b3a99461d79326ddf4" class="flex justify-between">
|
|
<a class="">Collapsed</a>
|
|
<span>▾</span>
|
|
</label>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/collapsed/3rd-level/" class="">3rd Level</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/example/collapsed/3rd-level/4th-level/" class="">4th Level</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li class="book-section-flat" >
|
|
|
|
|
|
|
|
|
|
|
|
<span>Shortcodes</span>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/buttons/" class="">Buttons</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/columns/" class="">Columns</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/details/" class="">Details</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/expand/" class="">Expand</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/hints/" class="">Hints</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/katex/" class="">Katex</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/mermaid/" class="">Mermaid</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="checkbox" id="section-d3fc1bf6d66cd84b896a0af9f40cb1d5" class="toggle" />
|
|
<label for="section-d3fc1bf6d66cd84b896a0af9f40cb1d5" class="flex justify-between">
|
|
<a href="http://example.org/docs/shortcodes/section/" class="">Section</a>
|
|
<span>▾</span>
|
|
</label>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/section/page1/" class="">Page1</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/section/page2/" class="">Page2</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="http://example.org/docs/shortcodes/tabs/" class=" active">Tabs</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
<a href="/posts/" >
|
|
Blog
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<script>(function(){var menu=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(event){localStorage.setItem("menu.scrollTop",menu.scrollTop);});menu.scrollTop=localStorage.getItem("menu.scrollTop");})();</script>
|
|
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="book-page">
|
|
<header class="book-header">
|
|
|
|
<div class="flex align-center justify-between">
|
|
<label for="menu-control">
|
|
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
|
|
</label>
|
|
|
|
<strong>Tabs</strong>
|
|
|
|
<label for="toc-control">
|
|
|
|
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
|
|
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|
|
<aside class="hidden clearfix">
|
|
|
|
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#example">Example</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<article class="markdown"><h1 id="tabs">
|
|
Tabs
|
|
<a class="anchor" href="#tabs">#</a>
|
|
</h1>
|
|
<p>Tabs let you organize content by context, for example installation instructions for each supported platform.</p>
|
|
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tpl" data-lang="tpl"><span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#a6e22e">tabs</span> <span style="color:#e6db74">"uniqueid"</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span>
|
|
<span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">"MacOS"</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span> # MacOS Content <span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span>
|
|
<span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">"Linux"</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span> # Linux Content <span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span>
|
|
<span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">"Windows"</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span> # Windows Content <span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span>
|
|
<span style="color:#75715e">{{</span><span style="color:#f92672"><</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tabs</span> <span style="color:#f92672">></span><span style="color:#75715e">}}</span>
|
|
</code></pre></div><h2 id="example">
|
|
Example
|
|
<a class="anchor" href="#example">#</a>
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
<div class="book-tabs"><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-0" checked="checked" />
|
|
<label for="tabs-uniqueid-0">MacOS</label>
|
|
<div class="book-tabs-content markdown-inner"><h1 id="macos">MacOS</h1>
|
|
<p>This is tab <strong>MacOS</strong> content.</p>
|
|
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
|
|
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
|
|
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
|
|
Miseratus fonte Ditis conubia.</p>
|
|
</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-1" />
|
|
<label for="tabs-uniqueid-1">Linux</label>
|
|
<div class="book-tabs-content markdown-inner"><h1 id="linux">Linux</h1>
|
|
<p>This is tab <strong>Linux</strong> content.</p>
|
|
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
|
|
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
|
|
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
|
|
Miseratus fonte Ditis conubia.</p>
|
|
</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-2" />
|
|
<label for="tabs-uniqueid-2">Windows</label>
|
|
<div class="book-tabs-content markdown-inner"><h1 id="windows">Windows</h1>
|
|
<p>This is tab <strong>Windows</strong> content.</p>
|
|
<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
|
|
stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
|
|
protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
|
|
Miseratus fonte Ditis conubia.</p>
|
|
</div></div>
|
|
|
|
</article>
|
|
|
|
|
|
|
|
<footer class="book-footer">
|
|
|
|
<div class="flex flex-wrap justify-between">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
<div class="book-comments">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
|
</div>
|
|
|
|
|
|
<aside class="book-toc">
|
|
<div class="book-toc-content">
|
|
|
|
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#example">Example</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|