hugo-theme-relearn/tests/tables/index.print.html
2023-06-22 17:05:27 +00:00

596 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.114.0">
<meta name="generator" content="Relearn 5.17.1+tip">
<meta name="robots" content="noindex, nofollow, noarchive, noimageindex">
<meta name="description" content="Testing different markdown constructs inside of tables">
<meta name="author" content="Sören Weber">
<title>Tables :: Hugo Relearn Theme</title>
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1687453517" 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?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1687453519" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1687453519" rel="stylesheet">
<link href="../../css/auto-complete.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1687453519" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1687453519" rel="stylesheet">
<link href="../../css/fonts.css?1687453519" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1687453519" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1687453519" rel="stylesheet">
<link href="../../css/theme-auto.css?1687453519" rel="stylesheet" id="variant-style">
<link href="../../css/variant.css?1687453519" rel="stylesheet">
<link href="../../css/print.css?1687453519" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1687453519" rel="stylesheet">
<link href="../../css/ie.css?1687453519" rel="stylesheet">
<script src="../../js/url.js?1687453519"></script>
<script src="../../js/variant.js?1687453519"></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
window.index_js_url="../../index.search.js";
var root_url="../../";
var baseUri=root_url.replace(/\/$/, '');
// translations
window.T_Copy_to_clipboard = 'Copy to clipboard';
window.T_Copied_to_clipboard = 'Copied to clipboard!';
window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
window.T_No_results_found = 'No results found for \u0022{0}\u0022';
window.T_N_results_found = '{1} results found for \u0022{0}\u0022';
// some further base stuff
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'auto', 'relearn-bright', 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<style>
#body img.bg-white {
background-color: white;
}
</style>
</head>
<body class="mobile-support print disableInlineCopyToClipboard" data-url="../../tests/tables/index.html">
<div id="body" class="default-animation">
<div id="sidebar-overlay"></div>
<div id="toc-overlay"></div>
<nav id="topbar" class="highlightable">
<div>
<div id="breadcrumbs">
<span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" class="topbar-link" title='Menu (CTRL+ALT+n)'><i class="fas fa-bars fa-fw"></i></a>
</span>
<ol class="links" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1"> &gt; </li>
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tests/index.html"><span itemprop="name">Tests</span></a><meta itemprop="position" content="2"> &gt; </li>
<li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tables</span><meta itemprop="position" content="3"></li>
</ol>
</div>
</div>
</nav>
<main id="body-inner" class="highlightable default" tabindex="-1">
<div class="flex-block-wrapper">
<article class="default">
<header class="headline">
</header>
<h1 id="tables">Tables</h1>
<h2 id="lines-and-paragraphs">Lines and Paragraphs</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><p>HTML Paragraph I</p><p>HTML Paragraph II</p></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Line I<br>HTML Line II</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Line I<br><br>HTML Line II</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>Markdown Multicell I</td>
</tr>
<tr>
<td>Markdown Multicell II</td>
</tr>
</tbody>
</table>
<h2 id="headings">Headings</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1>HTML h1</h1></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h2>HTML h2</h2></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h3>HTML h3</h3></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h4>HTML h4</h4></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h5>HTML h5</h5></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><h6>HTML h6</h6></td>
</tr>
</tbody>
</table>
<h2 id="lists">Lists</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><ul><li>HTML List Item I</li><li>HTML List Item II</li></ul></td>
</tr>
</tbody>
</table>
<h2 id="code">Code</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>Markdown Inline</code></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>HTML Inline</code></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><pre><code>HTML Block</code></pre></td>
</tr>
</tbody>
</table>
<h2 id="links--images">Links &amp; Images</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://example.com" target="_blank">Markdown Link</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://example.com" target="_blank">https://example.com</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#image-bc53edc30600c2e1a410211961577488" class="lightbox-link">
<img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
</a>
<a href="javascript:history.back();" class="lightbox" id="image-bc53edc30600c2e1a410211961577488">
<img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
</a></td>
</tr>
</tbody>
</table>
<h2 id="other">Other</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><blockquote>HTML Blockquote</blockquote></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><blockquote><p>HTML Blockquote with nested Paragraph</p></blockquote></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><hr></td>
</tr>
</tbody>
</table>
<h2 id="shortcodes">Shortcodes</h2>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="badge cstyle default"><span class="badge-content">Important</span></span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="btn cstyle transparent">
<a href="https://gohugo.io/" target="_blank">
Get Hugo
</a>
</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="expand">
<input type="checkbox" id="expand-a4c13d43ebf1ca1a4f6bbce46446162d" aria-controls="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" >
<label class="expand-label" for="expand-a4c13d43ebf1ca1a4f6bbce46446162d" >
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-right"></i>
Expand me&hellip;
</label>
<div id="expandcontent-a4c13d43ebf1ca1a4f6bbce46446162d" class="expand-content">
<p>
Thank you!</div>
</div></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fa-fw fas fa-heart"></i></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
<p>You can add standard markdown syntax:</p>
<ul>
<li>multiple paragraphs</li>
<li>bullet point lists</li>
<li><em>emphasized</em>, <strong>bold</strong> and even <strong><em>bold emphasized</em></strong> text</li>
<li><a href="https://example.com" target="_blank">links</a></li>
<li>etc.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></li>
</ul>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code</span></span></code></pre></div><blockquote>
<p>the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)
|</p>
</blockquote>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="math align-center">
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="math align-center">$\sqrt{3}$</span></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="mermaid align-center zoom">
graph LR;
If --&gt; Then
Then --&gt; Else
</div></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/" target="_blank">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>i</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="tab-panel" data-tab-group="9e7701795b8397bf64091f0d73ed8071">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="python"
class="tab-nav-button tab-panel-style cstyle initial active"
onclick="switchTab('9e7701795b8397bf64091f0d73ed8071','python')"
>
<div>
<div class="tab-nav-hidden">python</div>
<div class="tab-nav-text">python</div>
</div>
</button>
<button
data-tab-item="bash"
class="tab-nav-button tab-panel-style cstyle initial"
onclick="switchTab('9e7701795b8397bf64091f0d73ed8071','bash')"
>
<div>
<div class="tab-nav-hidden">bash</div>
<div class="tab-nav-text">bash</div>
</div>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="python"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span></span></span></code></pre></div></div>
</div>
<div
data-tab-item="bash"
class="tab-content tab-panel-style cstyle initial">
<div class="tab-content-text">
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span></span></span></code></pre></div></div>
</div>
</div>
</div></td>
</tr>
</tbody>
</table>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean &ldquo;and other similar things&rdquo;, or &ldquo;and so forth&rdquo;&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
<footer class="footline">
</footer>
</article>
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1687453519" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1687453519" defer></script>
<script>
function useMathJax( config ){
if( !Object.assign ){
return;
}
window.MathJax = Object.assign( window.MathJax || {}, {
loader: {
load: ['[tex]/mhchem']
},
startup: {
elements: [
'.math'
]
},
tex: {
inlineMath: [
['$', '$'],
['\\(', '\\)']
]
},
options: {
enableMenu: false
}
}, config );
}
useMathJax( JSON.parse("{}") );
</script>
<script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1687453519"></script>
<script src="../../js/d3/d3-color.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-dispatch.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-drag.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-ease.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-interpolate.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-selection.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-timer.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-transition.min.js?1687453519" defer></script>
<script src="../../js/d3/d3-zoom.min.js?1687453519" defer></script>
<script src="../../js/mermaid.min.js?1687453519" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="../../js/theme.js?1687453519" defer></script>
</body>
</html>