Init: neue Webseite

This commit is contained in:
Jan Kremer 2024-03-26 15:40:28 +01:00
commit 3470b542d5
Signed by: jan
GPG key ID: A7DA689CB3B078EC
188 changed files with 7271 additions and 0 deletions

100
public/micro/index.html Normal file
View file

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="de"
dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Microblog | Jan Kremer</title>
<link rel="stylesheet" href="/css/main.min.44d337144c40b1101874ef25bbc4d48bb4bb38e7cdd285c9396c8dfa51b92d03.css" integrity="sha256-RNM3FExAsRAYdO8lu8TUi7S7OOfN0oXJOWyN&#43;lG5LQM=" crossorigin="anonymous">
<script data-goatcounter="https://jankremer.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<header>
<h1 class="title"><a href="/">Jan Kremer</a></h1>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a aria-current="page" class="active" href="/micro/">Microblog</a>
</li>
<li>
<a href="/photos/">Fotos</a>
</li>
<li>
<a href="/about/">Über mich</a>
</li>
</ul>
</nav>
</header>
<main>
<div class="list">
<time datetime="2023-12-25T16:28:52&#43;01:00">2023-12-25</time>
<h2><a href="/micro/markdown-tables/">Markdown Tables Suck</a></h2>
<p class="lead"></p>
</div>
<div class="list">
<time datetime="2023-11-15T10:12:30&#43;01:00">2023-11-15</time>
<h2><a href="/micro/timestamps/">Use Timestamps</a></h2>
<p class="lead"></p>
</div>
<div class="list">
<time datetime="2023-07-22T15:57:59&#43;02:00">2023-07-22</time>
<h2><a href="/micro/twitter/">Stop using Twitter.</a></h2>
<p class="lead"></p>
</div>
<div class="list">
<time datetime="2023-07-19T10:14:44&#43;02:00">2023-07-19</time>
<h2><a href="/micro/reader/">Reader mode is the antidote to bad website design.</a></h2>
<p class="lead"></p>
</div>
</main>
<footer>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">BY-SA 4.0</a> &emsp;&emsp; Jan Kremer &emsp;
&emsp; 20212024</p>
</footer>
</body>
</html>

63
public/micro/index.xml Normal file
View file

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><?xml-stylesheet href="/rss.xsl" type="text/xsl"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Microblog on Jan Kremer</title>
<link>https://jankremer.eu/micro/</link>
<description>Recent content in Microblog on Jan Kremer</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language>
<lastBuildDate>2023-12-25 16:28</lastBuildDate><atom:link href="https://jankremer.eu/micro/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Markdown Tables Suck</title>
<link>https://jankremer.eu/micro/markdown-tables/</link>
<pubDate>2023-12-25 16:28</pubDate>
<guid>https://jankremer.eu/micro/markdown-tables/</guid>
<description>&lt;p&gt;Tables are arguably the worst part of Markdown.
No horizontal lines except for the mandatory one at the top.
The only feature is the possibility to align cells.&lt;/p&gt;
&lt;p&gt;Org Mode does much better, but isn&amp;rsquo;t perfect either.&lt;/p&gt;
&lt;p&gt;Don&amp;rsquo;t get me wrong. It&amp;rsquo;s nice to have a simple tool for simple tables.
But sometimes I need more customizability.&lt;/p&gt;
</description>
</item>
<item>
<title>Use Timestamps</title>
<link>https://jankremer.eu/micro/timestamps/</link>
<pubDate>2023-11-15 10:12</pubDate>
<guid>https://jankremer.eu/micro/timestamps/</guid>
<description>&lt;p&gt;
Every blog post should include a timestamp.
In fact, this extends to almost anything online and even offline.&lt;/p&gt;
&lt;p&gt;
Also, don&amp;#39;t make me look for the date.
Put the date as obvious as possible, preferably at the beginning of the post.&lt;/p&gt;
&lt;p&gt;
I was reading &lt;a href=&#34;https://jvns.ca/blog/2023/02/28/some-notes-on-using-nix/&#34;&gt;Julia Evans post about nix&lt;/a&gt; and it was not immediately clear to me if this was a recent post.
Only when I copied the URL to complain about it I discovered the date there.
Safari hides most of the URL by default.&lt;/p&gt;
</description>
</item>
<item>
<title>Stop using Twitter.</title>
<link>https://jankremer.eu/micro/twitter/</link>
<pubDate>2023-07-22 15:57</pubDate>
<guid>https://jankremer.eu/micro/twitter/</guid>
<description></description>
</item>
<item>
<title>Reader mode is the antidote to bad website design.</title>
<link>https://jankremer.eu/micro/reader/</link>
<pubDate>2023-07-19 10:14</pubDate>
<guid>https://jankremer.eu/micro/reader/</guid>
<description></description>
</item>
</channel>
</rss>

