fix link generation

This commit is contained in:
Never Gude 2025-12-11 00:46:46 +01:00
parent a8bf694a75
commit 1c4a21c62c
13 changed files with 252 additions and 44 deletions

View file

@ -15,8 +15,10 @@ clean:
$(articles): %.html: %.md
pandoc $< --template $(template) --css $(style) --highlight-style zenburn --mathml --toc --output $(notdir $@); \
jq '.articles += [$(shell pandoc $< --template $(list_template))]' $(article_list) > articles.json.tmp;
cat ./articles.json.tmp > articles.json;
pandoc $< --template $(list_template) > article.json.tmp.0; \
jq '. += {"filename": "$(notdir $@)"}' article.json.tmp.0 > article.json.tmp.1; \
jq '.articles += [$(shell cat article.json.tmp.1)]' $(article_list) > articles.json.tmp; \
cat ./articles.json.tmp > ./articles.json; \
rm ./articles.json.tmp;
index.html: index.md $(articles)

View file

@ -26,7 +26,7 @@
<body>
<header id="page-header">
<ul>
<li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/">Home</a></li><li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/about.html">About</a></li>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>
@ -47,7 +47,7 @@
</nav>
<article>
<h2 id="stuff">Stuff</h2>
<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>k</mi></munderover><mi>i</mi><mo>=</mo><mfrac><mrow><mi>k</mi><mrow><mo stretchy="true" form="prefix">(</mo><mi>k</mi><mo>+</mo><mn>1</mn><mo stretchy="true" form="postfix">)</mo></mrow></mrow><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex"> \sum_{i=1}^k i = \frac{k(k+1)}{2} </annotation></semantics></math></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>k</mi></munderover><mi>i</mi><mo>=</mo><mfrac><mrow><mi>k</mi><mo stretchy="false" form="prefix">(</mo><mi>k</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}^k i = \frac{k(k+1)}{2} </annotation></semantics></math></p>
</article>
</section>

View file

