never/nevereverever.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new article and code setting changes

Browse source
This commit is contained in:
Never Gude 2026-06-22 22:01:28 +02:00
parent f51adc3b36
commit d06ad2c8f4
16 changed files with 1262 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

14
public_html/eh/eh/eh/eh-eh/atom.xml
View file

@ -3,12 +3,24 @@
<title>nevereverever.de</title>
<link href="https://nevereverever.de/eh/eh/eh/eh-eh"/>
<id>nevereverever.de</id>
<updated>2026-03-10T16:25+01:00</updated>
<updated>2026-06-22T22:00+02:00</updated>
<published>2026-03-10</published>
<author>
<name>Never</name>
</author>
<subtitle>Here I post random stuff.</subtitle>
<entry>
<title>Bohnen und Maisbrot</title>
<link href="https://nevereverever.de/eh/eh/eh/eh-eh/beans-and-cornbread.html"/>
<id>beans-and-cornbread</id>
<updated>2026-06-22T20:47+02:00</updated>
<published>2026-06-22</published>
<author>
<name>Never</name>
</author>
<summary>Inspiriert von der Küche der Kuhtreiber des Wilden
Westens.</summary>
</entry>
<entry>
<title>Using rsync on Android to syncronise my Music
library</title>

227
public_html/eh/eh/eh/eh-eh/beans-and-cornbread.html Normal file
View file

@ -0,0 +1,227 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<meta name="author" content="Never" />
<meta name="dcterms.date" content="2026-06-22" />
<title>Bohnen und Maisbrot</title>
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="alternate" type="application/atom+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/atom.xml">
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
</style>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<img id="shork" src="images/shork.png"></img>
<header id="page-header">
<a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="atom.xml">Atom Feed</a>
</header>
<main id="page">
<header id="title-block-header">
<h1 class="title">Bohnen und Maisbrot</h1>
<p class="author">Never</p>
<p class="date">2026-06-22</p>
</header>
<nav id="TOC" role="doc-toc">
<ul>
<li><a href="#bohnen" id="toc-bohnen">Bohnen</a>
<ul>
<li><a href="#zubereitung"
id="toc-zubereitung">Zubereitung</a></li>
</ul></li>
<li><a href="#maisbrot" id="toc-maisbrot">Maisbrot</a>
<ul>
<li><a href="#zubereitung-1"
id="toc-zubereitung-1">Zubereitung</a></li>
</ul></li>
</ul>
</nav>
<article>
<h1 id="bohnen">Bohnen</h1>
<table>
<thead>
<tr>
<th style="text-align: right;">Maße</th>
<th style="text-align: left;">Zutaten</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: right;">2</td>
<td style="text-align: left;">Zwiebeln</td>
</tr>
<tr>
<td style="text-align: right;">2</td>
<td style="text-align: left;">Knoblauchzehen</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: left;">rote Chili (Peperoni/Chile de
árbol<a href="#fn1" class="footnote-ref" id="fnref1"
role="doc-noteref"><sup>1</sup></a>)</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Kreuzkümmel</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Speckwürfel (Optional)</td>
</tr>
<tr>
<td style="text-align: right;">1 l</td>
<td style="text-align: left;">Brühe (Gemüse/Huhn/Rind)</td>
</tr>
<tr>
<td style="text-align: right;">1 Dose</td>
<td style="text-align: left;">Kidneybohnen</td>
</tr>
<tr>
<td style="text-align: right;">1 Dose</td>
<td style="text-align: left;">Pintobohnen oder andere
Bohnen</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: left;">Chile Ancho<a href="#fn2"
class="footnote-ref" id="fnref2"
role="doc-noteref"><sup>2</sup></a> oder geräuchertes
Paprikapulver</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Petersilienstängel</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Limettensaft</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Salz</td>
</tr>
</tbody>
</table>
<h2 id="zubereitung">Zubereitung</h2>
<ol type="1">
<li><p>Zwiebeln, Knoblauch, rote Chili, Kreuzkümmel und
Speckwürfel anbraten.</p></li>
<li><p>Mit Brühe ablöschen und die Bohnen, Ancho Chili und
Petersilienstängel hinzufügen. Köcheln und etwas reduzieren
lassen.</p></li>
<li><p>Mit Salz und Limettensaft abschmecken.</p></li>
</ol>
<h1 id="maisbrot">Maisbrot</h1>
<table>
<thead>
<tr>
<th style="text-align: right;">Maße</th>
<th style="text-align: left;">Zutaten</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: right;">1 Tasse</td>
<td style="text-align: left;">Mehl</td>
</tr>
<tr>
<td style="text-align: right;">1 Tasse</td>
<td style="text-align: left;">Maismehl</td>
</tr>
<tr>
<td style="text-align: right;">4 TL</td>
<td style="text-align: left;">Backpulver</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Salz</td>
</tr>
<tr>
<td style="text-align: right;">1/4 Tasse</td>
<td style="text-align: left;">brauner Zucker</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: left;">Ei</td>
</tr>
<tr>
<td style="text-align: right;">1/3 Tasse</td>
<td style="text-align: left;">flüssige Butter</td>
</tr>
<tr>
<td style="text-align: right;">1 - 2 Tassen</td>
<td style="text-align: left;">Milch oder Buttermilch</td>
</tr>
<tr>
<td style="text-align: right;">1/3 Tasse</td>
<td style="text-align: left;">flüssige Butter</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Speckwürfel (Optional)</td>
</tr>
<tr>
<td style="text-align: right;"></td>
<td style="text-align: left;">Gehackte grüne Chilis
(Optional)</td>
</tr>
</tbody>
</table>
<h2 id="zubereitung-1">Zubereitung</h2>
<ol type="1">
<li><p>Trockene Zutaten mischen.</p></li>
<li><p>Ei und Butter unterrühren.</p></li>
<li><p>Schrittweise die Milch hinzugeben, bis eine
zähflüssige Masse entstanden ist.</p></li>
</ol>
<section id="footnotes"
class="footnotes footnotes-end-of-document"
role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p><a
href="https://en.wikipedia.org/wiki/Chile_de_%C3%A1rbol">Chile
de árbol</a>; Eine kleine, scharfe, rote Chili. Meist
getrocknet zu finden.<a href="#fnref1" class="footnote-back"
role="doc-backlink">↩︎</a></p></li>
<li id="fn2"><p><a
href="https://en.wikipedia.org/wiki/Poblano">Chile
Ancho</a>; Eine große getrocknete Chili mit rauchigem
Geschack.<a href="#fnref2" class="footnote-back"
role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
</article>
</main>
<footer id="page-footer">
<nav id="webring">
<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
src="images/cups_left_dark.svg" width="30" height="30"></a>
<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
width="120" height="60"></a>
<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
src="images/cups_right_dark.svg" width="30" height="30"></a>
</nav>
</footer>
</body>
<script src="scripts/shork.js"></script>
</html>