View file

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="de"
dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Markdown Tables Suck | Jan Kremer</title>
<link rel="stylesheet" href="/css/main.min.44d337144c40b1101874ef25bbc4d48bb4bb38e7cdd285c9396c8dfa51b92d03.css" integrity="sha256-RNM3FExAsRAYdO8lu8TUi7S7OOfN0oXJOWyN&#43;lG5LQM=" crossorigin="anonymous">
<script data-goatcounter="https://jankremer.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<header>
<h1 class="title"><a href="/">Jan Kremer</a></h1>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/micro/">Microblog</a>
</li>
<li>
<a href="/photos/">Fotos</a>
</li>
<li>
<a href="/about/">Über mich</a>
</li>
</ul>
</nav>
</header>
<main>
<article>
<time datetime="2023-12-25T16:28:52&#43;01:00">2023-12-25</time>
<br>
<h1>Markdown Tables Suck</h1>
<p class="lead"></p>
<p>Tables are arguably the worst part of Markdown.
No horizontal lines except for the mandatory one at the top.
The only feature is the possibility to align cells.</p>
<p>Org Mode does much better, but isn&rsquo;t perfect either.</p>
<p>Don&rsquo;t get me wrong. It&rsquo;s nice to have a simple tool for simple tables.
But sometimes I need more customizability.</p>
</article>
<hr>
<div class="tags">
<ul>
<li><a href="/tags/micro/">Micro</a></li>
</ul>
</div>
</main>
<footer>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">BY-SA 4.0</a> &emsp;&emsp; Jan Kremer &emsp;
&emsp; 20212024</p>
</footer>
</body>
</html>

View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="de"
dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Reader mode is the antidote to bad website design. | Jan Kremer</title>
<link rel="stylesheet" href="/css/main.min.44d337144c40b1101874ef25bbc4d48bb4bb38e7cdd285c9396c8dfa51b92d03.css" integrity="sha256-RNM3FExAsRAYdO8lu8TUi7S7OOfN0oXJOWyN&#43;lG5LQM=" crossorigin="anonymous">
<script data-goatcounter="https://jankremer.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<header>
<h1 class="title"><a href="/">Jan Kremer</a></h1>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/micro/">Microblog</a>
</li>
<li>
<a href="/photos/">Fotos</a>
</li>
<li>
<a href="/about/">Über mich</a>
</li>
</ul>
</nav>
</header>
<main>
<article>
<time datetime="2023-07-19T10:14:44&#43;02:00">2023-07-19</time>
<br>
<h1>Reader mode is the antidote to bad website design.</h1>
<p class="lead"></p>
</article>
<hr>
<div class="tags">
<ul>
<li><a href="/tags/micro/">Micro</a></li>
</ul>
</div>
</main>
<footer>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">BY-SA 4.0</a> &emsp;&emsp; Jan Kremer &emsp;
&emsp; 20212024</p>
</footer>
</body>
</html>

View file

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="de"
dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Use Timestamps | Jan Kremer</title>
<link rel="stylesheet" href="/css/main.min.44d337144c40b1101874ef25bbc4d48bb4bb38e7cdd285c9396c8dfa51b92d03.css" integrity="sha256-RNM3FExAsRAYdO8lu8TUi7S7OOfN0oXJOWyN&#43;lG5LQM=" crossorigin="anonymous">
<script data-goatcounter="https://jankremer.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<header>
<h1 class="title"><a href="/">Jan Kremer</a></h1>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/micro/">Microblog</a>
</li>
<li>
<a href="/photos/">Fotos</a>
</li>
<li>
<a href="/about/">Über mich</a>
</li>
</ul>
</nav>
</header>
<main>
<article>
<time datetime="2023-11-15T10:12:30&#43;01:00">2023-11-15</time>
<br>
<h1>Use Timestamps</h1>
<p class="lead"></p>
<p>
Every blog post should include a timestamp.
In fact, this extends to almost anything online and even offline.</p>
<p>
Also, don&#39;t make me look for the date.
Put the date as obvious as possible, preferably at the beginning of the post.</p>
<p>
I was reading <a href="https://jvns.ca/blog/2023/02/28/some-notes-on-using-nix/">Julia Evans post about nix</a> and it was not immediately clear to me if this was a recent post.
Only when I copied the URL to complain about it I discovered the date there.
Safari hides most of the URL by default.</p>
</article>
<hr>
<div class="tags">
<ul>
<li><a href="/tags/micro/">Micro</a></li>
</ul>
</div>
</main>
<footer>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">BY-SA 4.0</a> &emsp;&emsp; Jan Kremer &emsp;
&emsp; 20212024</p>
</footer>
</body>
</html>

View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="de"
dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Stop using Twitter. | Jan Kremer</title>
<link rel="stylesheet" href="/css/main.min.44d337144c40b1101874ef25bbc4d48bb4bb38e7cdd285c9396c8dfa51b92d03.css" integrity="sha256-RNM3FExAsRAYdO8lu8TUi7S7OOfN0oXJOWyN&#43;lG5LQM=" crossorigin="anonymous">
<script data-goatcounter="https://jankremer.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<header>
<h1 class="title"><a href="/">Jan Kremer</a></h1>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/micro/">Microblog</a>
</li>
<li>
<a href="/photos/">Fotos</a>
</li>
<li>
<a href="/about/">Über mich</a>
</li>
</ul>
</nav>
</header>
<main>
<article>
<time datetime="2023-07-22T15:57:59&#43;02:00">2023-07-22</time>
<br>
<h1>Stop using Twitter.</h1>
<p class="lead"></p>
</article>
<hr>
<div class="tags">
<ul>
<li><a href="/tags/micro/">Micro</a></li>
</ul>
</div>
</main>
<footer>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">BY-SA 4.0</a> &emsp;&emsp; Jan Kremer &emsp;
&emsp; 20212024</p>
</footer>
</body>
</html>