@ -22,8 +22,9 @@
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 { line-height: 1.25; }
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; }
@ -34,7 +35,7 @@
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { display: inline-block; text-indent: -5em; padding-left: 5em; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
@ -90,7 +91,7 @@
<body>
<header id="page-header">
<ul>
<li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/">Home</a></li><li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/about.html">About</a></li>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>

View file

@ -0,0 +1,144 @@
<!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 Gude" />
<title>Article 1</title>
<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;
}
pre.numberSource { margin-left: 3em; padding-left: 4px; }
div.sourceCode
{ color: #cccccc; background-color: #303030; }
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
}
code span.al { color: #ffcfaf; } /* Alert */
code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
code span.at { } /* Attribute */
code span.bn { color: #dca3a3; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: #f0dfaf; } /* ControlFlow */
code span.ch { color: #dca3a3; } /* Char */
code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
code span.co { color: #7f9f7f; } /* Comment */
code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
code span.do { color: #7f9f7f; } /* Documentation */
code span.dt { color: #dfdfbf; } /* DataType */
code span.dv { color: #dcdccc; } /* DecVal */
code span.er { color: #c3bf9f; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #c0bed1; } /* Float */
code span.fu { color: #efef8f; } /* Function */
code span.im { } /* Import */
code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
code span.kw { color: #f0dfaf; } /* Keyword */
code span.op { color: #f0efd0; } /* Operator */
code span.ot { color: #efef8f; } /* Other */
code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
code span.sc { color: #dca3a3; } /* SpecialChar */
code span.ss { color: #cc9393; } /* SpecialString */
code span.st { color: #cc9393; } /* String */
code span.va { } /* Variable */
code span.vs { color: #cc9393; } /* VerbatimString */
code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
</style>
<link rel="stylesheet" href="pandoc/style.css" />
</head>
<body>
<header id="page-header">
<ul>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>
<span id="dark-mode">
<input id="dark-mode-toggle" type="checkbox" checked><label for="dark-mode-toggle">Dark mode</label>
</span>
</li>
</ul>
</header>
<header id="title-block-header">
<h1 class="title">Article 1</h1>
<p class="subtitle">Just testimg</p>
<p class="author">Never Gude</p>
<p class="date">10.12.2025</p>
</header>
<section id="content">
<nav id="TOC" role="doc-toc">
<ul>
<li><a href="#merge-pdfs" id="toc-merge-pdfs">Merge pdfs</a>
<ul>
<li><a href="#using-ghostscript" id="toc-using-ghostscript">Using
Ghostscript</a></li>
</ul></li>
</ul>
</nav>
<article>
<h2 id="merge-pdfs">Merge pdfs</h2>
<h3 id="using-ghostscript">Using Ghostscript</h3>
<p>Ghostscript has a feature to merge multiple pdf files into one.
Although ImageMagick also has this feature, I prefer this one, as it
doesnt rasterize and scales down the pdf files.</p>
<blockquote>
<p>Block quote time yay</p>
</blockquote>
<div class="sourceCode" id="cb1"><pre
class="sourceCode numberSource bash numberLines"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">gs</span> <span class="at">-dNOPAUSE</span> <span class="at">-sDEVICE</span><span class="op">=</span>pdfwrite <span class="dt">\</span></span>
<span id="cb1-2"><a href="#cb1-2"></a> <span class="at">-sOUTPUTFILE</span><span class="op">=</span>output.pdf <span class="dt">\</span></span>
<span id="cb1-3"><a href="#cb1-3"></a> <span class="at">-dBATCH</span> 1.pdf 2.pdf</span></code></pre></div>
<div class="sourceCode" id="cb2"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="dt">int</span> hello_world<span class="op">(</span><span class="dt">int</span> x<span class="op">)</span> <span class="op">{</span></span>
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a> printf<span class="op">(</span><span class="st">&quot;Hello World </span><span class="sc">%i</span><span class="st">&quot;</span><span class="op">,</span> x<span class="op">);</span></span>
<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a> <span class="cf">return</span> x<span class="op">;</span></span>
<span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
</article>
</section>
<footer id="page-footer">
<embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;">
</footer>
</body>
</html>

View file

@ -0,0 +1 @@
{"author":"Never Gude","date":"10.12.2025","subtitle":"Just testimg","title":"Article 1"}

View file

@ -0,0 +1 @@
{"author":"Never Gude","date":"25.7.2025","subtitle":"Neat things I picked up along the way","summary":"Testing dsa dsa dsa dsa DDDDDDDDDDDa","title":"Random linux utilities"}

View file

@ -0,0 +1,8 @@
{
"author": "Never Gude",
"date": "25.7.2025",
"subtitle": "Neat things I picked up along the way",
"summary": "Testing dsa dsa dsa dsa DDDDDDDDDDDa",
"title": "Random linux utilities",
"filename": "random-linux-utils.html"
}

View file

@ -1,17 +1,19 @@
{
"articles": [
{
"author": "Never Gude",
"date": "10.12.2025",
"subtitle": "Just testimg",
"title": "Article 1"
},
{
"author": "Never Gude",
"date": "25.7.2025",
"subtitle": "Neat things I picked up along the way",
"summary": "Testing dsa dsa dsa dsa DDDDDDDDDDDa",
"title": "Random linux utilities"
"title": "Random linux utilities",
"filename": "random-linux-utils.html"
},
{
"author": "Never Gude",
"date": "10.12.2025",
"subtitle": "Just testimg",
"title": "Article 1",
"filename": "article-2.html"
}
]
}

View file

@ -26,7 +26,7 @@
<body>
<header id="page-header">
<ul>
<li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/">Home</a></li><li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/about.html">About</a></li>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>
@ -51,19 +51,20 @@
<ul>
<li>
<div class="articles-header">
<h3 class="articles-title">Article 1</h3>
<p class="articles-author"><em>Never Gude</em></p>
</div>
<p class="articles-date">10.12.2025</p>
</li>
<li>
<div class="articles-header">
<h3 class="articles-title">Random linux utilities</h3>
<a href="random-linux-utils.html" class="articles-title">Random linux
utilities</a>
<p class="articles-author"><em>Never Gude</em></p>
</div>
<p class="articles-summary">Testing dsa dsa dsa dsa DDDDDDDDDDDa</p>
<p class="articles-date">25.7.2025</p>
</li>
<li>
<div class="articles-header">
<a href="article-2.html" class="articles-title">Article 1</a>
<p class="articles-author"><em>Never Gude</em></p>
</div>
<p class="articles-date">10.12.2025</p>
</li>
</ul>
</nav>

View file

@ -26,7 +26,7 @@ body {
background-color: var(--background);
border: solid 1px var(--border);
margin: 0 auto;
max-width: 36em;
max-width: 48em;
padding-left: 50pt;
padding-right: 50pt;
padding-top: 50pt;
@ -52,7 +52,8 @@ body {
padding: 12pt;
}
#page-header ul, #articles ul {
#page-header ul,
#articles ul {
padding-left: 0;
}
@ -70,6 +71,8 @@ display: block;
.articles-title {
margin: 8pt 0 4pt 0;
font-size: 14pt;
font-weight: bold;
}
.articles-author {
@ -92,6 +95,7 @@ a:not(:hover) {
#page-footer {
border: 1pt solid var(--foreground);
}
/*
#TOC {
padding: 24px;
@ -113,99 +117,137 @@ article {
font-size: 0.9em;
padding: 12pt;
}
h1 {
font-size: 1.8em;
}
/*
section {
flex-direction: column;
}
*/
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
border: none;
font-size: 12pt;
}
p, h2, h3 {
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
h2,
h3,
h4 {
page-break-after: avoid;
}
#page-header, #page-footer {
#page-header,
#page-footer {
display: none;
}
}
p {
margin: 1em 0;
}
a {
color: var(--foreground);
}
a:visited {
color: var(--foreground);
}
img {
max-width: 100%;
}
svg {
height: auto;
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1.4em;
}
h5, h6 {
h5,
h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
ol,
ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
li>ol,
li>ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2pt solid var(--blockquote-border);
color: var(--blockquote-text);
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: var(--foreground);
border: none;
height: 1pt;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
@ -214,38 +256,43 @@ table {
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1pt solid var(--foreground);
border-bottom: 1pt solid var(--foreground);
}
th {
border-top: 1pt solid var(--foreground);
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC>ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}

View file

@ -36,7 +36,7 @@ $endif$
<body>
<header id="page-header">
<ul>
<li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/">Home</a></li><li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/about.html">About</a></li>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>
@ -89,7 +89,7 @@ $if(articles)$
<li>
<div class="articles-header">
$if(articles.title)$
<h3 class="articles-title">$articles.title$</h3>
<a href="$articles.filename$" class="articles-title">$articles.title$</a>
$endif$
$if(articles.author)$
<p class="articles-author"><em>$articles.author$</em></p>

View file

@ -22,8 +22,9 @@
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 { line-height: 1.25; }
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; }
@ -34,7 +35,7 @@
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { display: inline-block; text-indent: -5em; padding-left: 5em; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
@ -90,7 +91,7 @@
<body>
<header id="page-header">
<ul>
<li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/">Home</a></li><li><a href="http://nevereverever.de/eh/eh/eh/eh-eh/about.html">About</a></li>
<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
</ul>
<ul>
<li>