12
public_html/eh/eh/eh/eh-eh/index.html
View file

@ -120,6 +120,18 @@ code span.wa { color: #b58900; } /* Warning */
<nav id="articles">
<h1>Articles</h1>
<ul>
<li>
<header class="articles-header">
<a href="beans-and-cornbread.html" class="articles-title">Bohnen
und Maisbrot</a>
</header>
<p class="articles-summary">Inspiriert von der Küche
der Kuhtreiber des Wilden Westens.</p>
<footer class="articles-footer">
<div class="articles-author">Never</div>
<div class="articles-date">2026-06-22</div>
</footer>
</li>
<li>
<header class="articles-header">
<a href="rsync-android.html" class="articles-title">Using

451
public_html/eh/eh/eh/eh-eh/pandoc.html Normal file
View file

@ -0,0 +1,451 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<meta name="author" content="Never" />
<meta name="dcterms.date" content="2025-07-25" />
<title>Testing pandoc markdown capabilities</title>
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="alternate" type="application/atom+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/atom.xml">
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
/* CSS for syntax highlighting */
html { -webkit-text-size-adjust: 100%; }
pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
pre.numberSource code > span
{ position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span > a:first-child::before
{ content: counter(source-line);
position: relative; left: -1em; text-align: right; vertical-align: baseline;
border: none; display: inline-block;
-webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none;
padding: 0 4px; width: 4em;
background-color: #073642;
color: #586e75;
}
pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75; padding-left: 4px; }
div.sourceCode
{ color: #839496; background-color: #002b36; }
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
}
code span.al { color: #d33682; } /* Alert */
code span.an { color: #dc322f; } /* Annotation */
code span.at { color: #dc322f; } /* Attribute */
code span.bn { color: #2aa198; } /* BaseN */
code span.bu { color: #b58900; } /* BuiltIn */
code span.cf { color: #859900; } /* ControlFlow */
code span.ch { color: #2aa198; } /* Char */
code span.cn { color: #b58900; } /* Constant */
code span.co { color: #586e75; font-style: italic; } /* Comment */
code span.cv { color: #268bd2; } /* CommentVar */
code span.do { color: #586e75; font-style: italic; } /* Documentation */
code span.dt { color: #b58900; } /* DataType */
code span.dv { color: #2aa198; } /* DecVal */
code span.er { color: #dc322f; text-decoration: underline; } /* Error */
code span.ex { color: #b58900; } /* Extension */
code span.fl { color: #2aa198; } /* Float */
code span.fu { } /* Function */
code span.im { color: #cb4b16; } /* Import */
code span.in { color: #268bd2; } /* Information */
code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
code span.op { } /* Operator */
code span.ot { } /* Other */
code span.pp { color: #cb4b16; } /* Preprocessor */
code span.re { color: #cb4b16; } /* RegionMarker */
code span.sc { color: #dc322f; } /* SpecialChar */
code span.ss { color: #b58900; } /* SpecialString */
code span.st { color: #2aa198; } /* String */
code span.va { color: #cb4b16; } /* Variable */
code span.vs { color: #dc322f; } /* VerbatimString */
code span.wa { color: #b58900; } /* Warning */
</style>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<img id="shork" src="images/shork.png"></img>
<header id="page-header">
<a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="atom.xml">Atom Feed</a>
</header>
<main id="page">
<header id="title-block-header">
<h1 class="title">Testing pandoc markdown capabilities</h1>
<p class="subtitle">Things I hope just work</p>
<p class="author">Never</p>
<p class="date">2025-07-25</p>
</header>
<nav id="TOC" role="doc-toc">
<ul>
<li><a href="#level-1-heading"
id="toc-level-1-heading">Level 1 Heading</a>
<ul>
<li><a href="#level-2-heading"
id="toc-level-2-heading">Level 2 Heading</a>
<ul>
<li><a href="#level-3-heading"
id="toc-level-3-heading">Level 3 Heading</a></li>
</ul></li>
</ul></li>
</ul>
</nav>
<article>
<h1 id="level-1-heading">Level 1 Heading</h1>
<p>A link to a Heading <a href="#level-4-heading">Level 4
Heading</a> followed by another paragraph.</p>
<ul>
<li><p>fruits</p>
<p>Everything is a fruit</p>
<ul>
<li>apples
<ul>
<li>macintosh</li>
<li>red delicious</li>
</ul></li>
<li>pears</li>
<li>peaches</li>
</ul></li>
<li><p>vegetables</p>
<ul>
<li>broccoli</li>
<li>chard</li>
</ul></li>
</ul>
<ol type="1">
<li>first</li>
<li>second</li>
<li>third
<ol type="i">
<li>subone</li>
<li>subtwo</li>
<li>subthree</li>
</ol></li>
</ol>
<ul class="task-list">
<li><label><input type="checkbox" />an unchecked task list
item</label></li>
<li><label><input type="checkbox" checked="" />checked
item</label></li>
</ul>
<p>Lorem <em>ipsum dolor</em> sit amet, consectetur
<em>adipi</em>scing elit. Integer nisl enim, condimentum
<del>vitae lacus vel</del>, semper efficitur est. Cras
pretium porta luctus. <strong>Nulla iaculis</strong> nisi at
quam varius, et con<strong>sequat</strong> lorem blandit. Ut
tincidunt leo sit amet velit lobortis, et blandit metus
mollis. Nam H<sub>2</sub>O tristique ex a quam aliquet, eget
2<sup>10</sup> vehicula sapien <code>rhoncus</code>. Aliquam
<code
class="sourceCode c"><span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></code>
sodales pretium auctor. <span class="smallcaps">Aliquam
convallis</span> sodales <mark>elementum</mark>.</p>
<div class="sourceCode" id="cb1"><pre
class="sourceCode numberSource c numberLines"><code class="sourceCode c"><span id="cb1-1"><a href="#cb1-1"></a><span class="pp">#include </span><span class="im">&lt;stdio.h&gt;</span></span>
<span id="cb1-2"><a href="#cb1-2"></a></span>
<span id="cb1-3"><a href="#cb1-3"></a><span class="co">// </span><span class="al">TODO</span><span class="co">: A funny comment</span></span>
<span id="cb1-4"><a href="#cb1-4"></a><span class="dt">int</span> main<span class="op">()</span> <span class="op">{</span></span>
<span id="cb1-5"><a href="#cb1-5"></a> <span class="dt">char</span> greetings<span class="op">[]</span> <span class="op">=</span> <span class="op">{</span><span class="ch">&#39;H&#39;</span><span class="op">,</span> <span class="ch">&#39;e&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;o&#39;</span><span class="op">,</span> <span class="ch">&#39; &#39;</span><span class="op">,</span> <span class="ch">&#39;W&#39;</span><span class="op">,</span> <span class="ch">&#39;o&#39;</span><span class="op">,</span> <span class="ch">&#39;r&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;d&#39;</span><span class="op">,</span> <span class="ch">&#39;!&#39;</span><span class="op">,</span> <span class="ch">&#39;</span><span class="sc">\0</span><span class="ch">&#39;</span><span class="op">};</span></span>
<span id="cb1-6"><a href="#cb1-6"></a> <span class="dt">char</span> greetings2<span class="op">[]</span> <span class="op">=</span> <span class="st">&quot;Hello World!&quot;</span><span class="op">;</span></span>
<span id="cb1-7"><a href="#cb1-7"></a></span>
<span id="cb1-8"><a href="#cb1-8"></a> printf<span class="op">(</span><span class="st">&quot;</span><span class="sc">%zu\n</span><span class="st">&quot;</span><span class="op">,</span> <span class="kw">sizeof</span><span class="op">(</span>greetings<span class="op">));</span></span>
<span id="cb1-9"><a href="#cb1-9"></a> printf<span class="op">(</span><span class="st">&quot;</span><span class="sc">%zu\n</span><span class="st">&quot;</span><span class="op">,</span> <span class="kw">sizeof</span><span class="op">(</span>greetings2<span class="op">));</span></span>
<span id="cb1-10"><a href="#cb1-10"></a></span>
<span id="cb1-11"><a href="#cb1-11"></a> <span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></span>
<span id="cb1-12"><a href="#cb1-12"></a><span class="op">}</span></span></code></pre></div>
<p>Aenean eros lacus, volutpat at molestie vitae, pretium eu
diam. Quisque sit
<math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mn>1</mn><mo>+</mo><mn>2</mn><mo>+</mo><mn>3</mn><mo>+</mo><mi>⋯</mi><mo>+</mo><mi>n</mi></mrow><annotation encoding="application/x-tex">1 + 2 + 3 + \cdots + n</annotation></semantics></math>
amet nisl ut dolor congue sodales.</p>
<p><math display="block" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover><mi>i</mi><mo>=</mo><mfrac><mrow><mi>n</mi><mo stretchy="false" form="prefix">(</mo><mi>n</mi><mo>+</mo><mn>1</mn><mo stretchy="false" form="postfix">)</mo></mrow><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex">
\sum_{i=1}^{n} i = \frac{n (n + 1)}{2}
</annotation></semantics></math></p>
<h2 id="level-2-heading">Level 2 Heading</h2>
<blockquote>
<p>This is a block quote with two lines and a</p>
<ol type="1">
<li>List item</li>
<li>Another list item</li>
</ol>
<blockquote>
<p>And a nested block quote</p>
</blockquote>
<p>Yeah</p>
</blockquote>
<dl>
<dt>Term 1</dt>
<dd>
<p>Definition 1</p>
</dd>
<dt>Term 2 with <em>inline markup</em></dt>
<dd>
<p>Definition 2</p>
<pre><code>{ some code, part of Definition 2 }</code></pre>
<p>Third paragraph of definition 2.</p>
</dd>
<dt>Term 1</dt>
<dd>
Definition 1
</dd>
<dt>Term 2</dt>
<dd>
Definition 2a
</dd>
<dd>
Definition 2b
</dd>
</dl>
<h3 id="level-3-heading">Level 3 Heading</h3>
<p>A little poem</p>
<div class="line-block">The limerick packs laughs
anatomical<br />
In space that is quite economical.<br />
   But the good ones I’ve seen<br />
   So seldom are clean<br />
And the clean ones so seldom are comical</div>
<hr />
<ol class="example" type="1">
<li>My first example will be numbered (1).</li>
<li>My second example will be numbered (2).</li>
</ol>
<p>Explanation of examples.</p>
<ol start="3" class="example" type="1">
<li>My third example will be numbered (3).</li>
</ol>
<p>As (2) illustrates, …</p>
<hr />
<h4 id="level-4-heading">Level 4 Heading</h4>
<table>
<caption>Demonstration of simple table syntax.</caption>
<thead>
<tr>
<th style="text-align: right;">Right</th>
<th style="text-align: left;">Left</th>
<th style="text-align: center;">Center</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: right;">12</td>
<td style="text-align: left;">12</td>
<td style="text-align: center;">12</td>
<td>12</td>
</tr>
<tr>
<td style="text-align: right;">123</td>
<td style="text-align: left;">123</td>
<td style="text-align: center;">123</td>
<td>123</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: left;">1</td>
<td style="text-align: center;">1</td>
<td>1</td>
</tr>
</tbody>
</table>
<p>Following is a multiline table</p>
<table style="width:86%;">
<caption>Here’s the caption. It, too, may span multiple
lines.</caption>
<colgroup>
<col style="width: 16%" />
<col style="width: 11%" />
<col style="width: 22%" />
<col style="width: 36%" />
</colgroup>
<thead>
<tr>
<th style="text-align: center;">Centered Header</th>
<th>Default Aligned</th>
<th style="text-align: right;">Right Aligned</th>
<th style="text-align: left;">Left Aligned</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">First</td>
<td>row</td>
<td style="text-align: right;">12.0</td>
<td style="text-align: left;">Example of a row that spans
multiple lines.</td>
</tr>
<tr>
<td style="text-align: center;">Second</td>
<td>row</td>
<td style="text-align: right;">5.0</td>
<td style="text-align: left;">Here’s another one. Note the
blank line between rows.</td>
</tr>
</tbody>
</table>
<p>Then we have a Grid table</p>
<table style="width:64%;">
<caption>Grid table</caption>
<colgroup>
<col style="width: 30%" />
<col style="width: 11%" />
<col style="width: 11%" />
<col style="width: 11%" />
</colgroup>
<thead>
<tr>
<th rowspan="2" style="text-align: left;">Location</th>
<th colspan="3" style="text-align: right;">Temperature
1961-1990 in degree Celsius</th>
</tr>
<tr>
<th style="text-align: right;">min</th>
<th style="text-align: right;">mean</th>
<th style="text-align: right;">max</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">Antarctica</td>
<td style="text-align: right;">-89.2</td>
<td style="text-align: right;">N/A</td>
<td style="text-align: right;">19.8</td>
</tr>
<tr>
<td style="text-align: left;">Earth</td>
<td style="text-align: right;">-89.2</td>
<td style="text-align: right;">14</td>
<td style="text-align: right;">56.7</td>
</tr>
</tbody>
</table>
<p>An a Pipe table</p>
<table>
<caption>Demonstration of pipe table syntax.</caption>
<thead>
<tr>
<th style="text-align: right;">Right</th>
<th style="text-align: left;">Left</th>
<th>Default</th>
<th style="text-align: center;">Center</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: right;">12</td>
<td style="text-align: left;">12</td>
<td>12</td>
<td style="text-align: center;">12</td>
</tr>
<tr>
<td style="text-align: right;">123</td>
<td style="text-align: left;">123</td>
<td>123</td>
<td style="text-align: center;">123</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: left;">1</td>
<td>1</td>
<td style="text-align: center;">1</td>
</tr>
</tbody>
</table>
<h5 id="level-5-heading">Level 5 Heading</h5>
<p><a href="https://google.com"
class="uri">https://google.com</a></p>
<p><a href="mailto:sam@green.eggs.ham"
class="email">sam@green.eggs.ham</a></p>
<p>Link to <a href="index.html"
title="My title, optional">my label 1</a> and <a href=".">my
label 2</a> and <a href="https://fsf.org"
title="The Free Software Foundation">my label 3</a> and <a
href="index.html#articles"
title="A title in single quotes">my label 4</a></p>
<p>This is an <a href="/url">inline link</a>, and here’s <a
href="https://fsf.org"
title="click here for a good time!">one with a title</a> and
<a href="mailto:sam@green.eggs.ham">Write me!</a></p>
<figure>
<img src="images/shork.png" title="the shork"
style="width:20.0%" alt="The wonderful shork" />
<figcaption aria-hidden="true">The wonderful
shork</figcaption>
</figure>
<p>Here is a footnote reference,<a href="#fn1"
class="footnote-ref" id="fnref1"
role="doc-noteref"><sup>1</sup></a> and another.<a
href="#fn2" class="footnote-ref" id="fnref2"
role="doc-noteref"><sup>2</sup></a></p>
<p>This paragraph won’t be part of the note, because it
isn’t indented.</p>
<h6 id="level-6-heading">Level 6 Heading</h6>
<div class="Warning">
<p>This is a warning.</p>
<div class="Danger">
<p>This is a warning within a warning.</p>
</div>
</div>
<section id="footnotes"
class="footnotes footnotes-end-of-document"
role="doc-endnotes">
<hr />
<ol>
<li id="fn1"><p>Here is the footnote.<a href="#fnref1"
class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<li id="fn2"><p>Here’s one with multiple blocks.</p>
<p>Subsequent paragraphs are indented to show that they
belong to the previous footnote.</p>
<pre><code>{ some.code }</code></pre>
<p>The whole paragraph can be indented, or just the first
line. In this way, multi-paragraph footnotes work like
multi-paragraph list items.<a href="#fnref2"
class="footnote-back" role="doc-backlink">↩︎</a></p></li>
</ol>
</section>
</article>
</main>
<footer id="page-footer">
<nav id="webring">
<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
src="images/cups_left_dark.svg" width="30" height="30"></a>
<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
width="120" height="60"></a>
<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
src="images/cups_right_dark.svg" width="30" height="30"></a>
</nav>
</footer>
</body>
<script src="scripts/shork.js"></script>
</html>

37
public_html/eh/eh/eh/eh-eh/styles/style.css
View file

@ -8,6 +8,12 @@
--blockquote-border: #eee8d5;
--button-primary: #fdf6e3;
--button-secondary: #eee8d5;
--code-color: #657b83;
--code-background: #fdf6e3;
--code-line-number-color: #93a1a1;
--code-line-number-background: #eee8d5;
--code-comment-color: #93a1a1;
--code-keyword-color: #586e75;
}
@media (prefers-color-scheme: dark) {
@ -21,10 +27,41 @@
--blockquote-border: #073642;
--button-primary: #073642;
--button-secondary: #002b36;
--code-color: #839496;
--code-background: #002b36;
--code-line-number-color: #586e75;
--code-line-number-background: #073642;
--code-comment-color: #586e75;
--code-keyword-color: #93a1a1;
}
}
pre.numberSource code > span > a:first-child::before {
background-color: var(--code-line-number-background);
color: var(--code-line-number-color);
}
pre.numberSource {
margin-left: 3em;
border-left: none;
padding-left: 4px;
}
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: none; }
}
div.sourceCode {
color: var(--code-color);
background-color: var(--code-background);
line-height: 80%;
}
code span.co { color: var(--code-comment-color); font-style: italic; } /* Comment */
code span.do { color: var(--code-comment-color); font-style: italic; } /* Documentation */
code span.kw { color: var(--code-keyword-color); font-weight: bold; } /* Keyword */
html {
color: var(--foreground);
background: var(--html-background);